說走就走的 Vue Fes Japan 2025 之旅

說走就走的 Vue Fes Japan 2025 之旅

活動紀錄

前言

去年在推特上看到 Vue Fes Japan 2024 的活動紀錄,該說真不愧是日本的活動嗎…感覺真的挺精緻又有趣的,特別是許多與 Vue 有關的擺設與周邊。

所以在今年活動資訊剛出來時,就在猶豫要不要飛一趟,也拉了幾位朋友問問,如果確定要衝一波,就馬上來訂門票跟機票飯店。

由於 Vue Fes Japan 2025(後面簡稱為 Vue Fes)是在 10/25 禮拜六一早舉辦,正常上班族一定得請假;當然衝前一天的紅眼班機也行,但怕這樣的規劃太累,到時候沒精神聽 conference 就本末倒置了。

所以原本是打算請個 1~2 天假,抱持著輕鬆的心情出發,也能在日本多玩幾天。

而促使我們成行的最大原因,是台灣在今年新增了 5 個國定假日,正好其中一天是 Vue Fes 的前一天,不用特別請假簡直天時地利人和,這趟遠征簡直非去不可。

唯一的痛點是在訂機票跟飯店,意外的比想像中還貴,大家經過幾週的討論後才拍板定案。

下面就來分享一下本次的旅程。

Day 1

這次總共去了三天(10/24~10/26),規劃是搭酷航,去程 6:50 出發,回程 19:55。

因為去的天數不多,選擇酷航除了是價格上的取捨外,航班時段上早出晚歸,可以把停留在日本的時間最大化。

這也是我人生中第一次搭廉航,原本擔心出境會排很久凌晨 3 點就出門了,結果沒什麼人,凌晨 4 點半就在候機室聊天等飛機。

但因為當天下大雨的關係,除了登機門突然被改到 B1R 要走 remote bay,6:50 飛機還 Delay 到快 9 點才起飛,有點無言。

等待過程中朋友分享了 flighty 這個 App,航班追蹤準確之外還有飛機位置能看,被改登機口也是這個 APP 第一時間通知的。相當厲害。

另外和跨裝置體驗也超好,Macbook 跟 Apple Watch 都能即時看到航班狀態,不過訂閱價格也不便宜…

flighty 在 apple watch 上的通知顯示

等到可以登機後,會由接駁車接送到飛機旁,第一次走 remote bay 說實在還是挺有趣的。

最後提一下,酷航升級到 ScootPlus (豪華經濟艙) 其實蠻值得的,除了價格依然比一般航空便宜一些,行李重量給的也很足夠,乘坐體驗也會比經濟艙舒服很多。

ScootPlus 座位

抵達日本

入境後搭乘 Skyliner 到上野的時候已經下午 3 點多。

天氣有點冷,馬上先去吃第一餐 らーめん鴨to葱

接著一路走到遊舎工房,這是一家鍵盤專賣店,在這裡可以看到各種類型的鍵盤和客製化零件,推薦鍵盤愛好者可以來看看。

而我跟朋友這次的目的都是打算帶一把 HHKB 鍵盤回去,而這家店應該是目前極少數能直接現場買到 HHKB 鍵盤的店家。

雖然記得以前ヨドバシ也有賣 HHKB,但現在都沒有在展示了,其他店家即使有展示也沒在販售。

HHKB 鍵盤展示

接著就先殺到秋葉原的飯店 check-in 放行李,這次住的是 Glansit Akihabara,也是我第一次住膠囊旅館。

不過我升級到了有隔間的房型,雖然一樣聽得到別人的聲音,不過多了自己的空間跟桌子,行李也不需要拿到外面鎖,蠻推薦的。

小缺點就是隔間的門不能鎖,能鎖的只有置物櫃,然後置物櫃又偏窄一點,不過我的無印良品 75L 行李箱剛好能放進去,完美。

Glansit Akihabara 的獨立房間

接下來就是在秋葉原到處逛街,會選擇住在秋葉原的原因除了離會場不遠之外,還充滿著工程師宅宅們想逛的店家。

光是一棟 Bic Camera 我就可以逛好久,各種電子產品的展示都很齊全,比任何一個台灣的硬體賣場都好逛,雖然最後只買了一台新的吹風機就是。

一路逛到晚上,秋葉原的夜晚也是很漂亮的,但可惜的是現在別於以往,已經幾乎沒有動漫聖地的感覺了。

夜晚的秋葉原

晚餐就近選擇吃焼肉ライク,雖然我記得台灣也有店了,但從來沒去吃過。

焼肉ライク 秋葉原中央通り店

補充體力後,繼續把附近的動漫周邊店家、ヨドバシ、Donki都逛一逛。

宵夜嘴饞順路吃了 Sukiya,點了這碗「柚子醋蘿蔔泥低卡豆腐沙拉牛丼」,基本上就是把裡面的白飯換成沙拉,充滿健康的感覺,我覺得台灣也可以考慮賣一下。

Sukiya 的柚子醋蘿蔔泥低卡豆腐沙拉牛丼

最後回飯店,不錯的是飯店有大澡堂可以泡澡休息,收拾完後準備開啟隔天的 Vue Fes 行程。

Day 2

一早起來下雨又偏冷。

12/25 天氣

Vue Fes 的會場是位在 大手町プレイス ホール&カンファレンス,從東京車站步行 10 分鐘內可以抵達。

所以就先到東京車站吃個早餐,因為想喝咖啡所以選擇了這家 ROKUMEI COFFEE グランスタ丸の内店,如果是搭乘 JR 的話從「丸の内北口」出來直走很快就會看到。

主要是牛角麵包跟拿鐵,很適合簡單的開啟一天。

ROKUMEI COFFEE グランスタ丸の内店的牛角麵包和拿鐵

報到階段

8:50 分左右就先到會場了,等待 9:00 開始到櫃檯報到後,就可以領活動手冊。

Vue Fes 櫃檯報到

這次的參加證如果在時間內有上傳頭貼,就會幫你印製在參加證上,會放在旁邊的長桌上自行領取,質感有點像塑膠卡片,不怕凹又防水,很有紀念價值。

Vue 的鑰匙圈是小音用 3D 列印做的,提供給大家免費領取,中間還可以拆出來替換,我很喜歡。

Vue 3D 列印鑰匙圈

整個活動的範圍是就一排長廊,有 1 樓跟 2 樓,根據想聽的內容進去對應的演講廳,想找人還算容易,開場前馬上就能遇到不少有參加的朋友們來閒聊。

1 樓還有節慶主題區和周邊販賣的攤位,一定要來逛逛的。

Vue Fes 周邊攤位

跟大多 Conf 一樣,走廊旁都會設置茶水區,最讚的是居然還有提供冰塊,會場還能喝到冰咖啡。

Vue Fes 茶水區

和大多 Conf 一樣,議程會有多軌進行,接下來就來分享幾場我有聽到的議程內容~

キーノート

開場後的第一場當然是 Evan You 的 Keynote。

分享了 Vue 的熱度持續上升,Vite 與 Oxc、Rolldown 等生態工具的發展,以及 Vite+ 這個工具鏈等等。

相當讓人期待未來前端的發展方向。

Keynote

VueはAIに弱い?そんなの都市伝説です

第二場則是使用 AI 搭配 Vue 開發產品的經驗分享,簡單的講了使用 AI 輔助開發的流程跟架構,並且歸納了一些重點跟注意事項。

我覺得日本的簡報做的很棒,除了簡報風格之外,優缺點比較或架構流程圖都很棒,讓人一眼就能快速理解重點,值得學習。

讓我意外的是,日本不少開發者居然都在使用 Pinia Colada 了。

Storybook 駆動開発で実現する持続可能な Vue コンポーネント設計

第三場則是用 AI 搭配 StoryBook 來產 Vue Components,我認為和 SDD (Specification-Driven Development) 的開發方式有著異曲同工之妙,也算是間接了免去管理跟架構的規劃。

只要專注在元件的設計與測試,如果團隊已經熟悉 StoryBook,對於前端元件的內部管理我認為是個方式。

午餐時間

中午時間比較特別的是有「學生支援」的議程,也有提供午餐便當,但我們這種社會人士就只能去外面找了。

經過創意牆也順便畫了幾筆紀念一下:

對附近不熟的關係,就近吃了附近店家的鮭魚丼,下次我認為可以先規劃好這塊,會比較有餘裕。

午餐的鮭魚丼

那邊還有一個位置留給你各位啊:

午餐大合照,就缺你一人啦

フレームワークを超えて:次の10年のウェブを築く

緊接著下午第一場是 Daniel Roe 的分享,有趣的是他的分享是可以互動的,可以在手機掃描 QR Code 後傳 Emoji 到畫面上。

講述目前 Web 變得越來越複雜,持續學習變得至關重要。而 Nuxt 是一個可以幫助你用比較低成本的方式維護,其次交付也很重要, Nuxt 也支援了許多 SaaS 服務,並持續評估新的打包工具來提升使用者體驗等等。

其中有個互動問答很有趣,問大家 Web 開發時遇到的挑戰有什麼?有人回答 Safari 😂

Daniel Roe 簡報問答

結束前最後合併了 Nuxt v4.2.0,聽說最後合併 PR 是近期 Conf 流行的方式(?)

Daniel Roe 合併 Nuxt v4.2.0 PR

5 年間における Vue 言語ツールの進化

接著是 Johnson Chu 分享了 Vue 的 Language Tools 的發展歷程與如何解決過程中 LSP 導致的效能問題和瓶頸。

比較有深度的分享,我自己的理解相當有限。

5 年間における Vue 言語ツールの進化

最高の DX - Nuxt Typed Router と Pinia Colada で実現する次世代 Vue/Nuxt 開発

分享了 Nuxt Typed Router 與 Pinia Colada 這兩個套件。前者能夠能方便地透過 TypeScript 幫助你判斷與提示存在的路由,後者則是一個基於 Pinia 的 API 管理工具,可以視爲 Tanstack Query 轉換成 Vue 生態的版本。

兩者在搭配上能確保資料流都能被 TypeScript 所管理,減少錯誤發生。

最高の DX - Nuxt Typed Router と Pinia Colada で実現する次世代 Vue/Nuxt 開発

【パネルディスカッション】フロントエンドの未来を語る ─ React/Vue.js/Svelte が見据える次の 10 年

大神們專題討論會,中間還有個休息時間,再加上沒特別想聽的,就去東京車站買了杯咖啡晃一晃再回來聽。

  • Vue 2 到 Vue 3 這種重大變更,容易會讓 AI 出現幻覺,未來升級也需要注意變更的幅度。
  • 文件的品質很重要,人類無法理解的文件,AI 也無法理解。
  • AI 無法分辨哪些要做、哪些不做,下指令時需要明確清楚。
  • 即使在這個 AI 就能寫程式的時代,程式設計知識仍然是不可缺少的,持續學習依然重要。

Introducing Vite DevTools

最後一場議程是 Antfu 的分享,很驚喜的講日文分享了目前開發的 Vite DevTools 的開發背景和未來規劃。

Introducing Vite DevTools

離場前不忘跟大神合照:)

與大神們合照

晚餐

其實原本還有 After Party 的,不過第一次來沒做太多功課,不確定活動會不會到很晚,所以就沒參加了。

想想是有點可惜,我好想要喝看看各個套件的雞尾酒飲料啊…

但既然沒參加到就只好自己辦 After Party 了,隨意挑了這間 WAGYU でですけ,很幸運的沒預約也能吃到。

吃飽後還能在銀座逛逛消化一下,宵夜嘴饞再跑到上野吃一蘭拉麵。

一蘭アトレ上野山下口店

Day3

最重要的行程結束了,今天就能輕鬆地到處逛街。

話是這麼說,但還是還是 5:30 起床出門散散步,再回飯店去泡湯。

坦白說我一直很想嘗試在早上泡湯,一來是人少很安靜,其次是在寒冷的天氣中真的舒服,整個人神清氣爽,身體也溫暖很多。

今天的行程就是把一些想去的地方逛完。

清晨的秋葉原

早起的第一個行程就是去築地吃個早餐,自從築地市場遷移後一直還沒機會來晃晃。

這次目標來吃築地どんぶり市場,7:05 就在等待老闆營業,雖然有點想吃個生魚片,但太好奇所以還是點了每日限量的「まくろほほ肉ステーキ丼」。

還有一個目標是去秋葉原的神田明神,工程師一定要買個「IT情報安全守護御守」吧!

中午後繼續逛銀座,目標除了無印良品跟 UNIQLO 之外,還有一直想來買藍瓶咖啡的周邊…

雖然晚點會有飛機餐,不過去機場前還是嘴饞吃一下在日本的最後一餐。

其實原本想再吃一次一蘭的,但因為排隊人潮有點多,所以直接改吃旁邊的鯛塩そば 灯花。

鯛塩らーめん味玉

不過說真的,好在有先吃。原本以為就順順回台灣,結果遇到成田機場臨時停飛…

就這樣在飛機上等了兩個小時左右才起飛,等到餐點來都已經晚上 9 點多了。

飛機上的晚餐

就這樣半夜還在飛機上,下飛機的時候已經半夜 1 點多,然後隔天還要上班…

第一次在飛機上跨日

結語

這篇文章因為有大量的圖片要整理,再加上一直在思考要透過什麼樣的方式呈現等等,所以拖了好幾個月才完成。

這次的 Vue Fes Japan 2025 之旅,雖然行程緊湊,但整體來說非常愉快。

平常可能因為搜尋語言的關係,其實很難理解到日本開發者的生態,但這次透過參加 Vue Fes,能夠直接接觸到日本的前端社群,感受到他們對於技術的熱情與投入。

對我來說有趣的是他們什麼都會翻譯成片假名,例如「コンポーネント」(Component)、「ステートマネジメント」(State Management),所以簡報上有些內容一時會看不懂。

能面對面遇到很多厲害的開發者,算是一個很難得的經驗。

其他快樂的就是可以順便去旅遊,雖然時間不多但相當充實。

可惜這次運氣有點差,沒想過飛機來回都能 Delay,對於這次比較緊湊的行程相對來說很傷,算是在意料之外。

總之像這樣的行程還是挺有意思的,有機會的話也蠻推薦大家來參加看看國外的 Conf,明年有機會的話會想再來參加一次。

討論區

歡迎在下方分享你的想法,或是給我一個讚!