Tweet
Tweet

Slide 1

Slide 1 text

＃事業加速 リアーキテクチャ提案の 3_STEP

Slide 2

Slide 2 text

＃事業加速 今日話すこと フロントエンドのリアーキテクチャ提案を 成功させた 3 STEP

Slide 3

Slide 3 text

＃事業加速 今日話すこと 規模の大きい改善提案を考えている方も 参考にしてみて下さい フロントエンドのリアーキテクチャ提案を 成功させた 3 STEP

Slide 4

Slide 4 text

＃事業加速 提案の 3_STEP STEP_1 課題を仮置きする STEP_2 プロトタイピング STEP_3 戦略立案

Slide 5

Slide 5 text

＃事業加速 提案STEP_1 課題を仮置きする

Slide 6

Slide 6 text

＃事業加速 課題設定の理想

Slide 7

Slide 7 text

＃事業加速

Slide 8

Slide 8 text

＃事業加速 課題設定の現実

Slide 9

Slide 9 text

＃事業加速

Slide 10

Slide 10 text

＃事業加速 [理想] [現実] 開発生産性を定量的に分析し、コスパの良い課題を 特定する。 課題が散乱している。コードも複雑。 なので分析コストが高い。なかなか先に進まない。

Slide 11

Slide 11 text

＃事業加速 定量的な課題設定は困難

Slide 12

Slide 12 text

＃事業加速 課題の特定は困難 このタイミングでの課題設定は 厳密なものじゃなくて良いです！

Slide 13

Slide 13 text

＃事業加速 課題の特定は困難 実際に僕たちは、 僕とFE テックリード2人で意見交換をし 課題設定をしました

Slide 14

Slide 14 text

＃事業加速 課題の特定は困難 STEP_2に進みましょう。 この仮説の正しさを確かめるタイミングは後にあります

Slide 15

Slide 15 text

＃事業加速 いきなり完璧を求めない 「STEP_1」で大事なこと

Slide 16

Slide 16 text

＃事業加速 プロトタイピング 提案STEP_2

Slide 17

Slide 17 text

＃事業加速 プロトタイピングの話に入る前に

Slide 18

Slide 18 text

＃事業加速 提案に必要な情報を整理します

Slide 19

Slide 19 text

＃事業加速 Why What Who When Wher e How + α 提案に必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか

Slide 20

Slide 20 text

＃事業加速 Why What Who When Wher e How + α 必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか

Slide 21

Slide 21 text

＃事業加速 What Who When Wher e How + α 必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか ⭕ Why

Slide 22

Slide 22 text

＃事業加速 必要な情報 What Who When Wher e How + α ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか ⭕ Why

Slide 23

Slide 23 text

＃事業加速 既存機能を1つプロトタイピングすることで 「What」「Who」「When」 に関する情報を集めていきました

Slide 24

Slide 24 text

＃事業加速 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました

Slide 25

Slide 25 text

＃事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました

Slide 26

Slide 26 text

＃事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました

Slide 27

Slide 27 text

＃事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものが明確になっていきます。 プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました 作るものが明確になるほど、その開発業務の難易度も明確になります。 その難易度から必要なアサインを明確にしていきました

Slide 28

Slide 28 text

＃事業加速 作るものが明確になるほど、その開発業務の難易度も明確になります。 その難易度から必要なアサインを明確にしていきました What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものが明確になっていきます。 プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました

Slide 29

Slide 29 text

＃事業加速 頭だけでなく、手を動かす 「STEP_2」で大事なこと

Slide 30

Slide 30 text

＃事業加速 戦略立案 提案STEP_3

Slide 31

Slide 31 text

＃事業加速 Wher e How + α 必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When

Slide 32

Slide 32 text

＃事業加速 Wher e How + α 必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When

Slide 33

Slide 33 text

＃事業加速 意思決定者の視点

Slide 34

Slide 34 text

＃事業加速 ❌ ⭕ 技術スタック 事業インパクト

Slide 35

Slide 35 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 36

Slide 36 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 37

Slide 37 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 38

Slide 38 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 39

Slide 39 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 40

Slide 40 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && && 事業リスクと成果のバランスや 意思決定者のタイプによる部分もありますが

Slide 41

Slide 41 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク 高 成果 小 事業リスク 高 成果 大 && && && &&

Slide 42

Slide 42 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 && && How : どのように +α : 成果

Slide 43

Slide 43 text

＃事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 && && How : どのように +α : 成果

Slide 44

Slide 44 text

＃事業加速 進め方の選択肢 ● リーアキテクチャ専属チームを作る ● 既に予定している機能開発に便乗する

Slide 45

Slide 45 text

＃事業加速 進め方の選択肢 ● リーアキテクチャ専属チームを作る ● 既に予定している機能開発に便乗する

Slide 46

Slide 46 text

＃事業加速 事業リスクを下げる 「STEP_3」で大事なこと

Slide 47

Slide 47 text

＃事業加速 （補足）実際に成果目標に設定したこと プロトタイピングで算出した工数見積もりを使用 旧アーキテクチャでの 開発工数 新アーキテクチャでの 開発工数 vs

Slide 48

Slide 48 text

＃事業加速 （補足）実際に成果目標に設定したこと プロトタイピングで算出した工数見積もりを使用 旧アーキテクチャでの 開発工数 新アーキテクチャでの 開発工数 vs このタイミングで仮置きした課題の 合理性を検証します

Slide 49

Slide 49 text

＃事業加速 Wher e How + α 必要な情報 ： なぜこの改善が必要なのか ： 何を作るのか ： 誰なら業務遂行できるのか ： どのくらいの工数でいつまでに完了するのか ： （不要） ： どうやって進めるのか ： どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When ⭕ ⭕

Slide 50

Slide 50 text

＃事業加速 まとめ STEP_1 課題の仮説を立てる STEP_2 プロトタイピング STEP_3 戦略立案 いきなり完璧を求めない 頭だけでなく、手を動かす 事業リスクを下げる

Slide 51

Slide 51 text

＃事業加速 最後に ● Vue.js v3系 Script setup構文をフル活用したアーキの話 ● 次世代ビルドツール Vite を使用したビルド基盤構築の話 ● Storybookを使用したUIコンポーネント駆動開発の話

Slide 52

Slide 52 text

＃事業加速 Link and Motivation Engineer Meetup https://lmi.connpass.com/ Link and Motivation Developers' Blog https://link-and-motivation.hatenablog.com/

Slide 53

Slide 53 text

＃事業加速 ご清聴、ありがとうございました