自己紹介

• 📝 飯野陽平（wheatandcat）
• 🏢 フリーランスエンジニア（シェアフル株式会社CTO）
• 💻 Blog: https://www.wheatandcat.me/
• 📚 Booth: https://wheatandcat.booth.pm/
• 🛠 今までに作ったもの
  • memoir
  • ペペロミア
  • Atomic Design Check List

memoirって、どんなアプリ？

どんな体制で開発している？

wheatandcat

開発

mitsubisi

デザイン

元々、以下のような事を行っていた

①.毎週日曜日の午後に振り返り

参加者: 家族
お互いの１週間の出来事を共有

②.議事録を家族共有のslackで共有

元々の運用の振り返りの問題点

• 振り返りの時に、今週の出来事を思い出せない
• まとまった単位での振り返りをしたい時にテキスト情報のみだとピックアップしづらい
• 良かった出来事のみピックアップしたい
• 振り返りを開催する時間帯がズレる

どんな感じで開発を始めたか ①

①.ラフで画面構成を作成

②.Figmaで仮デザイン作成

③.仮のデザインガイドラインを作成

ここまで出来たらデザイナーに渡す

どんな感じで開発を始めたか ②

④.正式にデザインガイドラインを作成

⑤.StyleをFigmaに登録

どんな感じで開発を始めたか ③

⑥.ガイドラインに沿って正式なデザインを作成

どんな感じで開発を始めたか ④

⑥.画面遷移をPrototypeに落とし込む

Prototype Demo .

ここまで完成したら実装開始 & 改善のループを開始

• 以下をループでする形式で実装していく
  • ①. 設計 & 機能実装
  • ②. 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