Flutterとは？

CoddyのFlutterジャーニー「はじめてのアプリ」セクションの一部。レッスン 1/32。

Flutterは、アプリを開発するためのGoogle製ツールキットです。アプリを1つ作れば、Androidスマートフォン、iPhone、ウェブ、デスクトップパソコンで動作します。Google PayやBMWのアプリなどが、Flutterで開発されています。

FlutterアプリはDartという言語で書きます。必要なDartの知識は、少しずつ学んでいきます。

Flutterアプリはウィジェットで構成されています。ウィジェットは画面を構成する要素の1つです。テキストの1行、ボタン、画像、ほかのウィジェットを入れるボックスなどがあります。このアプリには、いくつかのウィジェットが含まれています。

void main() {
  runApp(const MyApp());
}

main()は、すべてのDartプログラムの実行が始まる場所です。runAppはウィジェットを受け取り、画面に表示します。下に進んでMyAppの中を見ると、このアプリが表示するウィジェット、つまりScaffold（空白の画面）、Center、Textを確認できます。まだすべての行を理解する必要はありません。このセクションの終わりまでには理解できるようになります。

チャレンジ

簡単

Runを押します。アプリがスマートフォンの画面に表示されます。

次に、Hello, Flutter!を好きな言葉に変更し、その前後の引用符はそのままにして、もう一度Runを押して変更を確認します。完了したら、Checkを押します。

自分で試してみよう

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Center(
          child: Text('Hello, Flutter!'),
        ),
      ),
    );
  }
}