LoginSignup
201

More than 3 years have passed since last update.

[Flutter]初めてのアプリを公開するまでに参考にしたサイト一覧

Last updated at Posted at 2020-05-27

はじめに

Flutterを学び始めてから約1ヶ月。先人たちの知見に助けられ、なんとかiOS、Androidアプリの公開(現在申請中)まで到達することができました。
感謝の意味も込めて、お世話になったサイトをまとめたいと思います。

1.知識インプット

ドキュメント

Flutterの公式ドキュメントは非常に充実しており、英語ドキュメントに慣れている方であれば書籍もいらないのではないのでしょうか。自分の場合は公式ドキュメントはリファレンスとしての活用が主で、一番最初は有志で運営されている(?)日本語版のFlutter Doc JPを一通り読みました。

書籍

書籍は2冊読みました。特にモバイルアプリ開発バイブルはおすすめです。基本的なWidgetの使い方から、テスト、CI/CDの話まで書かれており、アプリ開発初心者の私にとっては網羅的に記述されていてありがたかったです。

ブログ

どちらも@_monoさんのブログです。「Flutterとはなにか」「何が良いのか」をオーバービューで分かりやすく知ることができます。Flutter導入を検討されている方にもおすすめ。

Youtube

特におすすめなのが、Flutter公式のFlutter Widget of the Weekです。約1分間の動画で1つのwidgetをわかりやすく紹介する動画で、20年5月現在80種類以上あります。アイデアの引き出しを増やすためにも、スキマ時間を活用して全部見ておくことをおすすめします。

2.チュートリアル

チュートリアル

まず、Flutter Doc JPのチュートリアルを一通り実行しました。次に、Firebaseとの連携方法を学ぶため、2つ目のチュートリアルを実行しました。チュートリアルはなるべく写経することで、Flutterの理解を深めることに注力しました。

サンプルアプリの解説

monoさんの「Flutterはじめの一歩」はAndroid Studioで自動的に作られるカウンターアプリについてひとつひとつの処理を解説していて、読むだけでかなり理解を深めることができました。

3.開発

Flutter

コードを書く際には、まず公式ドキュメントのcookbookやリファレンスから使えるコードがを探すところから始め、ドキュメントにない場合のみQiitaやStackOverflowの記事を参考にする、という順序で良いと思います。

Dart

また、ここまでDartの勉強を全くしてこなかったため、Dartの文法に躓いたときは上記のDart入門Qiitaが非常に参考になりました。

その他

さらに、monoさんのTips集は開発を始める前に、必ず 一通り目を通しておくべきだ良いと思います。特にdartfmtAlt+Enterは知っておかないと作業効率が低く、本質じゃないことに時間をかけてしまう可能性が高いです。

開発しながら書いたQiita

開発しながら調べたことをQiitaの記事としても公開しました。もしよければLGTMしてください!(宣伝)

4.デザイン

画面デザインなどは完全に自己流です。自分用ホワイトボードに各画面のイメージと遷移イメージだけ書いてそのまま作り始めました。

フリー素材

フリー素材を利用する際は利用規約をしっかり読みましょう。(みんな大好きいらすとやも、使える画像数に上限があったりします)

アイコン、スクリーンショット作成

Sketchが人気のようなので、無料体験期間を利用して作成しました。まだ使いこなしていない身ですが、使いやすかったので引き続き使ってみようと思います。

5.アプリ公開

公開までの手順

経験がある方はわかると思いますが、アプリ公開の手順って結構めんどくさいです。まとめサイトは多いのですが、上記のサイトが情報も新しく、ほとんどそのままの手順で進めることができて助かりました。

プライバシーポリシー

アプリを公開する際にプライバシーポリシーページを作成する必要があるのですが、上記プライバシーポリシージェネレーターを使えば、必要な情報をフォームに入力するだけで、プライバシーポリシーを生成してくれます。

まとめ

monoさんは神

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
201