フロントとバックどっちから作り始めるのか

さて、おかげさまでFlutterとFirebaseの連携もできたので、いよいよ環境的にはアプリそのものの開発に手を出せそうな雰囲気が出てまいりました。

で、ここまでは思考停止して環境を整えていれば良かったわけですが、いざ作り始めるとなると手が止まるな〜と思いながら今この文章を書いています。

いよいよですが、さて何から始めたものか

うーん、まあ、いわゆるウォーターフォールな開発なら、要件定義→設計開発→テストって感じだと思うのですが、

で、まあ必要な機能を定義して、画面設計して、並行してデータベースの設計考えたり裏側のAPI作ったりして、繋げてテストして完成という感じだと思うのですが、

今回はまあ一応のMVPも作ってるわけですから、スタート地点としてはそれが仕様だよなあ。。とすると、バックエンドというかサーバーサイドの開発は不要なので、Flutterで完結するのでは。Flutter編→Firebase編って感じですかね。

と言いつつ、FirebaseからPUSH通知の配信ができるかなくらいの確認はしておきたいけれど。そのためにビルドするのか？？？するのか。。。

うーん。とりあえずモック的に画面だけ用意して、そこにPUSH通知送れるか試す感じかな。あれ、でもローカル通知でない所謂PUSH通知ってまたASCからキーを取得みたいなことをしないといけないのでは・・・まあ、追って調べます・・・

（一通りできた後にやっぱり裏側とうまくつながらないみたいなことがあると地獄なので早い段階でそれなりに安心できるテストはしておきたい）

とにかく目に見える成果が欲しいので、とりあえず画面を作りましょうか。

必要な画面を確認するよ

まず、MVP版の画面一覧はこんな感じです。

ファイル名を見たら2020年9月30日とあって戦慄しました・・・

④カウント画面というのがホーム画面ですね。あとは⑤目標再設定画面と⑦バッジ画面というのが基本の画面です。達成画面と不達成画面はモーダル画面で実装していたので、今回も画面としては一旦不要です。

ということなので、とりあえずはホーム画面にタブで遷移できる2ページ目と、ハンバーガーメニューから遷移する設定画面を一個作る感じですかね。

ちなみにUIを反映させた図がこちら

というわけで次回はFlutterでモックを作っていくぞ。