【Flutter】１ヶ月で本格的なアプリ開発（リポジトリも公開）
はじめに
ご覧いただきありがとうございます。ganです。
突然ですが最近、自分ともう1人のエンジニアで１ヶ月でFlutter製のアプリをリリースしました！
この記事ではどのような流れでアプリを開発したのかをざっくりまとめています。よければみなさんのアプリ開発の参考にしてください！
コードはすべて公開しています！！
本記事で紹介するアプリのコードを公開しています！是非参考にしてください！！
リリースはしていますが、まだまだ至らぬ点も多いとは思います。もちろん issue 等で指摘していただけると今後の励みになります！
よろしくお願いします！
どんなアプリを作ったのか
今回自分が作ったのはバドミントンの試合結果を記録するためのアプリです。バドミントンの試合結果を記録？？と思う方がほとんどだと思います。このアプリを作ろうとしたきっかけは、自分の友達が試合結果を家に帰ってからパソコンで Excel に入力している、というのを聞き、これはチャンスだ！と思ったことです。2023年始まってすぐだったのですが、急いで Figma でざっくりデザインを作り、アプリを作っていきました。そのため、制作期間はだいたい2023年1月上旬~2023年2月上旬になります。
使用技術
メインは Flutter と Firebase になります。
Flutter の他に使用した主なパッケージは
- hooks_riverpod (状態管理)
- flutter_hooks (状態管理)
- freezed (モデルの immutable 化)
になります。
画面遷移の方法として go_router がありますが、今回はもう1人のエンジニアが初心者だったということもあり使用していません。
もっと詳しく知りたい方は pubspec.yaml から確認してみてください。
また開発の特徴として、
- fvm を使った Flutter のバージョン管理
- 開発環境と本番環境の環境分け
- GitHub Actions による CI
- dependabot の追加
- Firebase のセキュリティルール
が挙げれられます。
fvm を使った Flutter のバージョン管理
2人とはいえチームでの開発なので Flutter のバージョンを統一できるよう、fvm を導入しました。asdf もありますが自分は fvm 派です。詳しくは以下の記事が参考になるのでおすすめです。
開発環境と本番環境の環境分け
環境分けに関して、 dev（開発） の prod（本番） の二つに分けました。もう少し規模の大きいアプリであったりテストするユーザがいる場合には staging（ステージング） を作成しても良いと思います。参考にしたのは以下の記事になります。ベースは Firebase CLI を使用し、アイコン等の環境わけに dart-define を使用しました。
GitHub Actions による CI
CI では、コードのフォーマットと静的解析を行なっています。今後はテストも行えるようにしていきます。
個人開発でもチーム開発でも、コードの保守性を維持するためにもCIを構築しておくのはいいことだと思います。
dependabot の追加
Dependabot security update を使用することでパッケージの依存関係などセキュリティの強化につながります。Dependabot version updates (パッケージのバージョンの更新)は今後導入していこうと思います。
Firebase のセキュリティルール
Firebase のセキュリティルールは疎かになりがちです。このアプリのリポジトリではセキュリティルールに関しても記載しているので参考にしてみてください。自分が参考にしているのは Firebase のドキュメントと以下の記事になります！
その他勉強になった記事
最後に
今後はこのアプリのアップデートであったり、テストの記述、CD の構築、README の拡充などを行なっていく予定です。ですので、リポジトリにスター🌟つけていただけると嬉しいです。👀
最後まで読んでいただきありがとうございました！
Discussion