【Flutter入門】iOS、Android、Windowsアプリ開発

2019.11.17

Flutterによるアプリ開発について入門者向けに紹介します。

【Flutterとは】開発環境構築

Flutterとは、Googleが開発・提供しているオープンソースのモバイルアプリケーションフレームワークです。
Flutterを使うことでAndroid、iOS向けのアプリケーションを同じコードで行うことができるため人気が上昇しています。

【人気比較】flutter、xamarin、react native、ionic、cordova
クロスプラットフォームでアプリを開発するための人気フレームワークflutter、xamarin、react native、ionic、cordovaの人気を比較してみました。
algorithm.joho.info

【入門編】Flutterの使い方

記事URL 概要
インストール方法 FlutterをWindows/Mac環境にインストールする方法を解説します。
Dart入門 Dartの基礎文法を解説します。
基本操作 Flutterの基本操作を解説します。
Hello world Hello Worldアプリを解説します。
ListView ListViewの使い方を解説します。
TextField TextFieldの使い方を解説します。
ファイル処理 ファイルの読み書きについて解説します。
JSON読み込み JSONファイルをロードして、ListViewに表示させます。
テーマ定義 Themeで設定できるプロパティ一覧を紹介します。
ダークテーマ ダークテーマの実装について解説します。
SQLite SQLiteによるデータの永続化について解説します。
起動アイコン 起動アイコンの作り方を解説します。
入力キーボードの制限 入力キーボードの値を数値、電話番号、文字、メールアドレスなどのみに制限します。
画面スクロール 画面スクロールを実装します。
画面遷移 画面遷移を実装します。
日付選択画面 DatePicker（日付選択画面）を作成する方法を解説します（日本語化の方法含む）。
Todoアプリ –
電卓アプリ –

【応用編】アプリの公開、トラブル対応

記事URL 概要
アプリ名変更 Android・iOSアプリ名を日本語に変更する方法する方法についてまとめました。
アイコン一括作成 アプリアイコンを一括で作成します。
Apple Storeで公開 作成したアプリをApple Storeに登録する方法を解説します。
Google Playで公開 作成したアプリをGoogle play Storeに登録する方法を解説します。
Admob広告掲載 アプリにAdmob広告を掲載する方法について解説します。
よくあるエラー よくあるエラーの解決方法を解説します。

【その他】参考サイト

参考サイト 概要
Qiita 定番のプログラマ向け情報共有サービス。日本語情報を探すならまずここ。
Write your first Flutter app, part 1（Flutter公式） |Flutterのプロジェクト作成、シンプルなアプリ作成までを解説。
Cookbook（Flutter公式） アプリ作成中の問題を解決する方法集
GitHubのサンプル 20個くらいのサンプルアプリ、デモ、サンプルが公開されている。
Flutter Community アプリの公開リストやMedium記事が紹介されている。
List of open-source Flutter apps Flutterで構築されたアプリのGitHubリスト
Solido/awesome-flutter awesomeシリーズのFlutter版（記事、動画、プラグイン、フレームワーク、オープンソースアプリなどあり）
Flutter Awesome Flutterのアプリ、ライブラリ、UIテンプレートが細かくカテゴライズされて紹介されている
アイコン素材 ■icooon-mono ■FLAT ICON DESIGN ■Flode illustration ■GAHAG
便利ツール ■アイコン作成に便利なサイト ■iOSとAndroidアプリのアイコンリサイズを一発でやります。 ■バナー工房（画像の角丸化）
最新情報 ■Twitter(更新してエラーに悩まされた時の日本語情報収集などに) ■Qiita
セキュリティ ■「Apache Cordova」を使ったハイブリッドアプリケーションの脆弱性に関する調査報告書

コメント

タイトルとURLをコピーしました