【公開講座】Flutterアプリ開発入門 -クロスプラットフォームアプリを開発しよう-

Flutterアプリ開発入門 -クロスプラットフォームアプリを開発しよう-

研修の概要

Flutterを利用した、クロスプラットフォームアプリ開発の基本技術を修得するコースです。
Flutterを利用することで、iOSやAndroidなどのモバイルだけでなく、macOSやWindowsといったデスクトップ、さらにはWebブラウザなど複数のプラットフォーム向けのアプリケーションを単一のソースコードで提供できます。

このコースではTODOアプリの開発を通して、「Widget」や「状態管理」といったFlutterによるアプリ開発の基礎知識を学ぶだけでなく、パッケージの利用やデータの永続化など多くのアプリケーションで応用できる要素技術を学習します。

Dart言語で記述したソースコードをAndroidとWebブラウザという複数のプラットフォームで実際に動作確認しながら、Flutterがいかにしてアプリケーション開発を効率化するのか、また共通化できない場合とその対処法を体験します。

研修の目的

■ Flutterの特徴を説明できる
■ Flutterを用いた簡単なアプリを開発できる
■ Widgetを利用して画面を構築できる
■ Widgetと状態管理を用いて動的に変化するUIを構築できる
■ ユーザーが入力したデータを永続化できる
■ Dart言語を利用した基本的なコードを記述できる

対象者

■ Flutterでモバイルアプリケーションの開発を行いたい方
■ Flutterによる複数のプラットフォーム向けのアプリケーション開発手法を知りたい方

主催団体

本コースは、株式会社カサレアルが主催しております。

研修プログラム例

研修プログラム例

内容

■ Flutterの概要と特徴
- □ マルチプラットフォーム
- □ ホットリロードとホットリスタート
- □ Flutterの強みと使い所
- □ アーキテクチャ
■ 新規プロジェクトの作成
- □ 新規アプリプロジェクトの作成
- □ プロジェクトの作成
- □ VS Codeの画面構成
- □ Flutterプロジェクトの構成
- □ エミュレーターの起動とアプリの実行
■ UIの構築とホットリロード
- □ Widgetを使ったUIの構築
- □ Widgetツリー
- □ Dartの文法
- □ ホットリロードを活用したUI構築
■ StatefulWidgetと状態管理
- □ 登録画面に複数のアイコンを追加
- □ ユーザーの操作に反応する
- □ 状態管理と宣言的なUI構築
■ 画面遷移
- □ 一覧画面の作成
- □ Navigatorを利用した画面遷移
- □ ボタンをタップしたら画面遷移する仕組みの実装
- □ 前の画面に戻る
■ パッケージの導入とprovider
- □ パッケージ管理ツール「pub」
- □ パッケージのインストール手順
- □ providerパッケージ
■ データの永続化
- □ Flutterにおけるデータの永続化
- □ Future型とasync/await
- □ shared_preferences
- □ sqflite