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
プロトタイプ×設計 / Fukuoka.php Vol.31
Search
nabeen
October 27, 2019
Programming
1
150
プロトタイプ×設計 / Fukuoka.php Vol.31
nabeen
October 27, 2019
Tweet
Share
More Decks by nabeen
See All by nabeen
書いてよかったGitHub Actions、書かなくてよかったGitHub Actions / TGIF Vol.1
nabeen
0
430
こっそり試すPhan / Fukuoka.php Vol.30
nabeen
0
130
競技プログラミング始めませんか? / PHP Conference Fukuoka 2019
nabeen
1
960
むずかしく考えないOSS / OSS not thinking hard
nabeen
0
170
師走にやる気が生まれて師走にやる気が死んだ話 / Listen to me!! LT Tournament #7
nabeen
0
120
僕達がやってきたレガシープロジェクトとの付き合い方 / PHP CONFERENCE FUKUOKA 2017
nabeen
1
2.7k
Other Decks in Programming
See All in Programming
AI 駆動開発ライフサイクル(AI-DLC):ソフトウェアエンジニアリングの再構築 / AI-DLC Introduction
kanamasa
11
4.9k
Flutter On-device AI로 완성하는 오프라인 앱, 박제창 @DevFest INCHEON 2025
itsmedreamwalker
1
180
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
930
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
3.8k
AI Agent Tool のためのバックエンドアーキテクチャを考える #encraft
izumin5210
6
1.5k
Claude Codeの「Compacting Conversation」を体感50%減! CLAUDE.md + 8 Skills で挑むコンテキスト管理術
kmurahama
1
700
gunshi
kazupon
1
140
ThorVG Viewer In VS Code
nors
0
540
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
tomohisa
0
110
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
930
AI時代を生き抜く 新卒エンジニアの生きる道
coconala_engineer
1
510
AIエージェントの設計で注意するべきポイント6選
har1101
6
2.9k
Featured
See All Featured
Context Engineering - Making Every Token Count
addyosmani
9
590
4 Signs Your Business is Dying
shpigford
187
22k
How to build a perfect <img>
jonoalderson
1
4.8k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
58
41k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
The Invisible Side of Design
smashingmag
302
51k
How to Talk to Developers About Accessibility
jct
1
94
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
110
KATA
mclloyd
PRO
33
15k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
720
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
35
Building an army of robots
kneath
306
46k
Transcript
プロトタイプ × 設計 presented by nabeen Fukuoka.php Vol.31
今日話すこと 02 自由に撮影、投稿シェアOK 1.自己紹介 _nabeen kenichirow 4.技術選定 5.プロトタイプ開発あるある 2.今日持ち帰ってもらうもの 3.開発が始まった経緯
6.まとめ
渡辺 謙一郎 03 株式会社ハシゴ / エンジニア - お金 - 心理学
- 経営戦略 - 歴史 最近の興味 PHP書いてたはずがいつ の間にかUnity触ってた と思ったらフロントエン ドの開発をしてた _nabeen PHP kenichirow Beer Python Sushi JS Karaage Flutter STRONG 自由に撮影、投稿シェアOK _nabeen kenichirow 最近の仕事
今日持ち帰ってもらうもの 04 「プロトタイプでも設計ちゃんとやる」 自由に撮影、投稿シェアOK _nabeen kenichirow
開発が始まった経緯 05 自由に撮影、投稿シェアOK _nabeen kenichirow ?? 「GAS案件手伝ってくれない?」 ぼく 「あっ、はい」
開発が始まった経緯 06 自由に撮影、投稿シェアOK _nabeen kenichirow ?? 「ここまで作ったんだけど」 ぼく 「なるほど、フロント案件すね」 心の声(はえー、jQueryやんけー)
開発が始まった経緯 07 自由に撮影、投稿シェアOK _nabeen kenichirow ?? 「こんな感じの仕様で」 ぼく 「いや、これGASキツイやろ」
開発が始まった経緯 08 自由に撮影、投稿シェアOK _nabeen kenichirow 開幕
技術選定 09 自由に撮影、投稿シェアOK _nabeen kenichirow ## 前提条件 - プロトタイプ(α版) -
短納期(リリースまで1.5ヶ月) - エンジニア × 2 - フロントエンド全然わからん
技術選定 10 自由に撮影、投稿シェアOK _nabeen kenichirow ## 採用した技術 - Vue.js ×
Vuetify.js - Firebase - Auth/Firestore/Hosting/Functions
技術選定 11 自由に撮影、投稿シェアOK _nabeen kenichirow ぼく 「プロトタイプやし、 設計は適当で大丈夫やろ」
技術選定 12 自由に撮影、投稿シェアOK _nabeen kenichirow 否
13 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ## 仕様が「ある」ようで「ない」 - 事前に握った仕様もすぐに変わる -
誰が悪いってわけではない - 顧客が本当に必要だった物を探す
14 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある
15 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ?? 「UIは適当でいいから」 ぼく 「OK、OK」
16 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある xx日後...
17 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ?? 「ここのUIがですね」 ぼく 「…」
18 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ぼく 「ここxxの前提で良いです?」 ?? 「OK、OK」
19 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある xx日後...
20 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ?? 「やっぱりですね」 ぼく 「…」
まとめ 21 自由に撮影、投稿シェアOK _nabeen kenichirow ## プロトタイプは柔軟であるべき - 特にOCPが効いてくる印象 -
拡張に対して開いている - 修正に対して閉じている 参考:SOLIDの原則ってどんなふうに使うの?
22 自由に撮影、投稿シェアOK _nabeen kenichirow 「プロトタイプでも設計ちゃんとやる」 (2回目) まとめ
Bye Thank you for listening!