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
160
プロトタイプ×設計 / 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
440
こっそり試すPhan / Fukuoka.php Vol.30
nabeen
0
140
競技プログラミング始めませんか? / PHP Conference Fukuoka 2019
nabeen
1
980
むずかしく考えない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
我々はなぜ「層」を分けるのか〜「関心の分離」と「抽象化」で手に入れる変更に強いシンプルな設計〜 #phperkaigi / PHPerKaigi 2026
shogogg
2
550
Fundamentals of Software Engineering In the Age of AI
therealdanvega
2
290
RailsのValidatesをSwift Macrosで再現してみた
hokuron
0
130
Rethinking API Platform Filters
vinceamstoutz
0
910
Reactive ❤️ Loom: A Forbidden Love Story
franz1981
2
170
Kubernetesでセルフホストが簡単なNewSQLを求めて / Seeking a NewSQL Database That's Simple to Self-Host on Kubernetes
nnaka2992
0
180
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
okashoi
0
230
今こそ押さえておきたい アマゾンウェブサービス(AWS)の データベースの基礎 おもクラ #6版
satoshi256kbyte
1
190
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
avosalmon
1
240
ファインチューニングせずメインコンペを解く方法
pokutuna
0
190
テレメトリーシグナルが導くパフォーマンス最適化 / Performance Optimization Driven by Telemetry Signals
seike460
PRO
2
170
実践ハーネスエンジニアリング #MOSHTech
kajitack
7
4.1k
Featured
See All Featured
Code Review Best Practice
trishagee
74
20k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
490
Docker and Python
trallard
47
3.8k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
91
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
64
52k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
120
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
470
How to Ace a Technical Interview
jacobian
281
24k
Reality Check: Gamification 10 Years Later
codingconduct
0
2.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
160
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!