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
20250708_JAWS_opscdk
takuyay0ne
2
130
RailsGirls IZUMO スポンサーLT
16bitidol
0
200
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
15
4.6k
ソフトウェア設計とAI技術の活用
masuda220
PRO
17
3.9k
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
初学者でも今すぐできる、Claude Codeの生産性を10倍上げるTips
s4yuba
16
13k
フロントエンドのパフォーマンスチューニング
koukimiura
5
2k
「App Intent」よくわからんけどすごい!
rinngo0302
1
110
Deep Dive into ~/.claude/projects
hiragram
14
14k
What's new in AppKit on macOS 26
1024jp
0
150
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
テスターからテストエンジニアへ ~新米テストエンジニアが歩んだ9ヶ月振り返り~
non0113
2
220
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
50
5.5k
For a Future-Friendly Web
brad_frost
179
9.8k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
BBQ
matthewcrist
89
9.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
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!