Introduction to works of Front-end Engineer in LY Corporation

Transcript

1. © LY Corporation Internal Use Only © LY Corporation Introduction to works of Front-end Engineer in LY Corporation メディアカンパニー LINEメディア統括本部 開発1本部 井上 明紀 / Akinori Inoue 1
2. © LY Corporation 井上 明紀 LINEヤフー株式会社 メディアカンパニー LINEメディア統括本部 開発1本部 2 2019 LINE株式会社 新卒入社 UIT室 Front-end Dev1チーム 2023 4月 10月 LINEヤフー株式会社 Akinori Inoue 入社から現在まで LINE NEWのフロントエンド開発を担当 ~現在
3. © LY Corporation 大規模プロダクト 3 LINE NEWS 関わるプロダクトについて チーム体制 コード量やリリース規模 1 3 2 ユーザー数
4. © LY Corporation 機能開発がメイン • 企画者やデザイナーによって作成された仕様書を元に実装 • 仕様書の実現性や開発観点によるユーザーにより良いUI/UXを提案 • 実装や不具合などの対応を行う LINE NEWS 4 業務内容について 開発 リリース QA検証 企画&デザイン
5. © LY Corporation 最近の事例 • NEWSタブのタイムラインに動画を埋め込み自動再生させる LINE NEWS 5 業務内容について 要望 • 通常の動画やYouTubeなどを埋め込む • スクロールによって自動再生したい • 再生の開始や停止のユーザーの傾向を取得 したい
6. © LY Corporation 最近の事例 • NEWSタブのタイムラインに動画を埋め込み自動再生させる LINE NEWS 6 業務内容について 開発 リリース QA検証 企画&デザイン やること • 仕様漏れや矛盾などの確認 • 既存実装の把握 • 設計 • スケジュール • 実装 など
7. © LY Corporation 最近の事例 • NEWSタブのタイムラインに動画を埋め込み自動再生させる LINE NEWS 7 業務内容について 開発 リリース QA検証 企画&デザイン やること どのように実装しようか？ パフォーマンスに影響はでないか？ Video APIやYouTube APIから実現可能か？ こうした方がユーザーに早く提供できそう など • 仕様漏れや矛盾などの確認 • 既存実装の把握 • 設計 • スケジュール • 実装
8. © LY Corporation 最近の事例 • NEWSタブのタイムラインに動画を埋め込み自動再生させる LINE NEWS 8 業務内容について 開発 リリース QA検証 企画&デザイン コミュニケーションが活発でチーム一体となって機能開発を行なっている
9. © LY Corporation 働くイメージ 9 1週間のスケジュール
10. © LY Corporation 10 1週間のスケジュール スクラムチームイベント 働くイメージ
11. © LY Corporation 11 1週間のスケジュール 特別なイベント 働くイメージ
12. © LY Corporation 12 1週間のスケジュール その他の空き時間には実装や雑務、Slackによるコミュニケーションなど 働くイメージ
13. © LY Corporation • 同じチームや他部署といった関係者の多いコミュニケーション • チームマネジメント • 業務改善や効率化 チーム開発スキル UP 入社から今まで 自分自身の成長について 安全性・リスク回避 UP • ユーザーへ影響度やリスクの調査 • 段階的なリリースやフォールバックの 検討と実施 技術スキル UP • フロントエンドフレームワーク（React/Vue）を使ったアプリケーション開発経験 • モダンな開発環境への構築やマイグレーション（例. JavaScript→TypeScript） • CI/CD、コードレビュー、A/Bテスト、広告などなど
14. © LY Corporation まとめ 14 新卒の皆さんへ 大規模プロダクトに興味のある方 ぜひLINEヤフーで一緒に働きましょう！
15. © LY Corporation