Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
リアーキテクチャ提案の3ステップ / LM-Pioneer-Unoki
Search
リンクアンドモチベーション
September 16, 2022
Technology
0
600
リアーキテクチャ提案の3ステップ / LM-Pioneer-Unoki
リンクアンドモチベーション
September 16, 2022
Tweet
Share
More Decks by リンクアンドモチベーション
See All by リンクアンドモチベーション
リンクアンドモチベーション 営業コンサルタント向け紹介資料 / Introduction to Link and Motivation for Sales and Consultants
lmi
0
130k
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
400k
AIとともに歩んだライブラリアップデートの道のり/ vue-fes-japan-2024-link-and-motivation
lmi
2
6.9k
Aiderとともに進めるライブラリアップデートの第一歩 / ai-agent-software-link-and-motivation
lmi
1
230
AIとともに踏み出す技術的負債返済への一歩 / Tech-Debt-Meetup-link-and-motivation
lmi
1
130
開発チームへのディープダイブで見えてきた顧客=開発者の本当の課題/sre-next-2024-link-and-motivation
lmi
1
2.3k
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
820
生成AIに振り回された3か月間の成功と失敗/dev-productivity-con2024-link-and-motivation
lmi
8
9.1k
ゼロから始めるVue.jsコミュニティ貢献 / first-vuejs-community-contribution-link-and-motivation
lmi
1
430
Other Decks in Technology
See All in Technology
"発信文化"をどうやって計測する?技術広報のKPI探索記/How do we measure communication culture?
bitkey
4
350
Опыт использования Nessie в Азбуке Вкуса
emeremyanina1234
0
300
ユーザーコミュニティが海外スタートアップのDevRelを補完する瞬間
nagauta
1
200
4社統合におけるマスタデータ管理に立ち向かう / Towards master data management in the four-company integration
carta_engineering
0
220
【Gen-AX】20250514開催_Findyオンラインイベント_技術選定を突き詰める
genax
0
100
TanStack Start 技術選定の裏側 / Findy-Lunch-LT-TanStack-Start
iktakahiro
1
170
計測による継続的なCI/CDの改善
sansantech
PRO
7
2.2k
newmo の創業を支える Software Architecture と Platform Engineering
110y
5
580
20 Years of Domain-Driven Design: What I’ve Learned About DDD
ewolff
1
410
dbtとリバースETLでデータ連携の複雑さに立ち向かう
morookacube
0
1.4k
ITベンダーから見る内製化支援の本質/in-house-dev
slsops
1
170
事業と組織から目を逸らずに技術でリードする
ogugu9
19
5.2k
Featured
See All Featured
Fireside Chat
paigeccino
37
3.4k
Making Projects Easy
brettharned
116
6.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Facilitating Awesome Meetings
lara
54
6.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
The Pragmatic Product Professional
lauravandoore
33
6.6k
Rails Girls Zürich Keynote
gr2m
94
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Building Applications with DynamoDB
mza
94
6.4k
Faster Mobile Websites
deanohume
307
31k
We Have a Design System, Now What?
morganepeng
52
7.6k
Producing Creativity
orderedlist
PRO
344
40k
Transcript
#事業加速 リアーキテクチャ提案の 3_STEP
#事業加速 今日話すこと フロントエンドのリアーキテクチャ提案を 成功させた 3 STEP
#事業加速 今日話すこと 規模の大きい改善提案を考えている方も 参考にしてみて下さい フロントエンドのリアーキテクチャ提案を 成功させた 3 STEP
#事業加速 提案の 3_STEP STEP_1 課題を仮置きする STEP_2 プロトタイピング STEP_3 戦略立案
#事業加速 提案STEP_1 課題を仮置きする
#事業加速 課題設定の理想
#事業加速
#事業加速 課題設定の現実
#事業加速
#事業加速 [理想] [現実] 開発生産性を定量的に分析し、コスパの良い課題を 特定する。 課題が散乱している。コードも複雑。 なので分析コストが高い。なかなか先に進まない。
#事業加速 定量的な課題設定は困難
#事業加速 課題の特定は困難 このタイミングでの課題設定は 厳密なものじゃなくて良いです!
#事業加速 課題の特定は困難 実際に僕たちは、 僕とFE テックリード2人で意見交換をし 課題設定をしました
#事業加速 課題の特定は困難 STEP_2に進みましょう。 この仮説の正しさを確かめるタイミングは後にあります
#事業加速 いきなり完璧を求めない 「STEP_1」で大事なこと
#事業加速 プロトタイピング 提案STEP_2
#事業加速 プロトタイピングの話に入る前に
#事業加速 提案に必要な情報を整理します
#事業加速 Why What Who When Wher e How + α
提案に必要な情報 : なぜこの改善が必要なのか : 何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか
#事業加速 Why What Who When Wher e How + α
必要な情報 : なぜこの改善が必要なのか : 何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか
#事業加速 What Who When Wher e How + α 必要な情報
: なぜこの改善が必要なのか : 何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか ⭕ Why
#事業加速 必要な情報 What Who When Wher e How + α
: なぜこの改善が必要なのか : 何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか ⭕ Why
#事業加速 既存機能を1つプロトタイピングすることで 「What」「Who」「When」 に関する情報を集めていきました
#事業加速 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who
: 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました
#事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか
STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました
#事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか
STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものを明確にしていきました 作るものが明確になるほど、その開発業務の難易度も明確になりました。 その難易度から必要なアサインを明確にしていきました プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました
#事業加速 What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who : 誰なら業務遂行できるのか
STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものが明確になっていきます。 プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました 作るものが明確になるほど、その開発業務の難易度も明確になります。 その難易度から必要なアサインを明確にしていきました
#事業加速 作るものが明確になるほど、その開発業務の難易度も明確になります。 その難易度から必要なアサインを明確にしていきました What : 何を作るのか When : どのくらいの工数でいつまでに完了するのか Who
: 誰なら業務遂行できるのか STEP_1で設定した課題を解決するために必要な技術の選定や アーキテクチャの設計を行うことで、作るものが明確になっていきます。 プロトタイピングを実装した際の実績から相対見積もりを行ない、 リアーキテクチャ完了までに必要な工数を算出しました
#事業加速 頭だけでなく、手を動かす 「STEP_2」で大事なこと
#事業加速 戦略立案 提案STEP_3
#事業加速 Wher e How + α 必要な情報 : なぜこの改善が必要なのか :
何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When
#事業加速 Wher e How + α 必要な情報 : なぜこの改善が必要なのか :
何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When
#事業加速 意思決定者の視点
#事業加速 ❌ ⭕ 技術スタック 事業インパクト
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && && 事業リスクと成果のバランスや 意思決定者のタイプによる部分もありますが
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 事業リスク
高 成果 小 事業リスク 高 成果 大 && && && &&
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 &&
&& How : どのように +α : 成果
#事業加速 事業リスク 低 成果 小 事業リスク 低 成果 大 &&
&& How : どのように +α : 成果
#事業加速 進め方の選択肢 • リーアキテクチャ専属チームを作る • 既に予定している機能開発に便乗する
#事業加速 進め方の選択肢 • リーアキテクチャ専属チームを作る • 既に予定している機能開発に便乗する
#事業加速 事業リスクを下げる 「STEP_3」で大事なこと
#事業加速 (補足)実際に成果目標に設定したこと プロトタイピングで算出した工数見積もりを使用 旧アーキテクチャでの 開発工数 新アーキテクチャでの 開発工数 vs
#事業加速 (補足)実際に成果目標に設定したこと プロトタイピングで算出した工数見積もりを使用 旧アーキテクチャでの 開発工数 新アーキテクチャでの 開発工数 vs このタイミングで仮置きした課題の 合理性を検証します
#事業加速 Wher e How + α 必要な情報 : なぜこの改善が必要なのか :
何を作るのか : 誰なら業務遂行できるのか : どのくらいの工数でいつまでに完了するのか : (不要) : どうやって進めるのか : どの程度の成果が見込めるのか ⭕ Why ⭕ What ⭕ Who ⭕ When ⭕ ⭕
#事業加速 まとめ STEP_1 課題の仮説を立てる STEP_2 プロトタイピング STEP_3 戦略立案 いきなり完璧を求めない 頭だけでなく、手を動かす
事業リスクを下げる
#事業加速 最後に • Vue.js v3系 Script setup構文をフル活用したアーキの話 • 次世代ビルドツール Vite
を使用したビルド基盤構築の話 • Storybookを使用したUIコンポーネント駆動開発の話
#事業加速 Link and Motivation Engineer Meetup https://lmi.connpass.com/ Link and Motivation
Developers' Blog https://link-and-motivation.hatenablog.com/
#事業加速 ご清聴、ありがとうございました