ゼロから始める Flutter

cd [インストールしたディレクトリ]
export PATH="$PATH:`pwd`/flutter/bin"

flutter doctor

sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

sudo xcodebuild -license

open -a Simulator

flutter create flutter_example

(中略)
All done!
In order to run your application, type:

  $ cd flutter_example
  $ flutter run

Your application code is in flutter_example/lib/main.dart.

cd flutter_example
flutter run

import 'package:flutter/material.dart'; // マテリアル UI がまとめられたパッケージ

void main() { // アプリケーションのエントリーポイント
  runApp(const MyApp()); // アプリを実行するための runApp 関数を MyApp を引き渡して実行
}

class MyApp extends StatelessWidget { // ウィジェットを返すクラス Stateless = 状態をもたないウィジェット
  const MyApp({Key? key}) : super(key: key);  // コストラクタ

  @override // アノテーション（注釈）
  Widget build(BuildContext context) { // 画面を描画するためのメソッド
    return MaterialApp( // Flutter アプリケーション全体を管理するためのもの
      title: 'Flutter Demo',
      theme: ThemeData( // テーマ
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Demo Home Page') , // MyHomePage という別のウィジェット
    );
  }
}

class MyHomePage extends StatefulWidget { // 状態を持つウィジェット
  const MyHomePage({Key? key, required this.title}) : super(key: key);  // コストラクタ
  final String title;
  @override
  State<MyHomePage> createState() => _MyHomePageState(); // MyHomePageState と呼ばれる State を作成
}

// MyHomePageState の定義
class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() { //カウンターの加算処理
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) { // State が変わるたびにこの build メソッドが実行される
    return Scaffold( // 基盤となるウィジェット
      appBar: AppBar( // トップバー
        title: Text(widget.title), // MyHomePage オブジェクトの title を AppBar に設定
      ),
      body: Center( // 本体部分、中央寄せのウィジェット
        child: Column( // children のリストを受け取って縦に並べる、横の場合は Row ウィジェットを使う
          mainAxisAlignment: MainAxisAlignment.center, 
          children: <Widget>[
            const Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton( // フローティングボタン
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: const Icon(Icons.add),
      ), 
    );
  }
}

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:flutter_samples/fetch_data/photo.dart';
import 'package:http/http.dart' as http;

class MainFetchData extends StatefulWidget {
  @override
  _MainFetchDataState createState() => _MainFetchDataState();
}

class _MainFetchDataState extends State<MainFetchData> {
  List<Photo> list = [];
  var isLoading = false;

  _fetchData() async {
    setState(() {
      isLoading = true;
    });
    final response = await http
        .get(Uri.parse("https://jsonplaceholder.typicode.com/photos"));
    if (response.statusCode == 200) {
      list = (json.decode(response.body) as List)
          .map((data) => new Photo.fromJson(data))
          .toList();
      setState(() {
        isLoading = false;
      });
    } else {
      throw Exception('Failed to load photos');
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Fetch Data JSON"),
        ),
        bottomNavigationBar: Padding(
          padding: const EdgeInsets.all(8.0),
          child: ElevatedButton(
            child: Text("Fetch Data"),
            onPressed: _fetchData,
          ),
        ),
        body: isLoading
            ? Center(
                child: CircularProgressIndicator(),
              )
            : ListView.builder(
                itemCount: list.length,
                itemBuilder: (BuildContext context, int index) {
                  return ListTile(
                    contentPadding: EdgeInsets.all(10.0),
                    title: Text(list[index].title!),
                    trailing: Image.network(
                      list[index].thumbnailUrl!,
                      fit: BoxFit.cover,
                      height: 40.0,
                      width: 40.0,
                    ),
                  );
                }));
  }
}

[!] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    ✗ cmdline-tools component is missing
      Run `path/to/sdkmanager --install "cmdline-tools;latest"`
      See https://developer.android.com/studio/command-line for more details.
    ✗ Android license status unknown.
      Run `flutter doctor --android-licenses` to accept the SDK licenses.
      See https://flutter.dev/docs/get-started/install/macos#android-setup for more details.

Map<String, dynamic> user = jsonDecode(jsonString);

dependencies:
  json_annotation: <latest_version>

dev_dependencies:
  build_runner: <latest_version>
  json_serializable: <latest_version>