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
コロナワクチンの 接種体験共有サービスを作っている話
Search
Hideki Okawa
September 09, 2021
Programming
0
150
コロナワクチンの 接種体験共有サービスを作っている話
Hideki Okawa
September 09, 2021
Tweet
Share
More Decks by Hideki Okawa
See All by Hideki Okawa
20200510 5week webサービス開発LT 日向のむしめがねを支える技術
okaki030
0
110
Other Decks in Programming
See All in Programming
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
スキーマ駆動開発による品質とスピードの両立 - 私達は何故、スキーマを書くのか
kentaroutakeda
0
170
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
Java 22 Overview
kishida
1
190
From Spring Boot 2 to Spring Boot 3 with Java 21 and Jakarta EE
ivargrimstad
0
170
Ruby GitHub Packages
bkuhlmann
0
630
OpenAPIを中心に考えるAPI開発入門 / Introduction to API Development with a Focus on OpenAPI
seike460
PRO
2
170
Node.js v22 で変わること
yosuke_furukawa
PRO
9
3.5k
雑に思考を整理する技術と効能
konifar
60
29k
ゆるい個人開発のススメ
kuroppe1819
10
990
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
370
TYPO3 v13 – The road to LTS: What's new and new APIs
luisasofie_xoxo
0
210
Featured
See All Featured
Code Reviewing Like a Champion
maltzj
514
39k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Building a Modern Day E-commerce SEO Strategy
aleyda
17
6.4k
The Pragmatic Product Professional
lauravandoore
25
5.8k
Making Projects Easy
brettharned
108
5.5k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Rebuilding a faster, lazier Slack
samanthasiow
73
8.2k
Visualization
eitanlees
136
14k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
13
4.6k
Debugging Ruby Performance
tmm1
70
11k
Teambox: Starting and Learning
jrom
128
8.4k
Transcript
2021/08/21 【三宮.dev】アイデアだけでもOK!個人開発(成果物 or アイデア)LT大会 Hideki Okawa コロナワクチンの 接種体験共有サービスを作っている話
ひきた @Okend1033 24歳 広告データを作るための SaaS開発をしています バックエンドエンジニアです 日向坂46が好きです 自己紹介
1. サービスの話 a. 作るきっかけ b. サービスの概要 c. 技術スタックと構成 2. 個人開発をどんな流れで進めたか
a. 時系列順でやったことの紹介 今日の話
サービスの話
作るきっかけ ポカリ足りねえ、 冷えピタも足りねえ 2週間ほど前に モデルナ2回目接種後
接種前 twitterとかで39℃になった話 は聞くけど、 まあ大丈夫でしょう^^ もっと情報収集しておけばよ かった・・・ 周りに聞くと、多くの人が38℃ 超えで驚く 接種後
いろいろな人のワクチン接種体験を まとめて見られる場所がほしい
• 読み方はわっかのーと • ワクチンはラテン語でワッカ サービス概要 https://vacca-note.com/
• ワクチン接種体験閲覧機能 実装済み機能
• ワクチン接種体験投稿機能 • 接種体験絞り込み機能 リリースまでに最低限実装する機能
• コメント機能 • 「参考になった」ボタン • 集計 ◦ 20代の人はどのくらい熱を出しているの? ◦ ワクチンの種類ごとの副反応
リリース後に実装したい機能
技術スタックと構成 • Vercel(無料) ◦ フロントエンド向け ホスティングサービス • Heroku(無料) ◦ インフラ管理不要なPaaS
◦ コンテナデプロイ出来る • Amazon RDS(少しかかる) ◦ AWSのRDB
個人開発をどのように進めた(ている)か
1日目 機能洗い出し・技術選定 - 1時間 体は不調だが心は元気
2日目 DB・API設計 - 1時間
2日目 本番環境構築 - 3時間くらい • GitHubリポジトリ作成 • ドメイン取得 ◦ お名前.com
• 簡単なAPIを作る • Herokuへの自動デプロイ • APIを呼び出す処理を作る • Vercelへの自動デプロイ • 環境変数の整理 [Herokuでコンテナデプロイを試した - Qiita https://qiita.com/h_okawa0303/items/933862da0b32f2750674]
• マイグレーションツールの導入 • DBが絡むAPIの実装 • Amazon RDSインスタンスの作成 • 本番環境への導入 3~5日目
DB作成とDBが絡んだAPI実装 - 4時間
• Adobe XDの使い方を学習 • ワイヤーフレームを作成 6日目 ワイヤーフレームの作成 - 6時間
Adobe XDの学習について [Webデザイン【HIROCODE.公式】 - YouTube https://www.youtube.com/playlist?list=PLs0PfsB4pRduzIH3OeCsnOhqgWsN8sI6P] • HIROCODEさんは神、数本見ればなんとなく使い方がわかった
デザインについて • デザインセンスには自信がないので色合いなどをひたすらパクる
デザインについて • デザインセンスには自信がないので色合いなどをひたすらパクる
• 機能(画面)ごと ◦ API開発→View開発→デプロイ • Vercelだと切ったブランチの デモ画面を確認出来て便利・・・ 7日目~ 開発
• 最初に本番環境を用意するとストレス低 • ワイヤーフレームを作るとモチベーション爆上がり • デザインはひたすらパクればそれっぽくなる ◦ なっているよな・・・? 学び をよろしくお願いいたします!
イラストは以下のサイトにお世話になりました ダ鳥獣戯画 https://chojugiga.com/
Thank you!!