---
theme: ./theme
title: 振り返りアプリを作ってみた話
class: text-center
highlighter: shiki
lineNumbers: false
info: |
## 振り返りアプリを作ってみた話
Learn more at [memoirの開発ログ](https://zenn.dev/wheatandcat/scraps/78d2c5aa4c9435)
drawings:
persist: false
fonts:
sans: Noto Sans Japanese
serif: Roboto Slab
mono: Fira Code
---
振り返りアプリを作ってみた話
- タスクを記録して可視化する。行動ログのメモアプリ -
---
- 📝 飯野陽平([wheatandcat](https://github.com/wheatandcat))
- 🏢 フリーランスエンジニア(シェアフル株式会社CTO)
- 💻 Blog: https://www.wheatandcat.me/
- 📚 Booth: https://wheatandcat.booth.pm/
- 🛠 今までに作ったもの
- [memoir](https://memoir-lp-mvbeacmwe-wheatandcat.vercel.app/)
- [ペペロミア](https://peperomia.app/)
- [Atomic Design Check List](https://atomic-design-checklist.vercel.app/)
---
# memoirって、どんなアプリ?
タスクを記録して可視化する、
行動ログのメモアプリです。
---
# どんな体制で開発している?
---
どんな感じで開発を始めたか?
---
clicks: 1
---
## 元々、以下のような事を行っていた
①.毎週日曜日の午後に振り返り
参加者: 家族
お互いの1週間の出来事を共有
---
# 元々の運用の振り返りの問題点
- 振り返りの時に、今週の出来事を思い出せない
- まとまった単位での振り返りをしたい時にテキスト情報のみだとピックアップしづらい
- 良かった出来事のみピックアップしたい
- 振り返りを開催する時間帯がズレる
上記の問題を解決するためにアプリを開発!
---
clicks: 3
---
# どんな感じで開発を始めたか ①
担当: wheatandcat
①.ラフで画面構成を作成
②.Figmaで仮デザイン作成
③.仮のデザインガイドラインを作成
---
clicks: 6
---
# どんな感じで開発を始めたか ②
担当: mitsubisi
④.正式にデザインガイドラインを作成
⑤.StyleをFigmaに登録
---
# どんな感じで開発を始めたか ③
担当: mitsubisi
⑥.ガイドラインに沿って正式なデザインを作成
---
# どんな感じで開発を始めたか ④
担当: wheatandcat & mitsubisi
⑥.画面遷移をPrototypeに落とし込む
Prototype **[Demo](https://www.figma.com/proto/cLruhS5vc5IQsvqoXYSyP8/memoir?page-id=141%3A129&node-id=141%3A273&viewport=241%2C48%2C0.5&scaling=min-zoom&starting-point-node-id=141%3A273)** .
---
# ここまで完成したら実装開始 & 改善のループを開始
担当: wheatandcat & mitsubisi
- 以下をループでする形式で実装していく
- ①. 設計 & 機能実装
- ②. Expoでデモアプリ配布して、実際に使用
- ③. 週1回の振り返りを行う
- ④. 改善内容 & バグ報告をslackに通知
- ⑤. issue作成
- ⑥. Zennのスクラップに実装報告を記載
- ⑦. ①に戻る
Zenn: **[memoirの開発ログ](https://zenn.dev/wheatandcat/scraps/78d2c5aa4c9435)** .
---
# どこまで出来ているの?
実機でデモ
**[LPサイトは、こちら](https://memoir-lp-mvbeacmwe-wheatandcat.vercel.app/)** .
---
# コードは全て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月くらいの予定です
---
layout: center
class: "text-center"
---