【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
2020.03.01

【入門編】Flutterの使い方

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

【応用編】アプリ例、公開

記事URL 概要
Todoアプリ –
電卓アプリ –
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をコピーしました