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

【人気比較】flutter、xamarin、react native、ionic、cordova
クロスプラットフォームでアプリを開発するための人気フレームワークflutter、xamarin、react native、ionic、cordovaの人気を比較してみました。
【入門編】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 | アイコン素材サイト |
画像丸抜きくん | 丸アイコンの作成に便利なWebツール |
コメント