Senior Frontend Developer at LINE
前言 大家好,我是來自 LINE 購物的 Luke,非常榮幸能夠與來自各地的開發者分享我的經驗和知識。這場研討會是一個難得的機會,能夠聚集 Laravel 和 Vue.js 的頂尖開發者,共同探討這兩個框架的最新技術和最佳實作。在這次的演講中,我分享了關於使用 LINE 購物中使用 Vue 開發的一些技巧和技術,以下就與大家分享一下這次演講的內容,希望能對其他開發者也有所啟發。 活動簡報 介紹 LINE 購物 是 2018/01 上線,當時 Vue 主流都還是在使用第二版,許多現在常見的功能在當時都只能由團隊自行實作,如當時的 SSR 也是使用 Vue2 自行實作,若是現在就會直接用 Nuxt(1.0.0 發佈於 2018/1/9)。LINE 購物在前端上分成兩層,一個是 Web App、另一邊則是 API 層,這個 API server 的主要用途是整合不同來源的後端 API,並提供 SSR 所需的功能。 由於我們的 Tech Stack 選擇了 GraphQL,所以在 client side 的套件上,我們一開始就選用了知名的 Vue-Apollo-3.0.0
什麼都想學的雜食性軟體工程師 🇹🇼
聖誕熊大 緣分就是那麼奇妙,在進入 LINE Taiwan 以前,我寫了「雜談系列 — Web Frontend Infra」這篇文章,對於有些企業會成立一個專門處理 Web JS Infrastructure 的團隊感到非常認同與感興趣,這個團隊的工作內容並不侷限在前端,而是 JavaScript 這個程式語言的開發生態系,當然啦,大多數題目還是跟前端開發比較有關聯就是了。而在進入 LINE 不久後,我才從主管那得知 LINE 不久前也才剛成立這樣的團隊,衡量 LINE Taiwan 的團隊規模以及量級,有這樣的團隊理應可以減緩開發與維護大量專案時的複雜性與不一致性,同時也可以大幅優化開發者體驗(關於 JS Infra Team 可以帶來的優勢可以參考上方的文章連結)。有這麼好的機會我當然不想錯過,就非常厚臉皮的以 Junior Developer 的身份加入了(其他成員都是資深的開發者,老實說一開始壓力有點大,不確定自己可以貢獻什麼😂) 因為自己有定期回顧在工作上經歷了哪些事的習慣,剛好這陣子工作上的快樂來源與成就感都來自於做 JS Infra 的任務,就想說
Front-end Engineer at LINE KYOTO
譯者註解: 這裡指的 LINE MUSIC 在日本上線的產品 。 大家好,我是柴阪浩行 (Shibasaka Hiroyuki),在LINE的京都開發工程團隊負責前端的開發。大家在工作的時候用電腦聽音樂嗎?LINE MUSIC 不僅有手機版本 App,還有 Web 版網站應用。我們開發的 Web 版網站應用使用 Vue.js 作爲 JS 框架。 https://music.line.me/webapp/ 到目前爲止,這個Web版本的網站應用使用的是Vue2,2022 年 6 月,我們發佈了升級到 Vue 3 的版本。我們的團隊在開發Web版網站應用的功能的同時,也致力於提高性能。性能方面也有很多方面,其中 package 檔案的肥大化是最大的課題。構成應用程序的js和css的 package 大小爲6MB,使用名爲Sentry的監控工具測量對Web版網站應用的訪問量時,顯示時間超過2秒的訪問量約佔一半。我們進行了重構、整理依存套件等,致力於縮小檔案。其中,我們研究了我們網站用最多的 Vue.js,發現升級到 Vue3 可以減少整體的檔案大小。 遷移到 Vue3 本身已計劃就緒,以便將
LINE Taiwan Technical Writer
(來源:JSDC 提供)(來源:JSDC 提供)(來源:JSDC 提供)大家好,我是 LINE Taiwan Technical Writer – Claire Wang,這次帶著期待的心情以 LINER 身份參加 JSDC 2019,與 JavaScript 社群一起探索 JavaScript 的未來! JSDC 2019 於 10 月 26 日,在富邦國際會議中心舉辦,並由 LINE 台灣擔任鈦金級贊助。我們特別邀請來自 LINE 福岡的開發人員,透過技術議程為 JSDC 與會者介紹最新的服務與開發技術。此外,我們也在活動現場設置公司攤位,由 LINE 福岡與 LINE 台灣的開發人員定時為與會者帶來精彩短講,介紹日本與台灣各開發團隊,包含 LINE SPOT、LINE SHOPPING、LINE TRAVEL、LINE TODAY、LINE Front-end、LINE Pay 的工作內容,並以最大的熱忱歡迎與會者和 LINERs 面對面互動,暢談對於 LINE 開發技術與職涯的看法。什麼是 JSDC?JavaScrip