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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
nabeen
October 27, 2019
Programming
160
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
プロトタイプ×設計 / Fukuoka.php Vol.31
nabeen
October 27, 2019
More Decks by nabeen
See All by nabeen
書いてよかったGitHub Actions、書かなくてよかったGitHub Actions / TGIF Vol.1
nabeen
0
440
こっそり試すPhan / Fukuoka.php Vol.30
nabeen
0
140
競技プログラミング始めませんか? / PHP Conference Fukuoka 2019
nabeen
1
990
むずかしく考えないOSS / OSS not thinking hard
nabeen
0
180
師走にやる気が生まれて師走にやる気が死んだ話 / Listen to me!! LT Tournament #7
nabeen
0
130
僕達がやってきたレガシープロジェクトとの付き合い方 / PHP CONFERENCE FUKUOKA 2017
nabeen
1
2.7k
Other Decks in Programming
See All in Programming
AI時代のUIはどこへ行く?その2!
yusukebe
19
6.7k
関係性から理解する"同一性"の型用語たち
pvcresin
2
640
AI時代の仕事技芸論 — ソフトウェア開発で「遊ぶように働く」職人的熟達のすすめ
kuranuki
1
620
AIチームを指揮するOSS「TAKT」活用術 / How to Use “TAKT,” an OSS Tool for Orchestrating AI Teams
nrslib
6
830
TSKaigi Night Talks 2026_TypeScriptでサプライチェーンの整合性を型に閉じ込める
geekplus_tech
0
310
dRuby over BLE
makicamel
2
320
今さら聞けないCancellationToken
htkym
0
220
CLIであることを活かしたGitHub Copilot CLI活用術 / GitHub Copilot CLI Pro Tips & Tricks
nao_mk2
1
1.2k
Inside Stream API
skrb
1
640
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
290
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
450
ふつうのFeature Flag実践入門
irof
7
3.6k
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9.1k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Why Your Marketing Sucks and What You Can Do About It - Sophie Logan
marketingsoph
0
160
How to make the Groovebox
asonas
2
2.2k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.8k
Optimizing for Happiness
mojombo
378
71k
Google's AI Overviews - The New Search
badams
0
1k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2k
Between Models and Reality
mayunak
4
330
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
250
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!