イラストスタイルガイド：モダンで親しみやすいフラットベクター風
🎨 決定したスタイル
モダンで親しみやすいフラットベクター風（Modern Flat Vector / Clean Line Art）
学習の旅を、整理された「モダンなテックガイド」として案内するためのスタイルです。可愛らしさを残しつつ、技術的な概念をクリアに伝えることを目的としています。
主な特徴（Key Characteristics）
- 線画 (Line Work): 明確で均一な太さの線（Bold Outlines）。スケッチ風のかすれや揺れはなく、滑らかでクリーンなベクターライン。
- 色使い (Color Palette): フラットな塗り（Flat Colors）。グラデーションや複雑なテクスチャは避け、はっきりとした色分けを行う。Webデザインやアイコンに近い、洗練された配色（ブルー、ティール、オレンジなどを基調に、目に優しいトーン）。
- 雰囲気 (Vibe): プロフェッショナルだが親しみやすい、整理されている、教育的、テックフレンドリー。
- 比喩 (Metaphors): 既存の比喩（積み木、冒険、魔法など）は維持しつつ、それを「子供の落書き」ではなく「デザインされたアイコン/イラスト」として表現する。
ファイル命名規則 (File Naming Convention)
- Format:
idem_ts_study_{番号}_{説明}.png - Example:
idem_ts_study_001_intro_tree.png - 対応するMarkdownファイル名 (
idem_ts_study_{番号}.md) を接頭辞として付けてください。
📝 プロンプトのテンプレート（呪文のひな形）
画像生成AIには以下の英語プロンプトを使用します。（※AIは英語の方が精度が高いため、指示自体は英語で行いますが、意味は以下の通りです）
ポイント: 「日本人向けの画像」にするための指示を追加しています。
- ターゲット: 日本の学習者向け（Japanese learners）。
- 言語ルール: コードや変数は「英語」、それ以外の概念ラベルや吹き出しは「日本語」にするよう指示します。
- ** 画像の中に「対象者：日本語学習者」のような文字を入れたりしないこと。
- ※注: 画像生成AIは複雑な漢字や長文の日本語を描くのが苦手です。文字化けを防ぐため、日本語は「単純な単語（ひらがな・カタカナ推奨）」にするか、文字を減らす方針で生成します。
A modern flat vector illustration of [主題/動作].
The style should be clean, bold, and minimal, resembling high-quality tech editorial illustrations or icons.
Uniform bold outlines, flat colors, no gradients, white background.
Target Audience: Japanese learners. Do NOT render the text 'Target Audience'.
Text/Labels:
- Use ENGLISH for code terms (e.g., 'React', 'useState', 'App').
- Use JAPANESE (Hiragana/Katakana/Kanji) for general labels/speech bubbles if text is needed.
- [オプション詳細: 開発者のキャラクター, 'React'と書かれた木, 積み木など]
（日本語訳）
[主題/動作]を描いた、モダンでフラットなベクターイラスト。 スタイルはクリーンで太い線、ミニマルで、高品質なテック系の記事イラストやアイコンに似ていること。 均一な太い輪郭線、フラットな塗り、グラデーションなし、背景は白。
ターゲット層: 日本人の学習者。（「Target Audience」という文字は描画しないこと） 文字・ラベル:
- コード用語（React, useState, Appなど）は 英語 を使用する。
- 一般的なラベルや吹き出しが必要な場合は 日本語（ひらがな/カタカナ/簡単な漢字） を使用する。
🖼️ 作成予定のイラスト（例）
第1章：イントロダクション
英語: "A modern flat vector illustration of a developer character planting a small tree labeled 'React'. Clean lines, flat colors. Text: 'React' on the tree tag. Character saying 'Start!' in Japanese (Hiragana)."
意味: 「React」というタグがついた小さな木を植えている開発者のキャラクター。クリーンな線、フラットな色。
第3章：コンポーネント（部品）
英語: "A modern flat vector illustration of wooden building blocks being stacked to form a castle. Clean geometric shapes. Each block represents a 'Component'. Label blocks with 'Header', 'Main', 'Footer' (English code terms)."
意味: 木の積み木を積み上げてお城を作っている様子。幾何学的でクリーンな形状。
第32章：useState（状態管理）
英語: "A modern flat vector illustration of a magic box that changes color when touched. Simple icon style. Representing 'State' in React. Label the box 'State'."