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
140
プロトタイプ×設計 / 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
410
こっそり試すPhan / Fukuoka.php Vol.30
nabeen
0
130
競技プログラミング始めませんか? / PHP Conference Fukuoka 2019
nabeen
1
920
むずかしく考えないOSS / OSS not thinking hard
nabeen
0
160
師走にやる気が生まれて師走にやる気が死んだ話 / Listen to me!! LT Tournament #7
nabeen
0
120
僕達がやってきたレガシープロジェクトとの付き合い方 / PHP CONFERENCE FUKUOKA 2017
nabeen
1
2.6k
Other Decks in Programming
See All in Programming
A2A プロトコルを試してみる
azukiazusa1
2
1.4k
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
420
ISUCON研修おかわり会 講義スライド
arfes0e2b3c
1
450
“いい感じ“な定量評価を求めて - Four Keysとアウトカムの間の探求 -
nealle
1
10k
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
290
たった 1 枚の PHP ファイルで実装する MCP サーバ / MCP Server with Vanilla PHP
okashoi
1
260
プロダクト志向なエンジニアがもう一歩先の価値を目指すために意識したこと
nealle
0
130
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
820
LT 2025-06-30: プロダクトエンジニアの役割
yamamotok
0
760
明示と暗黙 ー PHPとGoの インターフェイスの違いを知る
shimabox
2
510
Webの外へ飛び出せ NativePHPが切り拓くPHPの未来
takuyakatsusa
2
550
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
780
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Site-Speed That Sticks
csswizardry
10
690
GitHub's CSS Performance
jonrohan
1031
460k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
46
9.6k
Docker and Python
trallard
44
3.5k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
Code Reviewing Like a Champion
maltzj
524
40k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
690
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Documentation Writing (for coders)
carmenintech
72
4.9k
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!