Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
振り返りアプリを作ってみた話
Yohei Iino
November 28, 2021
0
270
振り返りアプリを作ってみた話
開発ログ
-
https://zenn.dev/wheatandcat/scraps/78d2c5aa4c9435
Yohei Iino
November 28, 2021
Tweet
Share
More Decks by Yohei Iino
See All by Yohei Iino
Prismaを試してみた
wheatandcat
0
68
CSSのclip-pathの紹介
wheatandcat
0
48
React Native + Firestoreで運用しているアプリをRESTful APIからGraphQLに移行した話
wheatandcat
0
56
Featured
See All Featured
A Tale of Four Properties
chriscoyier
149
20k
Building Adaptive Systems
keathley
25
1.1k
Keith and Marios Guide to Fast Websites
keithpitt
404
21k
GraphQLとの向き合い方2022年版
quramy
16
8.1k
The Illustrated Children's Guide to Kubernetes
chrisshort
14
34k
Thoughts on Productivity
jonyablonski
43
2.2k
In The Pink: A Labor of Love
frogandcode
130
21k
Design by the Numbers
sachag
271
17k
KATA
mclloyd
7
8.6k
Learning to Love Humans: Emotional Interface Design
aarron
261
37k
Optimizing for Happiness
mojombo
365
63k
The Power of CSS Pseudo Elements
geoffreycrofte
46
3.9k
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月くらいの予定です
ご清聴ありがとうございました