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 自動更新專案使用的套件版本…等等，另外也搭
大家好，我是京都開發室的 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
在LINE福岡工作的台灣工程師, 近來迷上了使用Kotlin來開發Android應用軟體
前言哈囉大家好，我是 Freddie Wang, LINE Fukuoka 開發室的軟體工程師。目前擔任 LINE Creators Studio Android 版本的開發。我們最近剛剛完成了 LINE Creators Studio 的 Android 版本。LINE Creators Sudio是 LINE 最新推出的應用程式，可以讓用戶輕鬆的製作自己的貼圖並且上架販賣。在 Android 的版本上我們使用 Kotlin 來開發這個應用程式。所以我想透過此篇文章來分享一下為什麼我們使用 Kotlin 開發以及我們使用了哪些功能。目前 LINE Creators Studio 只在日本上架，預計之後會在其他地區推出。Kotlin的優點與主要功能在今年的 Google IO 17上, Google 正式宣佈將從 Android Studio 3.0 開始提供 Kotlin 的支援，這對 Android 的開發者來說是一個令人非常振奮的消息。在 2016 年底，我們開始了 LINE Creators Studio 的開發工作，並且需要在短時間完成一個 MVP (Minimum Viab
LINE Notify的開發者。
前言嗨！我的名字是渡辺博文，負責LINE Notify的開發工作。在這篇文章中，我想要分享開發者如何能夠直接藉由命令列模式使用LINE Notify發送訊息到LINE。目前要傳送系統訊息到LINE必須要有Bot API試用帳號（譯者按：目前此類型帳號已停用）或Business Connect帳號。雖然這兩者都可被Messaging API取代並提供許多重要的功能，但是它們需要比較進階的程式撰寫。LINE Notify是一種具有特定功能的API，簡化了將訊息發送到LINE的流程。使用cURL發送訊息透過LINE Notify產生你自己的「personal access token」，你便能夠藉此來發送一個HTTP POST請求到API端點。在此任何可發送HTTP請求的方式皆可使用。在本文中，讓我們來看看如何使用HTTP客戶端工具cURL來完成訊息傳送。產生personal access tokens你可以瀏覽「個人頁面」（必須要登入LINE帳號）來產生你自己的personal tokens。當你按下「發行權杖（Generate token）」按鈕時，會跳出一個設定畫面。在此畫面你可設定你
