目次

• リアル大学生：モバイル
  • 目次
  • リンク一覧
  • 主な機能一覧
  • 使用技術
  • 環境構築
    • リポジトリのクローン
    • Flutter プロジェクトの起動
  • ディレクトリ構成
  • Git の運用
    • ブランチ
    • コミットメッセージの記法

リンク一覧

• App Store（スクリーンショット）

• Google Play（スクリーンショット）

• Figma

(トップへ)

主な機能一覧

※製品版では Google AdMob による広告が表示されます。

記事一覧ページ	検索ページ
最新記事やカテゴリーごとの記事を一覧表示するページです。	キーワードやタグ、アーカイブから検索をすることができます。

記事ページ	メニューページ
記事を閲覧するためのページです。ネイティブなシェアボタンから記事をシェアできます。	設定項目や固定ページ（プロフィールや免責事項など）へのリンクなどを記載しています。

強制アップデート	プッシュ通知
Firebase の Remote Config を利用して、指定のバージョンより古い場合にダイアログを表示させることができます。	OneSignal と Pipedream（Web Hook）を利用して、初回の記事公開時にプッシュ通知を送信することができます。

iOS UI	Android UI
Cupertino UI を使用して、ネイティブに寄せたデザインを再現しています。	Material UI を使用して、ネイティブに寄せたデザインを再現しています。

(トップへ)

使用技術

Category	Technology Stack
Frontend	Flutter
Backend	Firebase
Design	Figma, Canva
Google	AdMob, Analytics
etc.	OneSignal, Pipedream, XCode, Android Studio

(トップへ)

環境構築

リポジトリのクローン

# リポジトリのクローン
git clone git@github.com:Arata1202/FlutterBlogApp.git
cd FlutterBlogApp

# .env.exampleから.envを作成
mv .env.example .env

# .envの編集
vi .env

# Firebaseから必要なファイルを入手
mv GoogleService-Info.plist /ios/Runner
mv google-services.json /android/app

Flutter プロジェクトの起動

# 依存関係のインストール
flutter pub get

# CocoaPodsのインストール
cd ios && pod install && cd ..

# Flutterプロジェクトの起動
flutter run

(トップへ)

ディレクトリ構成

❯ tree -a -I "node_modules|.next|.git|.pytest_cache|static" -L 2 lib
lib
├── app
│   ├── article
│   ├── home
│   ├── menu
│   ├── pagination
│   ├── search
│   └── search_result
├── common
│   └── admob
├── components
│   └── menu
├── layout
│   ├── footer
│   ├── main
│   └── splash
├── main.dart
└── util
    └── navigate_out

(トップへ)

Git の運用

ブランチ

GitHub Flow を使用する。 master と feature ブランチで運用する。

ブランチ名	役割	派生元	マージ先
master	本番環境	-	-
feature/*	機能開発	master	master

コミットメッセージの記法

fix: バグ修正
feat: 新機能追加
update: 機能更新
change: 仕様変更
perf: パフォーマンス改善
refactor: コードのリファクタリング
docs: ドキュメントのみの変更
style: コードのフォーマットに関する変更
test: テストコードの変更
revert: 変更の取り消し
chore: その他の変更

(トップへ)