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
Yohei Iino
November 28, 2021
0
810
振り返りアプリを作ってみた話
開発ログ
-
https://zenn.dev/wheatandcat/scraps/78d2c5aa4c9435
Yohei Iino
November 28, 2021
Tweet
Share
More Decks by Yohei Iino
See All by Yohei Iino
PlanetScaleの無料プランがなくなるので、NeonとTiDBを試してみた
wheatandcat
0
26
Flutter HooksとRiverpodの解説
wheatandcat
0
38
T3 Stack(応用編: Next Auth & SSRの実装紹介)
wheatandcat
1
99
App Routerの紹介
wheatandcat
0
41
Flutter × GraphQLでアプリを作ってみる
wheatandcat
0
150
T3 Stack + Supabaseでアプリを作ってみる
wheatandcat
0
130
Supabaseの紹介
wheatandcat
0
130
tRPCの紹介
wheatandcat
0
110
Plasmoの紹介
wheatandcat
0
52
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
26
2.1k
Into the Great Unknown - MozCon
thekraken
20
1.3k
It's Worth the Effort
3n
181
27k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
78
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
248
12k
StorybookのUI Testing Handbookを読んだ
zakiyama
15
4.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
90
47k
Writing Fast Ruby
sferik
623
60k
Docker and Python
trallard
37
2.9k
Typedesign – Prime Four
hannesfritz
37
2.2k
Building Your Own Lightsaber
phodgson
101
5.9k
Side Projects
sachag
451
42k
Transcript
振り返りアプリを作ってみた話 - タスクを記録して可視化する。行動ログのメモアプリ -
自己紹介 📝 飯野陽平(wheatandcat) 🏢 フリーランスエンジニア(シェアフル株式会社CTO) 💻 Blog: https://www.wheatandcat.me/ 📚 Booth:
https://wheatandcat.booth.pm/ 🛠 今までに作ったもの memoir ペペロミア Atomic Design Check List
memoirって、どんなアプリ? タスクを記録して可視化する、 行動ログのメモアプリです。
どんな体制で開発している? wheatandcat 開発 mitsubisi デザイン
どんな感じで開発を始めたか?
元々、以下のような事を行っていた ①.毎週日曜日の午後に振り返り 参加者: 家族 お互いの1週間の出来事を共有
元々、以下のような事を行っていた ①.毎週日曜日の午後に振り返り 参加者: 家族 お互いの1週間の出来事を共有 ②.議事録を家族共有のslackで共有
元々の運用の振り返りの問題点 振り返りの時に、今週の出来事を思い出せない まとまった単位での振り返りをしたい時にテキスト情報のみだとピックアップしづらい 良かった出来事のみピックアップしたい 振り返りを開催する時間帯がズレる
元々の運用の振り返りの問題点 振り返りの時に、今週の出来事を思い出せない まとまった単位での振り返りをしたい時にテキスト情報のみだとピックアップしづらい 良かった出来事のみピックアップしたい 振り返りを開催する時間帯がズレる 上記の問題を解決するためにアプリを開発!
どんな感じで開発を始めたか ① 担当: wheatandcat ①.ラフで画面構成を作成
どんな感じで開発を始めたか ① 担当: wheatandcat ①.ラフで画面構成を作成 ②.Figmaで仮デザイン作成
どんな感じで開発を始めたか ① 担当: wheatandcat ①.ラフで画面構成を作成 ②.Figmaで仮デザイン作成 ③.仮のデザインガイドラインを作成
どんな感じで開発を始めたか ① 担当: wheatandcat ①.ラフで画面構成を作成 ②.Figmaで仮デザイン作成 ③.仮のデザインガイドラインを作成 ここまで出来たらデザイナーに渡す
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ② 担当: mitsubisi ④.正式にデザインガイドラインを作成 ⑤.StyleをFigmaに登録
どんな感じで開発を始めたか ③ 担当: mitsubisi ⑥.ガイドラインに沿って正式なデザインを作成
どんな感じで開発を始めたか ④ 担当: wheatandcat & mitsubisi ⑥.画面遷移をPrototypeに落とし込む Prototype Demo .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく Zenn: memoirの開発ログ
.
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 ③. 週1回の振り返りを行う Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 ③. 週1回の振り返りを行う ④. 改善内容 & バグ報告をslackに通知 Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 ③. 週1回の振り返りを行う ④. 改善内容 & バグ報告をslackに通知 ⑤. issue作成 Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 ③. 週1回の振り返りを行う ④. 改善内容 & バグ報告をslackに通知 ⑤. issue作成 ⑥. Zennのスクラップに実装報告を記載 Zenn: memoirの開発ログ .
ここまで完成したら実装開始 & 改善のループを開始 担当: wheatandcat & mitsubisi 以下をループでする形式で実装していく ①. 設計
& 機能実装 ②. Expoでデモアプリ配布して、実際に使用 ③. 週1回の振り返りを行う ④. 改善内容 & バグ報告をslackに通知 ⑤. issue作成 ⑥. Zennのスクラップに実装報告を記載 ⑦. ①に戻る Zenn: memoirの開発ログ .
どこまで出来ているの? 実機でデモ LPサイトは、こちら .
コードは全てGitHubで公開しています memoir https://github.com/wheatandcat/memoir memoir-backend https://github.com/wheatandcat/memoir-backend memoir-notification https://github.com/wheatandcat/memoir-notification memoir-tools https://github.com/wheatandcat/memoir-tools memoir-lp
https://github.com/wheatandcat/memoir-lp
アプリのストア公開は来年の2月くらいの予定です
ご清聴ありがとうございました