Skip to content

yorifuji/buzz_recipe_viewer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

buzz_recipe_viewer

check

レシピ記録と動画を検索・閲覧するアプリです。

本アプリを通して Flutter アプリ開発におけるアーキテクチャの検討やライブラリ利用のスキルを習得することを目的にしています(技術 showcase)。

Screenshot

iOS
iOS
Web(デモサイト macOS

Supported Platform

Platform Android iOS Web macOS Windows
Status N/A

Development Environment

Tool Version
Flutter 3.24.1
Xcode 15.3
Android Studio

Architecture

Single Source of Truth(SSOT)とコマンドクエリ責務分離(CQRS)を意識した単方向データフロー

graph LR;
    Presentation-->|watch|Store
    Presentation-->|call|Service
    Service-->|call|Repository
    Service-->|update|Store
Loading
  • Presentation
    • Widget など
  • Store
    • 状態の保持、主に NotifierProvier で実装
    • State の更新は Service 経由で行う
    • Presentation から watch することで状態をリアクティブに UI に反映させる
  • Service
    • UI の操作に基づいて帛紗を伴う処理を行う、主に Repository に対する操作を行う
    • 取得したデータに基づいて Store を更新する
    • 状態は持たない
  • Repository
    • ストレージ・API・バックエンドとのインタフェース

Directory

lib
├── i18n              # 国際化関連(slang)
├── model             # モデルの定義
├── provider          # クラスのインスタンスを提供する Provider の定義
├── repository        # データソース (API, DB)
├── service           # ビジネスロジックの実装
├── store             # 状態管理
└── ui                # UI
    ├── common        # 共通コンポーネント
    ├── error         # エラー画面
    ├── favorite      # お気に入り
    ├── navigation    # ナビゲーション
    ├── recipe        # レシピ
    ├── settings      # 設定
    ├── video         # 動画
    └── video_player  # 動画プレイヤー

Dependencies

Dependency Management

Backend

Data Source

  • 後述の別のリポジトリを使って YouTube の情報を定期的に取得して Algolia にインポートしている
  • YouTube Data API

Flavor

Android および iOS のみ対応、--dart-define=FLAVOR=... で切り替え

Flavor 用途 配布方法 BundleID prefix
prod 本番用 PlayConsole, TestFlight
stg ステージング Firebase App Distribution .stg
dev 開発用 ローカルビルド .dev

Test

  • Widget Test
  • VRT(Visual Regression Testing)

CI/CD

GitHub Actionsを採用

  • Check
    • flutter format
    • flutter analyze
  • Test
    • flutter test
    • VRT(Visual Regression Testing)
  • Bumpup
    • pubspec.yaml のversion:のインクリメント
  • Deliver(build & deploy)
    • development
    • staging
      • Firebase App Distribution
    • production
      • Google Play, App Store Connect(Test Flight)
    • pages
      • GitHub Pages
  • Nightly build

素材

Related repository

  • yorifuji/buzz_recipe_importer
  • YouTube のチャンネルの動画の情報を定期的に取得して Algolia にインポートする Python プログラム
  • GitHub Actions で定期実行している