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
47
作成中のFlutterアプリの中間発表
wheatandcat
0
46
最近読んだ技術書を簡単紹介
wheatandcat
0
68
ユニバーサルリンク/アプリリンクを使ってQRコードでゲストログインできるようにする
wheatandcat
0
140
Firebase App Checkを実装したので紹介
wheatandcat
0
140
PlanetScaleの無料プランがなくなるので、NeonとTiDBを試してみた
wheatandcat
0
300
Flutter HooksとRiverpodの解説
wheatandcat
0
420
T3 Stack(応用編: Next Auth & SSRの実装紹介)
wheatandcat
1
350
App Routerの紹介
wheatandcat
0
100
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
580
Code Reviewing Like a Champion
maltzj
525
40k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building Applications with DynamoDB
mza
96
6.6k
Designing for humans not robots
tammielis
253
25k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Producing Creativity
orderedlist
PRO
347
40k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
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月くらいの予定です
ご清聴ありがとうございました