フロントエンド技術に関するセッションです!LINEは、クライアントアプリ/Webを対象としたデザインシステムを構築しています。このセッションでは、Webを中心としたデザインシステムについて、フロントエンドの側面からお話させて頂きます。私たちはデザインシステムが必要なのか?どのようにデザインシステムを捉え定義したかを紹介します。数々のサービス導入を経て、デザインシステムのパターンライブラリに進化を遂げようとしています。Managerを紹介します。デザインシステムに要求される柔軟性と拡張性を、どのようにフロントエンドが乗り越えていくのかお伝えします。Technologyの略で、組織図はこんな感じ。160名超えのフロントエンドエンジニアが在籍いるそうです。それぞれの経験はこんな感じ。5~10年の経験者がボリュームゾーンで、JavaScriptの経験者が多いようです。使用している技術は下記の通り。ついての紹介koromoを使うことによって開発スピードがクッソ上がったとのこと。ミーティングの結果、3つのコンセプトを定義しました。Designパターンの構築ここら辺の具体的な話はスライドが後日公開されるとのことだったので、詳細は譲ります。私が気になったトピックを3つ取り上げますIcongraphyアイコンを作るときの骨組みが決まっているそうです。この骨組みに沿って組み立てることでLINEっぽいアイコンになるんだとか。Conventionここでは、アイコンの命名規則ものお話でした。そのアイコンが何を表しているかをアイコン名にすることで検索の効率化を図っている。トーンを表現することで、RGBでは困難であったトーンわけがしやすくなる。これはそのとおりだなあ、とこのセッションは実戦で使えるTipsが多く、いち開発者としてとても勉強になりました。最後にkoromoをwebcomponetとして提供するというお話もあり、さらにLIFF用フレームワークとして提供するというお話もありました。MEどんぶラッコECコンサルタント、システムエンジニア経験を経て、ProgLearnのシステム開発を担当。コメントをキャンセルメールアドレスが公開されることはありません。付いている欄は必須項目です次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。6プログラミング学習補助ツール開発ProgLearn本サイトについてプログラミング教育や、プログラミングの知識を中心に、"今日から使える"情報を配信しています。ProgLeanについて「プログラミング学習の情熱を絶やすことなくサポートする」ことを理念とし、プログラミング学習導入Webサービス「ProgLearn」を開発。正式ローンチに向けて鋭意準備中です。プログラミング総合情報サイトプログラーン。