【Flutter】プロジェクト作成時のコメントアウトを翻訳しておく

Flutterプロジェクトを作成すると初期の`main.dart`に英語の説明文がコメントアウトされています。
※ Android Studioだと`Create New Flutter Project`
※ Visual Studio Codeだと`flutter create <Project>`

こちらは削除して問題ないのですが、初学の方で意味を理解する上では読んでおいたほうがいいと思ったのでコメントアウトを日本語に翻訳してみました。
初めての方はこちらを一度読み、それぞれの構造がどのような役割をもつか理解してから始めたほうがよいと思います。

# 翻訳した初期ファイル

```main.dart
import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  // このウィジェットは、あなたのアプリケーションのルートです。
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // これは、アプリケーションのテーマです。
        //
        // アプリケーションを「flutter run」で実行してみてください。
        // アプリケーションのツールバーが青くなっているのがわかると思います。
        // 次に、アプリケーションを終了せずに、以下のprimarySwatchをColors.greenに変更してから、
        // 以下のコマンドを実行してみてください。
        // "hot reload"（"flutter run "を実行したコンソールで "r "を押してください。
        // または、Flutter IDEで変更を保存して "hot reload "を実行します）。)
        // カウンターがゼロに戻っていないことに注意してください。
        // アプリケーションは再起動されていません。
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key? key, required this.title}) : super(key: key);

  // このウィジェットは，アプリケーションのホーム・ページです。
  // ステートフルとは、表示方法に影響を与えるフィールドを含むStateオブジェクト（以下に定義）を持つことを意味します。

  // このクラスは、ステートの設定です。
  // 親(ここではAppウィジェット)から提供され、Stateのbuildメソッドで使用される値(ここではタイトル)を保持します。
  // Widgetサブクラスのフィールドは、常に "final "と表示されます。

  final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  int _counter = 0;

  void _incrementCounter() {
    setState(() {
      // このsetStateの呼び出しは、Flutterフレームワークに、このStateに何か変更があったことを伝え、
      // 以下のビルドメソッドを再実行させ、更新された値を表示に反映させます。
      // setState()を呼び出さずに_counterを変更した場合、
      // ビルドメソッドは再び呼び出されないので、何も起こらないように見えます。
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    // このメソッドは、setStateが呼ばれるたびに再実行されます。
    // 例えば、上記の_incrementCounterメソッドで行われます。
    //
    // Flutterフレームワークは、ビルドメソッドの再実行を高速化するように最適化されており、
    // ウィジェットのインスタンスを個別に変更するのではなく、更新が必要なものをすべてリビルドできるようになっています。
    return Scaffold(
      appBar: AppBar(
        // ここでは、App.buildメソッドで作成されたMyHomePageオブジェクトから値を取得し、
        // それを使ってアプリバーのタイトルを設定しています。
        title: Text(widget.title),
      ),
      body: Center(
        // Centerは、レイアウトウィジェットです。
        // Single childを受け取り、親の中央に配置します。
        child: Column(
          // Columnは、レイアウトウィジェットでもあります。
          // 子のリストを受け取り、それらを垂直に並べます。
          // デフォルトでは、子の水平方向に合わせてサイズを調整し、親と同じ高さになるようにします。
          //

          // 「デバッグペイント」を呼び出すと
          //　（コンソールで「p」を押すか、Android StudioのFlutterインスペクタで「デバッグペイントを切り替える」アクションを選択するか、
          //　Visual Studio Codeで「デバッグペイントを切り替える」コマンドを実行する）、各ウィジェットのワイヤフレームが表示されます。
          // このsetStateの呼び出しは、Flutterフレームワークに、このStateに何か変更があったことを伝え、
          // 以下のビルドメソッドを再実行させ、更新された値を表示に反映させます。setState()を呼び出さずに_counterを変更した場合、
          // ビルドメソッドは再び呼び出されないので、何も起こらないように見えます。

          //
          // Columnには、自身のサイズや子の配置を制御する様々なプロパティがあります。
          // ここでは、mainAxisAlignmentを使用して、子を垂直方向に中央に配置しています。
          // Columnは垂直方向に配置されるので、ここでの主な軸は垂直軸です（交差軸は水平方向になります）。
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Text(
              'You have pushed the button this many times:',
            ),
            Text(
              '$_counter',
              style: Theme.of(context).textTheme.headline4,
            ),
          ],
        ),
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: _incrementCounter,
        tooltip: 'Increment',
        child: Icon(Icons.add),
      ), // この末尾のコンマは、ビルドメソッドの自動フォーマットをより良いものにします。
    );
  }
}
```

※　翻訳は[Deepl](http://deepl.com/)を使用しました。途中意味がわかりにくいところは少し直しています。

`pubspec.yaml`も翻訳してみました。

https://qiita.com/hiroyukiwk/items/c65ab4fcd42dc291e1a5