初めての Flutter アプリ

1. はじめに

Flutter は、1 つのコードベースからモバイル、ウェブ、デスクトップのアプリケーションを作成できる Google の UI ツールキットです。この Codelab では、次のような Flutter アプリケーションを作成します。

1d26af443561f39c.gif

このアプリケーションは、「newstay」「lightstream」「mainbrake」「graypine」などの響きの良い名前を生成します。ユーザーは、次の名前を要求したり、現在の名前をお気に入りにしたり、別のページでお気に入りにした名前の一覧を確認したりできます。このアプリは、さまざまな画面サイズに対してレスポンシブです。

学習内容

  • Flutter の動作に関する基礎知識
  • Flutter でレイアウトを作成する方法
  • ユーザー操作(ボタンを押すなど)をアプリ動作に接続する方法
  • Flutter コードを整理された状態に保つ方法
  • アプリをレスポンシブにする方法(画面の変更に対して)
  • アプリのルックアンドフィールを一貫したものにする方法

すぐに面白い部分を体験できるように、基本的なスキャフォールドから始めます。