Upgrade to Pro — share decks privately, control downloads, hide ads and more …

フロントエンド開発事例② LINE公式アカウント

フロントエンド開発事例② LINE公式アカウント

9/11【オンライン開催】LINEヤフー フロントエンドエンジニア 採用説明会: https://lycorptech-jp.connpass.com/event/327728/

登壇者1: Theo Steiner
フロントエンドエンジニア
LINEヤフー株式会社 MSカンパニー ビジネスPF統括本部 ビジネスPF開発本部 フロントエンド開発部 B2C開発チーム

2022年秋新卒入社のフロントエンドエンジニアで、現在は公式アカウントのUI開発を担当しています。

登壇者2: 玉田晃寛(spring-raining)
フロントエンドエンジニア
LINEヤフー株式会社 MSカンパニー ビジネスPF統括本部 ビジネスPF開発本部 フロントエンド開発部 B2B開発チーム

2019年新卒入社のフロントエンドエンジニア。現在はLINE公式アカウントをはじめとしたビジネスユーザー向けのプロダクトを開発しています。本業以外ではOSS (Vivliostyle) の開発などもやっています。

LY Corporation Tech

September 17, 2024
Tweet

More Decks by LY Corporation Tech

Other Decks in Technology

Transcript

  1. © LY Corporation • ドイツ生まれ育ち • 2022年秋入社 *もう少しで2年記念日 • svelte.js

    のアンバサダー • neovim信者 Theo Steiner - テオ 2 自己紹介
  2. © LY Corporation 日常に溶け込みながらユーザーと企業・店舗との接 点を創り出す • 日本国内で月間9,700万人(2024年3月末時点)以上が 利用しているLINEを通じて、企業や店舗がユーザーと コミュニケーションをとれるサービス •

    国内で認証済のアクティブアカウント数は46万※ 超 • 日本・タイ・台湾を中心に展開するグローバル ビジネスプラットフォーム ※ LINEヤフー調べ : 2024年4月実績 ※認証済アカウントのアクティブアカウント数を集 計・LINEヤフーが提供するサービスのアカウントを除く 2 LINE公式アカウント
  3. © LY Corporation • https://manager.line.biz • LINE公式アカウントの管理 を一手に担うページ (メッセージ配信、チャッ ト画面、クーポン作成、コ

    ンバージョン分析、プロ フィール編集、自動応答設 定、友だち追加URL、ポス ター作成 etc.) Webページ 6
  4. © LY Corporation • iOS/Android向けにリリース • ほぼすべての画面をWebViewとし て実装し、Webページと同様の機 能の大部分を提供 •

    React Native、Cordova、 Capacitorなどのフレームワークは 使わず、Native側の実装は別チー ムがフルスクラッチで実装 モバイルアプリ 7
  5. © LY Corporation • 様々な機能を提供しており、比較的規模は大きめ • 704,839行 / Vueファイル2,657個 /

    TS(JS)ファイル1,637個 (2023年12月時点) 9 プロダクトの特徴 https://engineering.linecorp.com/ja/blog/git-submodule-with-monrepo https://engineering.linecorp.com/ja/blog/git-submodule-with-monrepo 大規模開発特有の問題 に対処するための さまざまな取り組み