プロトタイプ×設計 / Fukuoka.php Vol.31

Transcript

1. プロトタイプ × 設計 presented by nabeen Fukuoka.php Vol.31

2. 今日話すこと 02 自由に撮影、投稿シェアOK 1.自己紹介 _nabeen kenichirow 4.技術選定 5.プロトタイプ開発あるある 2.今日持ち帰ってもらうもの 3.開発が始まった経緯

   6.まとめ

3. 渡辺 謙一郎 03 株式会社ハシゴ / エンジニア - お金 - 心理学

   - 経営戦略 - 歴史 最近の興味 PHP書いてたはずがいつ の間にかUnity触ってた と思ったらフロントエン ドの開発をしてた _nabeen PHP kenichirow Beer Python Sushi JS Karaage Flutter STRONG 自由に撮影、投稿シェアOK _nabeen kenichirow 最近の仕事

4. 今日持ち帰ってもらうもの 04 「プロトタイプでも設計ちゃんとやる」 自由に撮影、投稿シェアOK _nabeen kenichirow

5. 開発が始まった経緯 05 自由に撮影、投稿シェアOK _nabeen kenichirow ？？ 「GAS案件手伝ってくれない？」 ぼく 「あっ、はい」

6. 開発が始まった経緯 06 自由に撮影、投稿シェアOK _nabeen kenichirow ？？ 「ここまで作ったんだけど」 ぼく 「なるほど、フロント案件すね」 心の声（はえー、jQueryやんけー）

7. 開発が始まった経緯 07 自由に撮影、投稿シェアOK _nabeen kenichirow ？？ 「こんな感じの仕様で」 ぼく 「いや、これGASキツイやろ」

8. 開発が始まった経緯 08 自由に撮影、投稿シェアOK _nabeen kenichirow 開幕

9. 技術選定 09 自由に撮影、投稿シェアOK _nabeen kenichirow ## 前提条件 - プロトタイプ（α版） -

   短納期（リリースまで1.5ヶ月） - エンジニア × 2 - フロントエンド全然わからん

10. 技術選定 10 自由に撮影、投稿シェアOK _nabeen kenichirow ## 採用した技術 - Vue.js ×

    Vuetify.js - Firebase - Auth/Firestore/Hosting/Functions

11. 技術選定 11 自由に撮影、投稿シェアOK _nabeen kenichirow ぼく 「プロトタイプやし、 設計は適当で大丈夫やろ」

12. 技術選定 12 自由に撮影、投稿シェアOK _nabeen kenichirow 否

13. 13 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ## 仕様が「ある」ようで「ない」 - 事前に握った仕様もすぐに変わる -

    誰が悪いってわけではない - 顧客が本当に必要だった物を探す

14. 14 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある

15. 15 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ？？ 「UIは適当でいいから」 ぼく 「OK、OK」

16. 16 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある xx日後...

17. 17 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ？？ 「ここのUIがですね」 ぼく 「…」

18. 18 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ぼく 「ここxxの前提で良いです？」 ？？ 「OK、OK」

19. 19 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある xx日後...

20. 20 自由に撮影、投稿シェアOK _nabeen kenichirow プロトタイプ開発あるある ？？ 「やっぱりですね」 ぼく 「…」

21. まとめ 21 自由に撮影、投稿シェアOK _nabeen kenichirow ## プロトタイプは柔軟であるべき - 特にOCPが効いてくる印象 -

    拡張に対して開いている - 修正に対して閉じている 参考:SOLIDの原則ってどんなふうに使うの？

22. 22 自由に撮影、投稿シェアOK _nabeen kenichirow 「プロトタイプでも設計ちゃんとやる」 （2回目） まとめ

23. Bye Thank you for listening!