Front-end Engineer
前言 大家好，我是前端開發中心(UIT) Front-end Dev. 9的鴻巣，負責 LINE Sukimani 和 LINE Creators Market 的前端開發。 為了調查內部前端工程師的趨勢和工具的使用，UIT 每年都會對公司進行「UIT Survey」調查。它始於 2018 年，基於Ashley Nolan-san所設計的第 5 次 Front-end Tooling Survey。 以下是 11 月進行的 2022 年調查的結果。 介紹 對象：LINE 前端工程師，受訪者包括日本、韓國、越南和泰國...等組織 約七成受訪者為日本工程師 回答語言: 英語 回答期間: 2022/11/22-2022/11/30 回收數: 123名 結果 ・LINE前端工程師的職涯狀態・關於 CSS/UI Framework・JavaScript 周邊使用工具・關於 React 的看法・關於 Vue 的看法 技術主題從三個角度提出：個人經驗、內部專案的使用和偏好，與使用方式無關。 因此，根據主題的不同，最多會有三個不同的觀點問題。 關於 LIN
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 本身已計劃就緒，以便將
什麼都想學的雜食性軟體工程師 🇹🇼
前陣子因為公司的 Web Infra Team 積極推廣在各個專案中整合 Lighthouse CI 來確保 Core Web Vitals 效能品質的監控，因此我花了一些時間為負責的產品專案整合這個功能，不過我在整合的過程中踩了無數個坑…🥲 雖然過程不太順遂，卻遇到許多有趣的挑戰，我認為非常值得記錄下來，也希望能夠幫助到對這個主題有興趣的人。 （為了避免洩漏公司的內部資訊，本文的畫面截圖有些會經過重製或是使用模擬畫面，還請讀者見諒。） 整合 Lighthouse CI 的目的是什麼？ 在 LINE 台灣有一個專門制定前端共用標準規範與共用 library 的 Infra Team，這個組織的任務除了訂立統一的規範與開發共用的 Library 以外，將這些規範推廣到各個專案實踐也是 team member 的重要任務（每個 team member 通常都會隸屬另外的產品團隊，因此會負責推廣到該產品團隊中）。近期在推動的項目有 SonarQube 的程式碼品質檢測、共用 Eslint 規範、Renovate 自動更新專案使用的套件版本…等等，另外也搭
前言大家好，我是前端開發中心(也稱為 UIT) Front-End Dev.9 的花谷(@potato4d)。在『UIT 新春 Tech Blog』 1/27 的今天，我們將介紹由 UIT 團隊負責贊助的前端領域 OSS 的相關內容。與 LINE 的前端領域相關的 OSS 贊助狀態截至 2022 年 1 月，LINE 支援的 OSS 專案(如以下)：Vue.js2021 年 4 月開始提供贊助，持續中每月透過 Evan You 個人的 Patreon 平台支付 500 美元Husky2021 年 3 月開始提供贊助，持續中每月透過 Open Collective 公司向開發團隊帳戶支付 100 美元Bootstrap自 2021 年 6 月起，我們開始提供贊助，持續中每月透過 Open Collective 公司向開發團隊帳戶支付 100 美元自 2021 年以來，組織對 OSS 贊助的意識不斷提升，並積極支援它。本月，我們決定向 Prettier 提供支援。話到這邊，有一個向 Cybozu, Inc. 贊助的先例，讓 LINE 可以持續對 OSS 的贊助。感謝過去 LINE
大家好，我是京都開發室的 Lin。在工作與私人專案中使用 TypeScript 開發已約兩年，想就導入 TypeScript 時的經驗與大家分享。近年 TypeScript 是前端領域最熱門的一項技術。根據 The State of JavaScript 的資料，越來越多開發者選擇使用 TypeScript 且評價也趨向正面。許多團隊會考慮「下個專案應該用 TypeScript 開發」、「把現有 JavaScript 專案改為 TypeScript 有助於提升專案品質」。然而，關於導入 TypeScript 的成本與報酬，我認為需要非常謹慎地評估。不可輕忽導入 TypeScript 所需的成本以個人目前的經驗來說，在熟悉 TypeScript 之後開發的效率約略和使用 JavaScript 是相近的。雖然因為型別宣告使程式碼更長了一些，但也因為自動補完以及定義查詢而減少了一些查詢文件與程式碼的時間。在需要重構時相比 JavaScript 專案更是省時而安全。但對初次使用 TypeScript 開發的團隊而言，我認為需要有相較於以 JavaScript 開發多花費一至
Developer Relations Team, LINE Corporation.
我是Developer Relations室的三木。10月11日，我們邀請了各位Vue.js核心成員到LINE新宿辦公室作客，並與LINE的前端工程師召開簡單的交流會（meet-and-greet）。以下將以照片為中心，介紹交流會的情況。關於LINE的前端組織LINE設有一個稱為前端開發中心(通稱: UIT)的開發組織，負責所有前端的更新，包含各服務的UI、APP內的WebView。在東京、福岡、京都、韓國與台灣等處，設立多個據點，並由許多工程師組成。在時常接觸新的前端技術下工作，將Vue.js、React、AngularJS等框架，整合至服務中，自由選擇並使用。這次，Vue.js核心成員的來訪，雖然是因為他們希望來訪才得以實現，但對於平常就將Vue.js應用於工作之中，並對其動向有高度關心的LINE前端工程師而言，這次是非常具有挑戰性的機會。當天的景象當天，以前端工程師為主，有近50名公司員工聚集在會場。可惜的是，Vue.js的作者Evan You取消來訪本公司，但Nuxt.js的作者Alexandre Chopin與Sébastien Chopin、Vue.js的核心團隊成員Pin
