導入:Flutterアプリの「骨格」を理解する
前のセクションでは、開発環境という「キッチン」の準備を整えました。このセクションでは、いよいよ本格的な料理(アプリの開発を始めて)、すべてのFlutterアプリに共通する「骨格」となる、いくつかの重要な基本概念について学びます。
なぜ、これらの概念を学ぶのか?
これから学ぶ「ウィジェット」「状態管理」「非同期処理」といった概念は、一見すると少し抽象的で、難しく感じるかもしれません。
しかし、これらは車で言えば「アクセルとブレーキの踏み方」、料理で言えば「火の通し方や味付けの基本」に相当する、絶対に避けては通れない、そして一度理解すれば一生使える知識です。
コードを書くのはClaudeに任せられます。それでも、人に届けるものの骨格を理解しているかどうかで、AIへの指示の的確さと、出てきたコードを吟味する目が大きく変わります。
これらの「骨格」を理解することで、あなたは以下のようなメリットを得られます。
- エラーへの耐性がつく: なぜエラーが起きたのか、その根本原因を自分で考えられるようになります。
- AIとの対話がスムーズになる: AIに、より的確で質の高い指示を出せるようになります。
- 「おまじない」からの脱却: ただコードをコピー&ペーストするだけでなく、「なぜこのコードが必要なのか」を自分の言葉で説明できるようになります。
難しく考えすぎないで!
このセクションの目的は、すべての概念を完璧に暗記することではありません。
「ああ、Flutterってこういう仕組みで動いているんだな」
「BuildContextって、なんとなくウィジェットの場所情報みたいなものなんだな」
という、ふんわりとしたイメージを掴むことができれば、それで十分です。
それぞれのドキュメントは、できるだけ専門用語を避け、身近な例えを使って解説しています。まずはリラックスして、物語を読むような気持ちで読み進めてみてください。
ここで得た知識は、この後の03_cooking_process(AIとの開発ワークフロー)セクションで、実際に手を動かしながらアプリを作る際に、必ずあなたの助けとなるはずです。
それでは、Flutterの世界で最も重要な概念、「ウィジェット」とは何か、という探検から始めましょう。
➡️ 最初の概念へ: 01_what_is_a_widget.md