Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
リアーキテクチャ提案の3ステップ / LM-Pioneer-Unoki
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
リンクアンドモチベーション
PRO
September 16, 2022
Technology
750
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
リアーキテクチャ提案の3ステップ / LM-Pioneer-Unoki
リンクアンドモチベーション
PRO
September 16, 2022
More Decks by リンクアンドモチベーション
See All by リンクアンドモチベーション
AI活用勉強会は いいぞ!
lmi
PRO
1
320
AI時代だからこそ、 一次情報を足で稼ぐ
lmi
PRO
0
56
非開発組織のDX推進 ―― AI時代こそ「要件定義」が勝負
lmi
PRO
1
400
全社員がAIを「使う」の次へ ーノンエンジニア1,500人が安全に業務を作り変えるゴールデンパスとガードレール
lmi
PRO
3
3.7k
2年で50%しか進まなかった1,500ファイルの型付けを、3週間で片付けた話
lmi
PRO
0
120
「React でいいじゃん」と思ってた私が、「Vue 熱いじゃん」ってなった話
lmi
PRO
1
430
「AIがあれば越境できる」と思ったら、 AI Slopの山ができた
lmi
PRO
1
530
上司のダメ出しを全部AIに食わせ続けたら、 最強の相棒になってきた話
lmi
PRO
0
70
ペーペーのPdMがドペーペーの開発者になったら、見えた世界
lmi
PRO
0
78
Other Decks in Technology
See All in Technology
AIカンパニーへの転換を支えた、エンジニアの仕事の再定義
kworkdev
PRO
2
640
転んだ話が背中を預ける理由になる / A_story_about_falling_down_gives_you_a_reason_to_watch_each_other_s_backs.pdf
pauli
3
360
サブエージェントと Claude Mods で作る独自 Advisor ツールの話
kenichiodo
1
120
自主式軟體工廠
philipz
0
260
Getting Started with Google Antigravity
glaforge
0
240
SREでアラート疲れを 解決しよう!
kairim0
1
230
【Data Engineering Summit2026_登壇資料】医療ビッグデータ×AIエージェントを支えるデータ基盤とハーネスエンジニアリング
jmdc_presentation
0
140
「事実」を「計測」して、「解釈」する 〜AWS Lambdaのメモリ最適解の見つけ方〜
maimyyym
0
140
パッチ更新でterraform initが落ちた日
grimoh
1
120
Cognition AI Japan - ウェビナー2_テストQA_運用監視
cogakira
0
140
会社説明資料
persolserverworks
0
9.7k
「Docker Desktop不要の時代」は 来たのか?
ueponx
0
620
Featured
See All Featured
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
68
59k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
43k
Principles of Awesome APIs and How to Build Them.
keavy
128
18k
The Curse of the Amulet
leimatthew05
3
15k
Un-Boring Meetings
codingconduct
0
450
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.4k
Scaling GitHub
holman
464
140k
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
470
HDC tutorial
michielstock
2
960
Designing for humans not robots
tammielis
254
26k
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/
#事業加速 ご清聴、ありがとうございました