(トップへ)
※製品版では 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 |
| 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 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
(トップへ)
GitHub Flow を使用する。 master と feature ブランチで運用する。
| ブランチ名 | 役割 | 派生元 | マージ先 |
|---|---|---|---|
| master | 本番環境 | - | - |
| feature/* | 機能開発 | master | master |
fix: バグ修正
feat: 新機能追加
update: 機能更新
change: 仕様変更
perf: パフォーマンス改善
refactor: コードのリファクタリング
docs: ドキュメントのみの変更
style: コードのフォーマットに関する変更
test: テストコードの変更
revert: 変更の取り消し
chore: その他の変更
(トップへ)