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
1.1k
振り返りアプリを作ってみた話
開発ログ
-
https://zenn.dev/wheatandcat/scraps/78d2c5aa4c9435
Yohei Iino
November 28, 2021
Tweet
Share
More Decks by Yohei Iino
See All by Yohei Iino
1年半放置したExpo製アプリを最新化してみた
wheatandcat
0
42
作成中のFlutterアプリの中間発表
wheatandcat
0
41
最近読んだ技術書を簡単紹介
wheatandcat
0
61
ユニバーサルリンク/アプリリンクを使ってQRコードでゲストログインできるようにする
wheatandcat
0
120
Firebase App Checkを実装したので紹介
wheatandcat
0
110
PlanetScaleの無料プランがなくなるので、NeonとTiDBを試してみた
wheatandcat
0
280
Flutter HooksとRiverpodの解説
wheatandcat
0
390
T3 Stack(応用編: Next Auth & SSRの実装紹介)
wheatandcat
1
340
App Routerの紹介
wheatandcat
0
99
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Music & Morning Musume
bryan
46
6.7k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
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月くらいの予定です
ご清聴ありがとうございました