[{"data":1,"prerenderedAt":326},["ShallowReactive",2],{"all-speakers":3},[4,49,103,164,207,282],{"id":5,"title":6,"agendaAvatar":7,"avatar":8,"avatarAlt":9,"avatarMobile":10,"body":11,"company":18,"description":15,"draft":19,"endTime":20,"experiences":21,"extension":22,"jobTitle":23,"links":24,"meta":37,"modalAvatar":7,"modalAvatarMobile":7,"name":6,"navigation":38,"noteUrl":7,"path":39,"profileAvatar":40,"profileAvatarMobile":40,"seo":41,"slideUrl":7,"slug":42,"speakerId":42,"speakerInfo":43,"startTime":44,"stem":45,"talkNumber":46,"talkSlug":42,"topic":47,"__hash__":48},"speakers\u002Fspeakers\u002Fevan-you.md","Evan You",null,"\u002Fspeaker\u002FevanYou-intro-desktop.png","Evan You 頭像","\u002Fspeaker\u002FevanYou-intro-mobile.png",{"type":12,"value":13,"toc":14},"minimark",[],{"title":15,"searchDepth":16,"depth":16,"links":17},"",2,[],"VoidZero",false,"10:15",[],"md","創始人",[25,29,33],{"label":26,"href":27,"text":28},"X","https:\u002F\u002Fx.com\u002Fevanyou","x.com\u002Fevanyou",{"label":30,"href":31,"text":32},"個人網站","https:\u002F\u002Fevanyou.me\u002F","evanyou.me\u002F",{"label":34,"href":35,"text":36},"GitHub","https:\u002F\u002Fgithub.com\u002Fyyx990803","github.com\u002Fyyx990803",{},true,"\u002Fspeakers\u002Fevan-you","\u002Fspeaker\u002FevanYou-profile.png",{"description":15},"evan-you","Vue.js 和 Vite 的作者，VoidZero 創始人","09:30","speakers\u002Fevan-you",1,"TBD","9zCTVV6dQOo0X-KXJ7ZVJNjHIj6lW9aV0CyEadVmg4c",{"id":50,"title":51,"agendaAvatar":7,"avatar":52,"avatarAlt":53,"avatarMobile":54,"body":55,"company":75,"description":60,"draft":19,"endTime":76,"experiences":77,"extension":22,"jobTitle":80,"links":81,"meta":91,"modalAvatar":7,"modalAvatarMobile":7,"name":92,"navigation":38,"noteUrl":93,"path":94,"profileAvatar":95,"profileAvatarMobile":95,"seo":96,"slideUrl":7,"slug":97,"speakerId":97,"speakerInfo":98,"startTime":99,"stem":100,"talkNumber":16,"talkSlug":97,"topic":101,"__hash__":102},"speakers\u002Fspeakers\u002Fserko.md","Serko","\u002Fspeaker\u002Fserko-intro-desktop.png","SerKo 頭像","\u002Fspeaker\u002Fserko-intro-mobile.png",{"type":12,"value":56,"toc":73},[57,61,64,67,70],[58,59,60],"p",{},"Vue Language Tools 是一個跟 Vue 有關的 Language Tools。平時我們在寫 Vue 的時候，可能有用過，也可能沒有特別留意自己有沒有用過，但不管有沒有留意，這次主要就是想簡單介紹一下 Vue Language Tools。",[58,62,63],{},"會先從 Vue Language Tools 開始，看看 Vue Language Tools 到底是甚麼，然後再看看裡面有甚麼。知道裡面有甚麼之後，我們就可以再看看這些東西為甚麼會在裡面，以及它們在裡面做甚麼。有些東西可能比較容易理解，有些東西可能要先理解另外一些東西，才能理解原本想理解的東西。不過沒有關係，我們會從比較前面的地方開始。",[58,65,66],{},"過程中也會稍微看看，當我們平時做一些很普通的事情時，Vue Language Tools 做了一些甚麼。",[58,68,69],{},"如果以前沒有接觸過 Vue Language Tools，也沒有問題。因為既然是新手入門，自然會從新手可以入門的地方開始。至於入門之後會去到哪裡，就要入門之後才知道。",[58,71,72],{},"總之，這是一個 Vue Language Tools 的新手入門，應該不會有甚麼特別的。",{"title":15,"searchDepth":16,"depth":16,"links":74},[],"-","11:15",[78,79],"Vue.js 及 VueUse 團隊成員","Vue.js Amsterdam 2026 講者","開源貢獻者",[82,85,88],{"label":26,"href":83,"text":84},"https:\u002F\u002Fx.com\u002Fserkodev","x.com\u002Fserkodev",{"label":30,"href":86,"text":87},"https:\u002F\u002Fserko.dev\u002F","serko.dev\u002F",{"label":34,"href":89,"text":90},"https:\u002F\u002Fgithub.com\u002Fserkodev","github.com\u002Fserkodev",{},"SerKo","https:\u002F\u002Fhackmd.io\u002F@vconf-conference\u002Frk7yvLVOGl","\u002Fspeakers\u002Fserko","\u002Fspeaker\u002Fserko-profile.png",{"description":60},"serko","SerKo 在 Vue.js 參與開發 Vue Language Tools 以及改善 Vue 在 AI 方面的開發體驗，也有參與貢獻 VueUse 及 Nuxt 生態的開源專案。","10:30","speakers\u002Fserko","Vue Language Tools 新手入門","PJbA9DmdgPPQxVe5617l5HWgVd71yrOS2lgHs_taPrg",{"id":104,"title":105,"agendaAvatar":7,"avatar":106,"avatarAlt":107,"avatarMobile":108,"body":109,"company":122,"description":113,"draft":19,"endTime":123,"experiences":124,"extension":22,"jobTitle":128,"links":129,"meta":151,"modalAvatar":7,"modalAvatarMobile":7,"name":152,"navigation":38,"noteUrl":153,"path":154,"profileAvatar":155,"profileAvatarMobile":155,"seo":156,"slideUrl":7,"slug":157,"speakerId":157,"speakerInfo":158,"startTime":159,"stem":160,"talkNumber":161,"talkSlug":157,"topic":162,"__hash__":163},"speakers\u002Fspeakers\u002Fhunter.md","Hunter","\u002Fspeaker\u002FhunterLiu-intro-desktop.png","Hunter Liu 頭像","\u002Fspeaker\u002FhunterLiu-intro-mobile.png",{"type":12,"value":110,"toc":120},[111,114,117],[58,112,113],{},"發佈一個 Vue 元件庫，麻煩的從來不是寫元件，而是打包：SFC 要編譯、型別宣告要正確、CSS 要輸出、CJS \u002F ESM 都要能用，相依套件該外部化還是打包進去。設定越堆越多，打包工具本身就變成技術債。",[58,115,116],{},"tsdown 是由 Rolldown 官方維護的函式庫打包工具，從 TypeScript 函式庫到 Vue 元件庫都提供最佳的開發體驗。它底層以 Rust 驅動、建置速度極快，優雅地解決了幾乎所有打包痛點，設定檔通常只需要幾行；既有的 Rollup、unplugin 與部分 Vite Plugins 也能繼續沿用，未來更將成為下一代 Vite 函式庫模式的基礎。",[58,118,119],{},"後半段將以我維護的 vue-final-modal v5 為實戰案例，分享改用 tsdown 的過程：.vue 編譯、型別宣告、CSS 產出、三種輸出格式與 peer dependency 的實際取捨，以及遷移過程中學到的經驗。",{"title":15,"searchDepth":16,"depth":16,"links":121},[],"Colorful Casting","12:15",[125,126,127],"曾任 Vue.js Taiwan 管理員，並長期參與 Vue.tw 社群工作。開發並維護 Vue 開源元件 vue-final-modal。","曾擔任 Laravel x Vue Conf 2021、MOPCON 2019 \u002F 2020 及 Vue.js Taiwan 社群講者，分享主題涵蓋 Vue 3 Composable、Modal 元件設計與 Nuxt 等。","亦曾撰寫 Vue.js 與 Nuxt.js 系列技術文章，並舉辦線上及線下前端技術交流活動。","Tech Lead",[130,134,138,141,145,148],{"label":131,"href":132,"text":133},"FB","https:\u002F\u002Fwww.facebook.com\u002Fhunterliu1003","facebook.com\u002Fhunterliu1003",{"label":135,"href":136,"text":137},"IG","https:\u002F\u002Fwww.instagram.com\u002Fhunterliu1003\u002F","instagram.com\u002Fhunterliu1003",{"label":26,"href":139,"text":140},"https:\u002F\u002Fx.com\u002Fhunterliu1003","x.com\u002Fhunterliu1003",{"label":142,"href":143,"text":144},"thread","https:\u002F\u002Fwww.threads.com\u002F@hunterliu1003","threads.com\u002F@hunterliu1003",{"label":30,"href":146,"text":147},"https:\u002F\u002Fhunterliu.tw\u002F","hunterliu.tw\u002F",{"label":34,"href":149,"text":150},"https:\u002F\u002Fgithub.com\u002Fhunterliu1003","github.com\u002Fhunterliu1003",{},"Hunter Liu","https:\u002F\u002Fhackmd.io\u002F@vconf-conference\u002FHksmD84_ze","\u002Fspeakers\u002Fhunter","\u002Fspeaker\u002FhunterLiu-profile.png",{"description":113},"hunter","現任日本新創 Colorful Casting 的 Tech Lead，擁有 9 年軟體開發經驗，專注於 Vue、Vite、TypeScript、Nuxt 與產品架構。除了前端，也具備後端與資料庫開發經驗，參與過非關聯式及關聯式資料庫系統的設計與建置。工作涵蓋架構設計、程式碼審查、自動化測試、CI\u002FCD，以及 Web、iOS、Android 跨平台產品開發，重視可維護性、開發體驗與團隊協作。","11:30","speakers\u002Fhunter",3,"套件打包實戰：以 tsdown 重新打包 vue-final-modal","Idxs1uGxXpWXFAA0V6JbB0EhrNeh1RHDb0G20_St1ag",{"id":165,"title":166,"agendaAvatar":167,"avatar":168,"avatarAlt":169,"avatarMobile":170,"body":171,"company":7,"description":175,"draft":19,"endTime":187,"experiences":188,"extension":22,"jobTitle":191,"links":192,"meta":193,"modalAvatar":194,"modalAvatarMobile":195,"name":196,"navigation":38,"noteUrl":197,"path":198,"profileAvatar":199,"profileAvatarMobile":199,"seo":200,"slideUrl":7,"slug":196,"speakerId":196,"speakerInfo":201,"startTime":202,"stem":203,"talkNumber":204,"talkSlug":196,"topic":205,"__hash__":206},"speakers\u002Fspeakers\u002Fkuku.md","Kuku","\u002Fagenda\u002Fkuku-agenda.png","\u002Fspeaker\u002Fkuku-intro-desktop.png","kuku 頭像","\u002Fspeaker\u002Fkuku-intro-mobile.png",{"type":12,"value":172,"toc":185},[173,176,179,182],[58,174,175],{},"新版本發布後，我們總是在討論新增了哪些功能；但真正重要的是，它是否改善了專案裡每天都會遇到的問題。",[58,177,178],{},"本次分享將透過一系列可重複驗證的實驗，檢視 Vue 3.6 在真實 Runtime 場景中的表現，並整理實驗結果與工程觀察，而不是只看 Release Notes。",[58,180,181],{},"同時，也會分享 AI Coding 導入團隊後，如何建立 Prompt、Design System 與 Code Review 規範，讓 AI 成為提升品質的助力，而不是技術債的加速器。",[58,183,184],{},"希望大家帶走一套能驗證框架演進、也能應對 AI Coding 時代的 Vue 工程實踐。",{"title":15,"searchDepth":16,"depth":16,"links":186},[],"14:00",[189,190],"2025 iThome IT 鐵人賽 Vue.js 組冠軍","2024 iThome IT 鐵人賽佛心分享獎","前端工程師",[],{},"\u002Fagenda\u002Fkuku-modal-desktop.png","\u002Fagenda\u002Fkuku-modal-mobile.png","kuku","https:\u002F\u002Fhackmd.io\u002F@vconf-conference\u002FH1eBD8V_Ml","\u002Fspeakers\u002Fkuku","\u002Fspeaker\u002Fkuku-profile.png",{"description":175},"曾任友達良率提升副理，三年前轉職成為前端工程師，將過去改善流程、提升效率的思維帶進軟體開發，目前主要使用 Vue.js 開發商業專案。\n熱衷研究如何把事情做得更快、更穩、更輕鬆，因此持續探索 AI Coding 在日常開發中的應用。平時也喜歡整理實戰經驗與踩過的坑，希望透過分享，讓更多人少走一些彎路。","13:15","speakers\u002Fkuku",4,"Trust and Verify：用工程方法探索 Vue 更新的價值","OtcAKK4ECO7_lqAh7GGDLivQMYTGMmAE0N4DkI5tKbs",{"id":208,"title":209,"agendaAvatar":210,"avatar":211,"avatarAlt":212,"avatarMobile":213,"body":214,"company":243,"description":218,"draft":19,"endTime":244,"experiences":245,"extension":22,"jobTitle":248,"links":249,"meta":270,"modalAvatar":7,"modalAvatarMobile":7,"name":209,"navigation":38,"noteUrl":271,"path":272,"profileAvatar":273,"profileAvatarMobile":273,"seo":274,"slideUrl":7,"slug":275,"speakerId":275,"speakerInfo":276,"startTime":277,"stem":278,"talkNumber":279,"talkSlug":275,"topic":280,"__hash__":281},"speakers\u002Fspeakers\u002Fray.md","Ray","\u002Fagenda\u002Fray-agenda.png","\u002Fspeaker\u002Fray-intro-desktop.png","Ray 頭像","\u002Fspeaker\u002Fray-intro-mobile.png",{"type":12,"value":215,"toc":241},[216,219,222,225,228,231],[58,217,218],{},"當大家都會使用 AI 之後，你與這些人又有什麼差別呢？",[58,220,221],{},"訂閱了 AI 工具、努力學習最新的 AI 用法，導致我們習慣追求高效率，卻常忽略了真正的危機：「如果習慣把思考和分析都外包給 AI，大腦就會逐漸退化。」",[58,223,224],{},"這一場我將會介紹 AI 時代你真正應該要擔心的問題與衝擊。",[58,226,227],{},"我也會提供一套自我盤點工具讓你可以帶回去重新驗證哪些是可以給 AI、哪些不能給 AI，讓你不被 AI 取代。",[58,229,230],{},"結束後，你可以帶走以下：",[232,233,234,238],"ol",{},[235,236,237],"li",{},"重新思考哪些事情可以給 AI、哪些事情不行",[235,239,240],{},"建立一套自己不被 AI 取代的能力",{"title":15,"searchDepth":16,"depth":16,"links":242},[],"六角學院","15:00",[246,247],"是 Ray 不是 Array 作者","《Code Review 我的青春》作者","資深軟體工程師",[250,253,256,259,262,266],{"label":131,"href":251,"text":252},"https:\u002F\u002Fwww.facebook.com\u002Fisraynotarray","facebook.com\u002Fisraynotarray",{"label":135,"href":254,"text":255},"https:\u002F\u002Fwww.instagram.com\u002Fisray_notarray","instagram.com\u002Fisraynotarray",{"label":142,"href":257,"text":258},"https:\u002F\u002Fwww.threads.com\u002F@isray_notarray","threads.net\u002F@israynotarray",{"label":30,"href":260,"text":261},"https:\u002F\u002Fisraynotarray.com\u002F","是 Ray 不是 Array | Software Engineer",{"label":263,"href":264,"text":265},"書籍","https:\u002F\u002Fwww.tenlong.com.tw\u002Fproducts\u002F9786267889251","Code Review 我的青春",{"label":267,"href":268,"text":269},"作品網站","https:\u002F\u002Fisraynotarray.dev\u002F","是 Ray 不是 Array｜冒險者公會",{},"https:\u002F\u002Fhackmd.io\u002F@vconf-conference\u002FH1L8vI4Ofg","\u002Fspeakers\u002Fray","\u002Fspeaker\u002Fray-profile.png",{"description":218},"ray","目前擔任六角學院資深軟體工程師，除此之外也是課程講師、教練以及助教，工作上主要負責 Web 前端開發，主要使用 Vue\u002FNuxt 為主。個人喜歡把自己一些經驗重新內化之後輸出成文章，或系列文章，也喜歡把自己遇到的一些 Bug 轉成文章作為記錄。","14:15","speakers\u002Fray",5,"打造 AI 無法取代的我","xhpC5oBmWjI3kxn86CA5KPKCIAzhEw_jFw_i90oRXWE",{"id":283,"title":284,"agendaAvatar":7,"avatar":285,"avatarAlt":286,"avatarMobile":287,"body":288,"company":304,"description":292,"draft":19,"endTime":305,"experiences":306,"extension":22,"jobTitle":308,"links":309,"meta":313,"modalAvatar":7,"modalAvatarMobile":7,"name":314,"navigation":38,"noteUrl":315,"path":316,"profileAvatar":317,"profileAvatarMobile":317,"seo":318,"slideUrl":7,"slug":319,"speakerId":319,"speakerInfo":320,"startTime":321,"stem":322,"talkNumber":323,"talkSlug":319,"topic":324,"__hash__":325},"speakers\u002Fspeakers\u002Fkuro.md","Kuro","\u002Fspeaker\u002Fkuro-intro-desktop.png","Kuro Hsu 頭像","\u002Fspeaker\u002Fkuro-intro-mobile.png",{"type":12,"value":289,"toc":302},[290,293,296,299],[58,291,292],{},"2026 年，AI 工具已經能秒速產出完整的 Vue 元件。面對只要透過 Prompt 就能 Vibe Coding 的開發模式，你心裡可能也冒出過這個大哉問：「既然 AI 都能代勞，我們還值得投資時間學 Vue 嗎？」",[58,294,295],{},"但速度狂飆的同時，你是否遇過 AI 混搭不同版本的寫法，或是寫出默默破壞響應式（Reactivity）的地雷？當 AI 信誓旦旦地給出錯誤解法、在錯的方向上越修越歪時，身為開發者，你的底氣究竟在哪裡？",[58,297,298],{},"在本場議程裡，我想帶大家回歸技術本質，除了盤點實務上 AI 最常踩的 Vue 開發地雷外，我真正想回答的是那個更根本的問題：AI 時代，「會 Vue」的定義變成了什麼？哪些知識可以放心交給工具，哪些才是你看懂、駕馭 AI 產出的真正本錢？",[58,300,301],{},"無論工具如何進化，邀請你進場，一起「重新認識」AI 時代的開發者核心價值！",{"title":15,"searchDepth":16,"depth":16,"links":303},[],"Vue.js Taiwan","16:10",[307],"Google \"Kuro Hsu\"","Community Organizer",[310],{"label":30,"href":311,"text":312},"https:\u002F\u002Fkurohsu.dev\u002F","kurohsu.dev",{},"Kuro Hsu","https:\u002F\u002Fhackmd.io\u002F@vconf-conference\u002FHk6PwU4uGe","\u002Fspeakers\u002Fkuro","\u002Fspeaker\u002Fkuro-profile.png",{"description":292},"kuro","Vue.js Taiwan 社群主辦人。長期專注網頁前端標準技術，也多次參與技術社群分享開發實作心得。專注 Vue 生態、系統設計與教學實作，著有《0 陷阱！0 誤解！8 天重新認識 JavaScript！》以及《重新認識 Vue.js》等技術書籍。","15:25","speakers\u002Fkuro",6,"現在大家都用 AI 開發了，我們還需要學 Vue 嗎？","_UwJqdZJtZaVU7W4xXrb4UKj5-yJysXNZ5PVVDQNhFs",1789931518723]