コロナワクチンの 接種体験共有サービスを作っている話

Transcript

1. 2021/08/21 【三宮.dev】アイデアだけでもOK！個人開発（成果物 or アイデア）LT大会 Hideki Okawa コロナワクチンの 接種体験共有サービスを作っている話
2. ひきた @Okend1033 24歳 広告データを作るための SaaS開発をしています バックエンドエンジニアです 日向坂46が好きです 自己紹介
3. 1. サービスの話 a. 作るきっかけ b. サービスの概要 c. 技術スタックと構成 2. 個人開発をどんな流れで進めたか a. 時系列順でやったことの紹介 今日の話
4. サービスの話
5. 作るきっかけ ポカリ足りねえ、 冷えピタも足りねえ 2週間ほど前に モデルナ2回目接種後
6. 接種前 twitterとかで39℃になった話 は聞くけど、 まあ大丈夫でしょう^^ もっと情報収集しておけばよ かった・・・ 周りに聞くと、多くの人が38℃ 超えで驚く 接種後
7. いろいろな人のワクチン接種体験を まとめて見られる場所がほしい
8. • 読み方はわっかのーと • ワクチンはラテン語でワッカ サービス概要 https://vacca-note.com/
9. • ワクチン接種体験閲覧機能 実装済み機能
10. • ワクチン接種体験投稿機能 • 接種体験絞り込み機能 リリースまでに最低限実装する機能
11. • コメント機能 • 「参考になった」ボタン • 集計 ◦ 20代の人はどのくらい熱を出しているの？ ◦ ワクチンの種類ごとの副反応 リリース後に実装したい機能
12. 技術スタックと構成 • Vercel(無料) ◦ フロントエンド向け ホスティングサービス • Heroku(無料) ◦ インフラ管理不要なPaaS ◦ コンテナデプロイ出来る • Amazon RDS(少しかかる) ◦ AWSのRDB
13. 個人開発をどのように進めた(ている)か
14. 1日目 機能洗い出し・技術選定 - 1時間 体は不調だが心は元気
15. 2日目 DB・API設計 - 1時間
16. 2日目 本番環境構築 - 3時間くらい • GitHubリポジトリ作成 • ドメイン取得 ◦ お名前.com • 簡単なAPIを作る • Herokuへの自動デプロイ • APIを呼び出す処理を作る • Vercelへの自動デプロイ • 環境変数の整理 [Herokuでコンテナデプロイを試した - Qiita https://qiita.com/h_okawa0303/items/933862da0b32f2750674]
17. • マイグレーションツールの導入 • DBが絡むAPIの実装 • Amazon RDSインスタンスの作成 • 本番環境への導入 3~5日目 DB作成とDBが絡んだAPI実装 - 4時間
18. • Adobe XDの使い方を学習 • ワイヤーフレームを作成 6日目 ワイヤーフレームの作成 - 6時間
19. Adobe XDの学習について [Webデザイン【HIROCODE.公式】 - YouTube https://www.youtube.com/playlist?list=PLs0PfsB4pRduzIH3OeCsnOhqgWsN8sI6P] • HIROCODEさんは神、数本見ればなんとなく使い方がわかった
20. デザインについて • デザインセンスには自信がないので色合いなどをひたすらパクる
21. デザインについて • デザインセンスには自信がないので色合いなどをひたすらパクる
22. • 機能(画面)ごと ◦ API開発→View開発→デプロイ • Vercelだと切ったブランチの デモ画面を確認出来て便利・・・ 7日目~ 開発
23. • 最初に本番環境を用意するとストレス低 • ワイヤーフレームを作るとモチベーション爆上がり • デザインはひたすらパクればそれっぽくなる ◦ なっているよな・・・？ 学び をよろしくお願いいたします！
24. イラストは以下のサイトにお世話になりました ダ鳥獣戯画 https://chojugiga.com/
25. Thank you!!