ModernWeb'23 共同筆記
===

- [歡迎來到 ModernWeb'23！](/@ModernWeb/HkOsUaH7p)
- [ModernWeb'23 官方網站](https://modernweb.tw/) [target=_blank]
- [HackMD 快速入門](https://hackmd.io/s/BJvtP4zGX)
- [HackMD 會議功能介紹](https://hackmd.io/s/BJHWlNQMX)

# 11/8 (三)

## Keynote (M棟+聯播)

- 10:00 - 11:00 [Digital Transformation in Banking - A Look Into JP Morgan’s Cloud Journey and Developer Experience / Rinsha Kaushik](/gT1bpRo0Q9abr6VcoQXdng)
- 11:20 - 12:00 [透過多重體驗開發平台 (MXDP) 加快開發速度、強化使用者體驗 / 徐剛](/ue2xkPzXQZGb-29qHwh70g)

## A2棟

- 13:00 - 13:25 [透過 Leetcode 學習 TS / 蔡宇祥 (Tim.Tsai)](/tGocXVXtRSGRhpPfTxS_3A)
- 13:35 - 14:15 [Blazor寫一次就討好Web＆App開發 / 鮑承佑 (老鮑伯)](/SYtRO2-KS5m5Mj6ggfQV_w)
- 14:30 - 15:10 [人生奪還計畫 / 熊庭緯 (小熊), 楊勝堡 (湯姆羊)](/JDL4qmWRTTiNYv6m71nu4A)
- 15:25 - 16:05 [人工智能之下的敏捷開發 / 李智樺 (Ruddy 老師)](/DtxDy-8KR4mItQ2gGi4xRA)
- 16:20 - 17:00 [給工程師的PM工作流 / 曾馨儀 (A5HL3Y)](/9JXwEBvhQUyda2f4jWEqVg)

## B棟

- 13:00 - 13:25 [langchain 起手式 / 段喬智 (George)](/9TwDjXrlSYGPvNsRFrx8XA)
- 13:35 - 14:15 [生成式 AI CodeGPT 開發經驗談 / 吳柏毅 (appleboy)](/piqd6_IPTKu_N72Q_EZ56w)
- 14:30 - 15:10 [程式碼中的隱形陷阱：開發者的安全挑戰 / 沈宜婷 (Noflag)](/nncUtvL1TR-owTfqCT8U0Q)
- 15:25 - 16:05 [以 Serverless 技術打造 Podcast 官網及統計分析後台 / 范聖佑 (聖佑)](/cOehHn6PRUCMoSLIS7QbTw)
- 16:20 - 17:00 [小公司導入 ISO27001 的辛酸血淚史 / 徐愷 (KK)](/xW5q4LSATZWjGFMLkLZQpA)

## F棟

- 13:00 - 13:25 [利用AI來增加你的開發效率吧！ / 林正祥 (ATai)](/yyJwWQzjRhyRWwYUnTNegA)
- 13:35 - 14:15 [A11y & customization / Maya Shavin](/ZxVEtIWoQSmdK3q-f1gwOQ)
- 14:30 - 15:10 [易用性測試-你的程式不在乎使用者，所以你的使用者不在乎你的程式 / 卓致遠（卓學長)](/co5XhfiuQf2tWk2RXMg1rg)
- 15:25 - 16:05 [Three.js實現ROS虛實環境監控系統 / 邱文淇 (Ivan), 曾哲瀚 (小白)](/Hygw9roTSGG8pmSG3RdlrA)
- 16:20 - 17:00 [前端也有Design Patterns / 翁菁美 (Nina)](/hWKlSMmOSOCgWIlvhGPKDg)

## M棟

- 13:35 - 14:15 [哇嗚，原來 Vue.js 還能這樣寫！ / 許國政 (Kuro Hsu)](/H4QHT9-KShKeymz29Mpbcg)
- 14:30 - 15:10 [吃瓜群眾也能懂的 AI 入門 / 白翰霖 (Tony Pai)](/fI_5nbNiTvWAQf29-15xAQ)
- 15:25 - 16:05 [WebAssembly 是全端的好選擇嗎? / 何家名 (Jimmy Ho)](/u2JagRlOSoWff8EyRcq_3w)
- 16:20 - 17:00 [Go Ｘ 今天來談談 web 後端 APP / 邱暐淙 (TedxTed)](/HtFQ6QHPR0erjm5BD5s98g)

## G棟 (工作坊)
- 09:40 - 11:10 [給開發者的進階網路爬蟲開發之旅 / 李昀陞 (Peter)](/Ffop5Lq0QMekufZec_vWlw)
- 11:35 - 13:05 [探索敏捷開發：啟發您的職場成長之旅！ / 葉承宇 (丁丁)](/BLRijDiqQvepIHPQbHCIHA)
- 13:35 - 15:05 [GitOps | 以 A/B 測試為例 / 王偉任 (Weithenn)](/Vz1Tuv_zTUycT0fqoNPyTw)
- 15:30 - 17:00 [入門Django並打造具AI服務的網站 / 柯克 (Ko Ko)](/HXldyT5rSUajg4agGCPAVg)

# 11/9 (四)

## Keynote (M棟+聯播)

- 09:40 - 10:40 [Stacking Insight / Andrew Howden](/nFs2R1QKQw6NerFf5UdXjA)
- 10:50 - 12:10 [用人工智慧助軟體開發 / 蔡學鏞](/YSaMhS_iSOeJdCOwrA4ytA)

## A2棟

- 13:00 - 13:25 [數位發展部導入自然人憑證無密碼驗證與零信任 / 周詳](/c-JLSp0JQP62Zc_RoBxZ8Q)
- 13:35 - 14:15 [自在切出好版面 / 李建杭（Amos）](/gpghkX74TVKVp1UI3jyenQ)
- 15:25 - 16:05 [AI解決不了的事，專案管理之通靈術 / 黃金鴻 (Kim)](/HLg0ExwYQk6Aywr4maZWJA)
- 16:20 - 17:00 [識別出遠距團隊的 bad smell / 劉艾霖 (A-Lin)](/7w4lVNKXTq-fCSYtumvNSA)

## B棟

- 13:00 - 13:25 [如何從網頁前端到 React Native / 朱章祺 (Bucky Chu)](/CSBuWR34Smmbqhwkz9kWaA)
- 13:35 - 14:15 [有高層支持推動敏捷，難道事情就會順又少嗎？ / 陳勉修 (Michael)](/ReXG4OG8TBuqmDikCpNV9w)
- 14:30 - 15:10 [一個敏捷實踐的誕生 / 黃冠中 (Aaron Huang)](/YjHW9FUMTEaARp3V7-QjFQ)
- 15:25 - 16:05 [壓力測試大冒險：解鎖應用程式的隱藏性能之謎 / 董淳吉 (Marcus Tung)](/MP_4l09JSLKoewO8NxgrnQ)
- 16:20 - 17:00 [Mock framework 原始碼剖析 / 劉奕為 (John Liu)](/v8zUb4bUSvOWAJ4xQg3lSw)

## F棟

- 13:35 - 14:15 [模組化前端開發：從亂七八糟到組織有序 / 高見龍](/f9I3TniSRfG06jxrIV-cTQ)
- 14:30 - 15:10 [Heptabase from 0 to 1 / 詹雨安 (Yu-An Chan), 王祐崙 (Yu-Lun Wang), 周玉鑫 (Yu-Hsin Chou)](/koB_aoPlQCCpLvXVkuyhQg)
- 15:25 - 16:05 [實戰 Angualr Signals / 黃升煌 (Mike Huang)](/fh0h3ZCmQy2k0_EpNG6gSQ)
- 16:20 - 17:00 [Headless CMS 的前端應用 / 楊佳安 (Anna 佳安)](/uWETIBCPTW2EyrhghhWtTg)

## M棟

- 13:35 - 14:15 [領域驅動設計應用與實踐 / 張國昭 (小張)](/c0dCOEKiRomqmjUAb3EBdw)
- 14:30 - 15:10 [不要只當顧問，把 ChatGPT 變成你的員工 / 郭佳甯（卡米哥）](/_9fz5ZEYRJGXupO_HxmCQQ)
- 15:25 - 16:05 [《運用Semantic Kernel SDK 駕馭生成式AI應用的提示工程(Prompt Engineering)》 / 陳葵懋 (Ian Chen)](/i66oQT0KSLCfVKTx5xRghg)
- 16:20 - 17:00 [從Node.js到Rust / 陳靖中 (Duye)](/FVLXFSPiSlSbCQ7wFALIQg)

## G棟 (工作坊)

- 09:40 - 11:10 [詠唱(prompt)協同程式開發工作坊 / 林建宏 (Wolke Lin)](/G0cUzC40SwOZZGcJap3z4A)
- 11:35 - 13:05 [以Rust為湯頭的軟體系統開發實踐 / 徐紹銘 (三米克)](/DZKPq0dYTXuB3YXhedO4ow)
- 13:35 - 15:05 [從零開始打造可觀測性平台 / 劉義瑋 (Blueswen)](/1At_zQIVTByQ8QwcuJXGBw)
- 15:30 - 17:00 [Docker Workshop / 賴怡玲 (小賴)](/m1pRKQjERXqQDMGDt7FZjQ)

<style>
@keyframes blink { 0% { opacity: 1; } 48% { opacity: 1; } 49% { opacity: 0.5; } 50% { opacity: 0.5; } 51% { opacity: 1; } 64% { opacity: 1; } 65% { opacity: 0.2; } 66% { opacity: 0.2; } 67% { opacity: 1; } 100% { opacity: 1; } }

.summary #summary h1:first-child::before {
content: '';
display: block;
width: 100%;
height: 100px;
background-image: url(https://modernweb.tw/_nuxt/img/web_logo.ab7a41d.svg);
background-repeat: no-repeat;
background-position: center;
background-color: var(--bgDark);
margin-bottom: 30px;
margin-top: 20px;
filter: drop-shadow(6px 6px 7px rgba(0, 0, 0, 0.7));
animation: blink linear 4s infinite;
}

@media (max-width: 540px) {
.summary #summary h1:first-child::before {
display: none;
}
}

.summary, .summary .toolbar {
background-color: var(--bgDark);
color: white;
border-color: #3e3e3e;
}

.summary .toolbar input {
background-color: var(--bgDark);
color: white;
border-color: #3e3e3e;
}

.summary .toolbar input:focus {
outline: none;
border-color: white;
box-shadow: none;
}

.summary .ui-summary-action {
opacity: 0.7;
}

.summary .ui-summary-action:hover, .summary .ui-summary-action:focus {
color: white;
}

.summary h1,
.summary h2,
.summary h3,
.summary h4,
.summary h5,
.summary h6 {
font-weight: 700;
font-style: italic;
text-shadow: 1px 3px 5px var(--themeColor);
}

.summary .nav>li>a {
color: white;
}

.summary .nav>li>a:hover {
color: var(--themeColor);
text-decoration: none;
}

:root {
--themeColor: #f24472;
--themeColor2: #732d4d;
--themeColor3: #d941a4;
--themeColor4: #92549c;
--themeColor5: #53bbc6;
--themeHoverColor: #4eb4bf;
--themeTxt: #2f4858;
--bgLight: #f7f5dd;
--bgDark: #0f0f1b;
--bgLightGradient: linear-gradient(to top, #636fdf 0%, #bc4bbe 100%);
--bgmedalGradient: linear-gradient( 60deg, rgba(245, 194, 27, 1) 0%, rgba(209, 112, 0, 1) 100% );
--bgheadGradient: linear-gradient(45deg, #ea06ea 0%, #53bbc6 100%);
--classA: #ff1d25;
--classB: #00ffff;
--classF: #ff00ff;
--classG: #00ff00;
--classM: #f7931e;
}
</style>