Akihiko Okazaki LINE / Front-end Standardization Team LINEでは数多くのサービスがあり、それぞれに管理画面があります。サービスや機能拡張に伴い多様化し続ける管理画面において、高速なリリースと一貫したユーザ体験が課題になっていました。それを解決するためにUI標準化プロジェクトを立ち上げ、Bootstrap 4.1をベースとした LINE独自のCSSツールキットkoromoを開発しました。 このセッションではkoromo開発の背景や独自コンポーネントの紹介、どうしたらできるだけ多くの人に使ってもらえるのかについてお話しします。

1. HOW CAN WE STANDARDIZE UI
ON THE LINE SERVICE MANAGEMENT PORTAL?
Front-end Standardization Team OKAZAKI Akihiko

2. About me
OKAZAKI Akihiko
Front-end Engineer
LINE corporation
@okazou

3. Many services

4. Many admin pages

5. Problems
Production
SPEED
Consistent
UX

6. UI standardization project

7. What is koromo?
LINE CSS toolkit for Admin pages Based on Bootstrap 4

18. Why Bootstrap?
* https://ashleynolan.co.uk/blog/frontend-tooling-survey-2018-results#css-frameworks
The most popular Various components Engineer friendly*

19. TIPS for popularization
1,600+
employees
30%
foreign collegues

20. Project naming

21. Versatile
Easy spell
Accessible
Story
Memorable
Unique
Good project name

22. Project logo

24. Easy distribution

25. Practical example

26. Visual documentation

27. Various
examples
Quickly
update
Minimum
sentences
Good visual document

34. TIPS for popularization
Project
name + logo
Visual
documentatio
n

35. And more
Sketch symbols Vue components Collaboration

36. https://getbootstrap.jp

37. THANK YOU