※本ページではアフィリエイトリンク(PR)が含まれています※

Flutter入門

5分でわかるFlutter入門

この記事では5分でわかるFlutter入門シリーズの記事をまとめています。

これからFlutterに入門したい方は是非ご参考ください。

【筆者のスペック】

本業はペイメント系データサイエンティスト

副業でFlutterを使ったアプリ開発(3年目)

1.Flutterのおすすめ勉強方法

公式ドキュメントではFlutterを理解できなかった!」という方におすすめの勉強法や教材を紹介しています。(本ページにあるナレッジ記事でも十分入門可能です!)

  1. Flutterの学習方法(学習サイト5選)
  2. Flutterの入門学習におすすめのUdemy教材 7選
  3. Flutterに入門できる書籍 3選
  4. 日本語でFlutterに入門する勉強方法

2.Flutterの導入方法

FlutterはOSによって導入手順が変わります。公式のドキュメントも参考にしながら導入を進めてみましょう!

  1. Flutterの導入手順
  2. Flutterのアップグレード手順
  3. エディタの選定と設定方法

3.基本的なウィジェット(Widget)を学ぶ

FlutterではさまざまUI表現をWidgetと呼ばれるUI部品を設置することにより実現できます。まずは基本的なWidgetを抑えていきましょう。

  1. Widgetとは?
  2. 入力フォームの実装方法
  3. containerの仕様と実装方法
  4. Containerに枠線を設定する方法
  5. オブジェクトを縦に並べる(column)
  6. ボタンを実装する方法
  7. チェックボックス(Checkbox)を実装する方法
  8. アイコンボタン(iconbutton)を実装する方法
  9. アイコン(Icon)の設定と一覧から検索する方法
  10. 画面遷移をする方法
  11. ダイアログ(dialog)を表示する方法
  12. 区切り線(divider)を表示する方法
  13. webviewを実装する方法
  14. カメラを実装する方法
  15. カレンダーを実装する方法
  16. 画像を表示する二つの方法
  17. Cardの仕様と実装方法
  18. GeoLocationで位置情報を取得する方法
  19. アニメーション(Animation)の実装
  20. Websocketの実装方法
  21. WebRTCの実装方法

4.ローカルDBを使う

ユーザーの情報を端末に保存したい場合は、ローカルDBを使用することで実現できます。

  1. ローカルデータベースの実装方法

5.Dart言語の書き方

FlutterはDart言語と呼ばれるプログラミング言語で実装します。

ここでは入門で躓きやすい内容を厳選してご紹介します。

  1. 関数とは?
  2. 列挙型(enum)の実装方法

6.ステート管理方法

ステート管理を行うことで、フラグなどの値を管理しUIを動的に制御することが可能です。ここでは、最新のステート管理手法をご紹介します。

  1. Providerの使い方
  2. RiverpodとProviderをわかりやすく解説
  3. Flutter Hooksの使い方とRiverpodと使い分け

7.Firebase×Flutter

Firebaseを利用することでデータをクラウド上で管理することが可能です。

ユーザーデータを複数人でやり取りするような場合は是非参考ください。

  1. Flutter WebでFirebaseを使う
  2. Flutter製WebアプリをFirebase Hostingにデプロイする

8.小ネタ

Flutterにおける業界や、開発に関する小ネタをご紹介します。

  1. Flutterエンジニアの年収
  2. キーボードを閉じる3つの方法
  3. アプリの名前を変更する方法