Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
大規模サービスを支える LINEフロントエンド開発の挑戦 / Challenge of LIN...
Search
LINE Developers
January 17, 2019
Technology
0
740
大規模サービスを支える LINEフロントエンド開発の挑戦 / Challenge of LINE front-end development supporting large scale service
LINE Developers
January 17, 2019
Tweet
Share
More Decks by LINE Developers
See All by LINE Developers
LINEスタンプのSREing事例集:大きなスパイクアクセスを捌くためのSREing
line_developers
3
2.3k
Java 21 Overview
line_developers
6
1.2k
Code Review Challenge: An example of a solution
line_developers
1
1.4k
KARTEのAPIサーバ化
line_developers
1
550
著作権とは何か?〜初歩的概念から権利利用法、侵害要件まで
line_developers
5
2.2k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
line_developers
3
2.2k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
line_developers
9
3.6k
A/B Testing at LINE NEWS
line_developers
3
1k
LINEのサポートバージョンの考え方
line_developers
2
1.3k
Other Decks in Technology
See All in Technology
会社紹介資料 / Sansan Company Profile
sansan33
PRO
6
380k
JTCにおける内製×スクラム開発への挑戦〜内製化率95%達成の舞台裏/JTC's challenge of in-house development with Scrum
aeonpeople
0
210
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
340
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
240
オブザーバビリティが広げる AIOps の世界 / The World of AIOps Expanded by Observability
aoto
PRO
0
360
2025年夏 コーディングエージェントを統べる者
nwiizo
0
140
20250913_JAWS_sysad_kobe
takuyay0ne
2
170
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
150
自作JSエンジンに推しプロポーザルを実装したい!
sajikix
1
170
Android Audio: Beyond Winning On It
atsushieno
0
110
ブロックテーマ時代における、テーマの CSS について考える Toro_Unit / 2025.09.13 @ Shinshu WordPress Meetup
torounit
0
120
Autonomous Database - Dedicated 技術詳細 / adb-d_technical_detail_jp
oracle4engineer
PRO
4
10k
Featured
See All Featured
Side Projects
sachag
455
43k
Automating Front-end Workflow
addyosmani
1370
200k
The Pragmatic Product Professional
lauravandoore
36
6.9k
Fireside Chat
paigeccino
39
3.6k
GraphQLとの向き合い方2022年版
quramy
49
14k
It's Worth the Effort
3n
187
28k
GitHub's CSS Performance
jonrohan
1032
460k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Faster Mobile Websites
deanohume
309
31k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Transcript
大規模サービスを支える LINEフロントエンド開発の挑戦 川﨑 康平 LINE / UIT室 マネージャー
LINE株式会社 UIT室 Front-end Standardization Team Manager 川﨑 康平 KAWASAKI KOHEI
• LINEのフロントエンド開発事情 • 採用技術 / 社内トレンド • 技術トレンドの追いかけ方 • これからの取り組み
Agenda
LINEのフロントエンド開発事情
• 100人規模の専門チーム • リポジトリ 300↑ • 各種ファミリーサービスのフロントエンド開発 • Web技術を使ったLINE内部機能開発 •
CMS / SDK / Embed-Tag など外部提供 LINEのフロントエンド開発事情
• サーバー/クライアント リポジトリごと分離 • API仕様をベースに相互にフィードバックしながら開発 • 各プロダクトごとに最適な構成を検討 = 多様性 LINEのフロントエンド開発事情
採用技術 / トレンド
• Webpack • Babel • Karma • Jest • CircleCI
• Private npm …etc 採用技術 / トレンド • HTML5 • SCSS • ES2015 • Node.js • Typescr ipt • Wasm • Vue • React • Nuxt 2019/01 時点
• 片手間にならない • 常にその分野でベストを尽くすことができる • 信頼できるメンバーであることが重要 • 相互理解と共通言語 = エンジニアとしての基礎力
分業 VS 統合
技術トレンドの追いかけ方
フォロワーシップ 開発コミュニティと共に成長していく
React vs @angular/core vs Vue 2017-2019 www.npmtrends.com
• 分業体制との相性 • ひとつの巨大なサービス < 小さなたくさんのサービス • 厳密な制御よりもコードがシンプルで読みやすいこと • よりコミュニティベースのオープンソース
• よく整備されたドキュメント Vueの採用理由 2015年 当時
-2018 採用案件
• Vue Fes Japan 2018 スポンサー • 主催イベントのテーマとして「UIT#5」 • 社内ワークショップ「Let’s
Contribute OSS!」 組織を巻き込んだコミュニティでの活動 還元するためにしていること 詳しくはLINE Engineering Blogに記載
NEXT STAGE
フォロワーシップ からリーダーシップ へ 挑戦について
• 既に成功した技術を採用していること自体はもはや競争 力に繋がらない • コミュニティと自分達が抱えている課題をいかに早く・ 上手く解決するか • 一定の労力をかけて無謀で野心的な試みをしていくこと も重要 技術組織としての戦い
挑戦について
• コンパイルターゲット言語としての WebAssembly そしてLINEでの実戦 (HTML5 Conference 2018) • Abyss:LINEのWebサービス配信の裏側 (LINE
DEVELOPER DAY 2018) • LINEサービスの管理画面でUIを標準化するには? (LINE DEVELOPER DAY 2018) • なぜLINEではウェブトラッキングシステムが フロントエンド開発チームによって構築されたのか (LINE DEVELOPER DAY 2017) Front-end Standardization Team 挑戦について
「それ◯◯でよくね?」 これに答えられるものは挑戦する価値がある 愚かでいい 失敗してもいい
私たちも挑戦するし 私たちに挑戦したことを教えて欲しい Vueも元々個人プロジェクト 一緒に日本の開発コミュニティを盛り上げていきたい
THANK YOU