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 LINE front-end development supporting large scale service
Search
LINE Developers
PRO
January 17, 2019
Technology
0
630
大規模サービスを支える LINEフロントエンド開発の挑戦 / Challenge of LINE front-end development supporting large scale service
LINE Developers
PRO
January 17, 2019
Tweet
Share
More Decks by LINE Developers
See All by LINE Developers
LINEスタンプのSREing事例集:大きなスパイクアクセスを捌くためのSREing
line_developers
PRO
1
1.3k
Java 21 Overview
line_developers
PRO
6
770
Code Review Challenge: An example of a solution
line_developers
PRO
1
810
KARTEのAPIサーバ化
line_developers
PRO
1
360
著作権とは何か?〜初歩的概念から権利利用法、侵害要件まで
line_developers
PRO
5
1.7k
生成AIと著作権 〜生成AIによって生じる著作権関連の課題と対処
line_developers
PRO
3
1.7k
マイクロサービスにおけるBFFアーキテクチャでのモジュラモノリスの導入
line_developers
PRO
9
2.3k
A/B Testing at LINE NEWS
line_developers
PRO
2
590
LINEのサポートバージョンの考え方
line_developers
PRO
2
760
Other Decks in Technology
See All in Technology
こんなに簡単!AWSマルチアカウント
takuya_terada
0
120
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
220
10 Years of Kubernetes Patterns Evolution
bibryam
1
100
SaaS型Webサービス「カオナビ」のチーム開発でPackage by Featureを取り入れた話/Implementing Package by Feature in kaonavi
kaonavi
0
120
Getting started with controlling LEGO using Swift
hcrane
0
140
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
380
あらゆる商品を扱う商品データベースを再設計した話 / product db re-architecture
rince
8
3.9k
Azureコストは水道代/The_47th_Tokyo_Jazug
aeonpeople
3
390
関数型DDDの理論と実践:「決定を遅らせる」を先につくり、 ビジネスの機動力と価値をあげる
knih
2
500
SREsのためのSRE定着ガイド
netmarkjp
10
1.7k
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
170
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
9
5.7k
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.8k
4 Signs Your Business is Dying
shpigford
174
21k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
19
1.6k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
24
2.2k
Producing Creativity
orderedlist
PRO
335
39k
Raft: Consensus for Rubyists
vanstee
130
6.2k
Writing Fast Ruby
sferik
619
59k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
225
51k
Infographics Made Easy
chrislema
237
18k
Learning to Love Humans: Emotional Interface Design
aarron
266
39k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
Happy Clients
brianwarren
91
6.3k
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