掌握技術，拉近與世界的距離
撰文者: 智慧城鄉處 工程師 洪絹雅(Bella Hong)
ModernWeb 是 iThome 所主辦的年會，從 2015 年開始舉辦，至今已經第 5 年，是Weber 交流請益的一期一會。
4年來，ModernWeb 邀請 130 位來自國內外的大師講者，帶來多達 160 場分享，從基礎開發實務，到進階技術應用；從 CSS、Vue.js，到熱門的 Chatbot、區塊鏈、Serverless，多元化的內容、豐富的議題，為 Weber 充電、補充 Web 技術養份。
今年的 ModernWeb 保留「學習、成長」的本質、「輕鬆、熱鬧」的特色，結合企業及實務需求，帶來「新知識、新技術」，以及「專案經驗」及「Web 產品」的分享，幫助更多 Weber 在獲取新知的同時，能將所見及所學，實踐到自身的工作與專案中。
為期兩天的議程，除了開放徵稿的方式，同時也邀請了中國重量級 Web 公司帶來技術與實戰經驗分享，題材從技術、團隊合作，到成長心路等包羅萬象，不僅僅限於開發，滿足了所有 Web 相關工作者所需。
規劃不同主題空間，等著碰撞出有趣火花
今年和去年一樣在台北國際會議中心舉辦（據說是臺灣最大的會議場所），但今年與會人數高達上千人，所以場地包了整個一樓。
除了 5 個會議室之外，還安排了「技術傳道場」供社群攤位分享，「茫茫非會議」則是交流、喝酒、吃吃零食的小圈圈空間，「天瓏書展」供 Web 書籍優惠折價，「專家面對面」則是講者結束演講後繼續和與會者交流的地方。整個空間安排非常舒適，區與區之間有很好的間隔，動線圍繞著正中間的大會議室，讓你不會錯過任何有趣的活動。
非技術議程變多，企圖走出不同視野
今年的 ModernWeb 為期兩天，除了 6 場為共通場次，其餘 1 個時段通常有 3 到 4 個場次，共計 41 場議程。
這次非開發技術的議程主題變多了，例如卓致遠所演講「報稅系統是如何改善的：UX使用者體驗與政府溝通的過程與做法」、陳建弘細數巴哈姆特電玩資訊站「存活 20 年的 10 大抉擇」、曾薰儀從露天經驗說「經營者需要學的第二火星語 vs 開發者需要學的第二火星語」等，非開發技術議程佔了 6 場共通場次的 3 場。
iThome 的總編輯吳其勳則在開場提到，他們希望帶給會眾可能是不同的專案角色，或是未來職涯上面發展，對於自身工作與專案有所助益的東西。我認為非技術議程其實蠻有趣的，除了聽故事、案例外，還有體會到重要的兩件事：「洞察先機」和「換位思考」。
從巴哈姆特電玩資訊戰，看到一個專案或產品需要成功，有時候，浪潮對了就成功了一半，從 BBS 站起家到跟上 Web 興起，「洞察先機」是巴哈姆特生存最大的關鍵，雖然中間可能會遇到挫折或危機，但就是隨時保持初衷、確認信念，轉舵調整。露天市集的曾總經理則是根據她經營者與開發者互動的經驗，提醒了兩者之間的關係，以及宏觀在公司扮演的角色，學習用會計與獲利角度的「換位思考」。
臺灣大神變少，中國技術團崛起
今年少了熟知的大神講者，不知道是不是 Web 技術趨於穩定，大多是生面孔，甚至品質與去年比起來明顯參差不齊，但是中國技術團的講者則非常令人眼睛一亮，從演講中明顯感受到扎實的技術經驗以及演說能力，投開發者所好並帶來了廣闊的視野。
趙錦江是本次中國技術團前端議程的出品人，一個人包辦了「迎接 UI 設計工具的新時代」、「挖掘鍵盤的潛能」兩個議程，而且演講內容扎實，是個非常厲害的前端大師。他本身是 Vue.js 核心團隊的成員，去年也受邀對 Vue.js 做演講。
在議程中，趙錦江分享他觀察的現況以及對未來的想像，例如為了達成雙向協作、免除環境問題、快速分享與交流等目的，許多系統或工具走向瀏覽器加上雲端的方式，直言未來將出現更多「 Web-based 工具」。在開發上，越來越重視跨團隊的合作，跨團隊如何消弭之間的落差越來越重要，像是前後端利用 BFF (Backend for Frontend) 解決 API 無法靈活對應 UI 畫面的問題，或者設計與前端透過 Style guide 減少設計稿不一致的問題，Web component 搭配抽象化而非語意化樣式，讓調整更加彈性，減少重複樣式。除了一些工具協助跨團隊合作，理解彼此
中國講者郝稼力的議程「請在網頁中使用 3D」則是帶來完整的 Web 3D 技術分享，在 WebGL 2.0 Compute Shader 發展，使用了平行運算與支援 GPU 運算，隨著瀏覽器發展，極度看好 Web 3D 未來。在開發上，可以使用OffscreenCanvas API，它支援 Web Workers，避免主執行緒阻塞，提升 3D 性能，並推薦使用 AssemblyScript 框架改善效能，它是 Web Assembly 的 JavaScript 版本。郝稼力同時也介紹了 Babylon.js、Three.js 與 PlayCanvas 這三個流行的 3D 框架，以及 A-Frame、Vue-Babylon 等元件化的函式庫。
對於網頁圖形的未來，他提出了「 WebGPU 」與「任何可以用 JavaScript 來寫的應用，最終都將用 JavaScript 來寫」兩個結論，WebGL 未來可能被 WebGPU 替換，並且會有更多 3D 技術的 N-API 提供給 Node.js 使用。
技術生態圈穩定發展，多參與相關社群活動
概論今年的議程，大多框架或函式庫都是去年或前年就在推廣，像是 GraphGL、Vue.js、TypeScript、WebGL 等，相對也代表這些技術生態圈活絡並且穩定發展。
中國技術團都是大神等級，感覺得出來在大規模商場廝殺出來的滿滿實戰經驗，非常可惜我只參與其中四場的議程，如果後續 iThome 有再邀請中國技術團，我應該會以中國講者的議程為主，並且多參加場外場次，因為許多臺灣大神改投入場外社群活動，例如Kuro、Amos、高見龍等，並加入社群核心成員，會更容易交流與獲得意外收穫。
#WeMakeItAmazing #ModernWeb #WebBased #WebGL