以下の勉強会で使用した資料です

【ハンズオン】WebエンジニアもFlutterでアプリ開発を始めよう！ (2021/07/08 19:30〜)

【ハンズオン】WebエンジニアもFlutterでアプリ開発を始めよう！｜IT勉強会ならTECH PLAY［テックプレイ］

Flutterとは?

Flutter - Beautiful native apps in record time

Flutterは、単一のコードベースからモバイル、ウェブ、デスクトップ、組み込みデバイス向けにネイティブにコンパイルされた美しいアプリケーションを構築するためのGoogleのUIツールキットです。

Flutterの特徴

Web開発との比較

Flutter for web developers

<div class="greybox">
    Lorem ipsum
</div>

.greybox {
      background-color: #e0e0e0; /* grey 300 */
      width: 320px;
      height: 240px;
      font: 900 24px Georgia;
      text-align: center;
}

var container = Container( // grey box
  child: Text(
    "Lorem ipsum",
    textAlign: TextAlign.center,
    style: TextStyle(
      fontSize: 24,
      fontWeight: FontWeight.w900,
      fontFamily: "Georgia",
    ),
  ),
  width: 320,
  height: 240,
  color: Colors.grey[300],
);