上線了！👉 2026fifa.gomylife.tw — 2026 FIFA 世界盃動態賽程圖「決鬥之路」。
→ 點擊圖片或這裡進入 2026fifa.gomylife.tw
世足四年一次，這次北美三國（加拿大、墨西哥、美國）聯合主辦。3Q 團隊趁這波熱潮做了一個小作品：2026 世足動態賽程圖。
從小組賽到 16 強、8 強、4 強、決賽，每一場比賽結果出來就會即時更新；點任一支球隊還能看到他們的「決鬥之路」——從哪一場勝出、最後對到誰、若繼續贏會遇到誰。比起官方賽程表的純文字列表，視覺化的賽程圖一眼就看得到全貌。
為什麼我們做這個 #
老實說，純粹是想趁世足熱度做點好玩的。但它也順便示範了 3Q 平常做企業 IT 系統時不會明講的三件事：
即時資料管線。每一場比賽結果進來後要在多久內反映到頁面上？這個問題在企業端等於「訂單、庫存、簽核狀態」要多快被決策者看到。我們在電子發票、金流、太陽能監控這些線上系統累積的即時資料同步經驗，直接套用到這次的賽程更新上。
資料視覺化。賽程樹狀圖怎麼讓人一眼看懂晉級路徑、哪兩隊在哪個關卡相遇？這跟做企業儀表板要回答的問題本質一樣——把複雜結構壓縮成可掃讀的視覺，是顧問與套件採購最大的差別之一。
跨子網域部署。2026fifa.gomylife.tw 是 gomylife.tw 之下的獨立子網域，獨立部署、獨立發版、但仍在同一品牌底下。對中小企業而言，這正是「主站＋多支線產品/活動」的標準作法。
技術主軸 #
| 層 | 用什麼 |
|---|---|
| 前端 | Next.js（與 gomylife.tw 同技術棧，方便維護） |
| 部署 | Docker，獨立子網域，與主站隔離但同集群 |
| 資料 | 比賽結果即時同步，賽程結構動態渲染 |
| 視覺 | 響應式佈局，手機桌機都好讀 |
順便講一下行銷面 #
身為 B2B IT 顧問公司，做這種非商業作品其實是有意識的——好的工程能力需要場合展示，不是每件案子都能拿出來說。世足賽程圖是技術示範也是品牌曝光：
- 對潛在客戶：看到「3Q 連世足賽程圖都做」這種餘裕，會對我們處理本業案子的能力多一份信心
- 對 SEO：球迷搜尋「2026 世足賽程圖」這類關鍵字時，把 gomylife 品牌帶進視野
- 對團隊自己：每個案子都得緊繃交付，但偶爾做點有趣的，是工程文化的維他命
續集：同一套架構又做了 2026 F1 賽季即時網站 #
世足做完之後我們順手又做了一站：2026 F1 · 決鬥之路 →。
→ 點擊圖片或這裡進入 2026f1.gomylife.tw
世足是短時間爆量的一次性賽事，F1 是從 3 月打到 12 月、每兩週一站的長線賽季 — 兩種資料節奏都想試試看。這站放的東西：
| 板塊 | 內容 |
|---|---|
| 即時賽程 | 整個賽季所有站的日期、時區、每節時段（FP1/FP2/FP3、Qualifying、Sprint、Race） |
| 車手 / 車隊積分榜 | 隨每站結束即時更新 |
| 發車排位榜 | 排位賽跑完後、正賽發車順位一目了然 |
| 轉播時間表 | 台灣時間 + 愛爾達台號（比官方 App 多一步在地化） |
| 各節即時 leaderboard | 練習賽、排位、正賽跑起來後的即時名次與時間 |
同一個工程班底，同一套佈局系統，同一套 SEO 骨架（sitemap.xml、robots.txt、SportsEvent JSON-LD、apple-touch-icon 一次到位），能不能快速做出風格一致但形態不同的第二站？答案是可以，而且比第一站快得多 —— 這對想找「多分站快速部署」能力的客戶來說，是一個具體的參考點。
短時間內接連做出兩個賽事網站，該注意的不是「他們做了兩個好玩的東西」，而是背後累積的能力：上游 API 對接與交叉驗證、即時資料前端呈現、多站快速複製架構、新子網域 SEO 從零建置。這些放到企業案子，就是接第三方 API 做儀表板、多分公司網站快速部署、電商官網 SEO 從零建置 — 每個都是 B2B IT 顧問常見的需求。
玩一下 #
賽事都還在跑：
- 2026 世足 · 決鬥之路 → — 淘汰賽階段，看誰在最後衝刺
- 2026 F1 · 決鬥之路 → — 賽季過半，車手榜正在拉開差距
支持你心目中的冠軍，順便看看 3Q 用什麼方式呈現即時資料。有想法歡迎到 聯絡頁 跟我們說。