wakamenod / suito

Cashbook application

Suito

全体の構成

※ Flutter webは Google Play Storeの「データ削除ポリシー対応」として、アカウント削除ページ作成に使用

試したこと (Flutter)

• ローカライズはslangを使用
• envied で環境変数の取得
• firebase_authを使った認証
  • firebase_auth
  • firebase_auth_ui
  • IdTokenを送信して自前のバックエンドで認証
• riverpodで状態管理
• go_routerでの画面遷移・ルーティング
• Flutter webでアカウント削除ページの作成
• dio をつかったAPI通信
  • モデル部分はopenapiによる自動生成
• unitテスト、widgetテストの導入
  • Goldenテスト導入 (golden_toolkit)
  • mocktail を使用しモックを使ったテストの導入
• フォーム実装およびバリデーションはformzを使用
• サーバーバージョンチェック
  • アプリバージョンと不一致の場合ストアへ遷移
• syncfusion_flutter_charts によるチャートの実装

試したこと (Go)

• Webフレームワークは echo を使用
• ORMは gorm を使用
• 簡単な3層レイヤーを導入
• swag を使ったSwaggerドキュメント生成
• firebase認証
  • Middlewareでクライアントから送られたIdTokenを認証
• 独自エラー定義
• moq を使ったモック生成
• gocron による定義処理の実装

-

suito's Issues

[Mobile] linterの設定

[Mobile][Home画面] トランザクション登録編集モーダルのタイトル編集UI追加

[Backend] Firebaseと自作APIの認証について調査し、認証middlewareを追加する

https://zenn.dev/ymktmk/articles/cc56296b096f39

[Mobile][Home画面] トランザクション登録ボタン追加

画面右下に＋ボタン

[Mobile][Home画面] トランザクション一覧のリスト追加

[Mobile][Home画面] トランザクション登録編集モーダルの購入タイプ入力UI追加

使用ウィジェット候補：

• https://api.flutter.dev/flutter/material/Autocomplete-class.html
• https://pub.dev/packages/flutter_typeahead

[Backend] 既存スプレッドシートをTSVファイル形式でダウンロードする

[Mobile][Home画面] トランザクション登録編集モーダルの金額入力

[Backend] プロジェクトの雛形を作成する

サーバーアプリがローカル環境で起動できるところまで

[Backend] トランザクション一覧取得API

[Mobile] dioパッケージ導入

[Mobile][Home画面] トランザクション登録編集モーダルの購入場所入力

[Mobile][Home画面] 収入登録API呼び出し

Fakeリポジトリから切り替える

[Backend] TSVファイルからのデータ取り込みスクリプト作成（日毎用）

[Mobile] 画面選択タブの導入

画面下部に以下の画面を選択できるタブを用意する。画面は空で良い

• Home
• Schedule
• Stats

[Mobile] Firebase auth uiの導入

[Mobile] Github Actionsの設定

[Mobile] Go Routerの導入と設定

[Mobile] Flutter LSPパッケージの確認と整備

自動importがたまにおかしくなっていたので調べる
その他、Flutter開発環境が改善できる部分があるか調査と整備

[Backend] lightsailにSSMでログインする

[Mobile][Home画面] 年月セレクタUIの追加

[Mobile] Home画面用FakeRepositoryの追加

[Mobile][Home画面] トランザクション更新API呼び出し

[Mobile][Home画面] トランザクション登録編集モーダルの日付入力

[Backend] アーキテクチャの雛形を作成する（プレゼンテーション層）

[Mobile] エラーハンドリング導入

[Mobile][Home画面] トランザクション登録編集モーダルの購場所入力UI追加

[Mobile][Home画面] トランザクション登録編集メモ入力UIの追加

[Backend] ユーザー登録API (雛形)

[Backend] エラーハンドリング導入

[Mobile][Home画面] 支出登録API呼び出し

[Backend] lightsailへのデプロイ手順を確立する

費用は上がるが、コンテナイメージでのデプロイも検討する

[Backend] DBスキーマの作成

データベースはMySQL

[Backend] アーキテクチャの雛形を作成する（サービス層）

[Mobile][Home画面] トランザクション登録編集モーダルの支出<->収入切替スイッチ追加

[Mobile][Home画面] 支出削除API呼び出し

[Mobile][Home画面] トータル支出・収入部分 UI追加

画面上部、日付セレクタの下

[Backend] TSVファイルからのデータ取り込みスクリプト作成（月毎用）

[Mobile] Firebaseの登録

[Backend] Github Actionsの設定

[Backend] アーキテクチャの雛形を作成する（モデル層）

[Mobile][Home画面] トランザクション登録編集用のモーダル追加

モーダルのみで、中身のフォームは別Issue

[Mobile] アプリの雛形を作成する

[Mobile] Emacs capeパッケージ導入

corfuからFlutter用yasunippetが呼び出せること

[Mobile][Home画面] トランザクション一覧アイテムをスワイプできるようにする

スワイプ削除のため、UIアクションを追加する

[Mobile][Home画面] トランザクション一覧のアイテムタップで更新画面を表示

更新の場合は、既存データが初期値として入力されている

[Backend] linterの設定

[Mobile][Home画面] トランザクション登録編集モーダルの金額スプリット用ボタン追加

[Mobile][Home画面] Home画面情報取得APIの呼び出し

Fakeリポジトリから、実際のHttpコールリポジトリに切り替える

[Backend] ユーザー登録API (テスト・実装)