study-notes-creator

学習ノート作成ツール

ソース資料を、テーマ別フォルダ、豊富な図解、例題ベースの学習を備えた、整理された視覚的な学習ノートに変換します。

ワークフロー

flowchart LR
    A[Source Materials] --> B[Extract Topics]
    B --> C[Plan Structure]
    C --> D[Create Notes]
    D --> E[Add Diagrams + Examples]
    E --> F[Build Index]

---

ステップ 1: ソースを理解する

1. ソースを読む - PDF、講義ノート、既存のドキュメント
2. 主要トピックを 5〜8 個特定する - 主要なテーマ
3. サブトピックを見つける - 各テーマの下に何が該当しますか?
4. 例題の機会をメモする - 実際の例が役立つのはどこですか?

---

ステップ 2: フォルダ構造を計画する

subject/
├── README.md                    # Master index
├── concepts/                    # Core theory
│   ├── 01-introduction.md
│   └── 02-fundamentals.md
├── techniques/                  # How-to procedures
│   ├── 01-method-a.md
│   └── 02-method-b.md
├── examples/                    # Worked problems
│   ├── 01-basic-examples.md
│   └── 02-advanced-examples.md
└── practice/                    # Exercises
    └── 01-exercises.md

---

ステップ 3: ノートのテンプレート

# [Topic Title]

One sentence summary.

## Overview

[Mermaid diagram showing the main concept]

## Key Concepts

### Concept 1

Brief explanation.

**Example:**
[Concrete example with real-world scenario]

## Summary Table

| Term | Definition | Example |
|------|------------|---------|
| A | What A is | Real use case |

## Practice Problems

1. Problem statement
   <details>
   <summary>Solution</summary>
   Step-by-step solution
   </details>

## Related

- [[other-note]] - Connection

---

ステップ 4: Mermaid 図 (主要)

フローチャート (プロセスの流れ)

flowchart LR
    A[Start] --> B[Process]
    B --> C{Decision}
    C -->|Yes| D[Action]
    C -->|No| E[End]

用途: プロセス、決定木、アルゴリズム、ワークフロー

フローチャート TB (階層/ツリー)

flowchart TB
    A[Main Topic] --> B[Branch A]
    A --> C[Branch B]
    A --> D[Branch C]
    B --> E[Detail 1]
    B --> F[Detail 2]
    C --> G[Detail 3]

用途: 分類体系、分類、組織図、トピックの内訳

シーケンス図

sequenceDiagram
    participant A as Actor
    participant S as System
    A->>S: Request
    S-->>A: Response
    A->>S: Follow-up

用途: インタラクション、会話、API 呼び出し、因果関係の連鎖

状態図

stateDiagram-v2
    [*] --> Idle
    Idle --> Active : Start
    Active --> Success : Complete
    Active --> Error : Fail
    Error --> Idle : Retry
    Success --> [*]

用途: ライフサイクル、ステータスの変化、フェーズ、状態機械

サイクル図

flowchart LR
    A[Stage 1] --> B[Stage 2]
    B --> C[Stage 3]
    C --> D[Stage 4]
    D --> A

用途: 水の循環、フィードバックループ、反復プロセス、ライフサイクル

タイムライン

timeline
    title Historical Events
    1800 : Event A
    1850 : Event B
    1900 : Event C
    1950 : Event D

用途: 歴史的な年表、プロジェクトのフェーズ、概念の変遷

マインドマップ

mindmap
  root((Topic))
    Branch A
      Detail 1
      Detail 2
    Branch B
      Detail 3
      Detail 4

用途: ブレインストーミング、トピックの概要、概念の関係

---

ステップ 5: ASCII 図 (エッジケース)

ASCII は次の場合にのみ使用してください:

• カスタムテキストレイアウトを伴う概要ボックス
• レイヤー/スタック図
• 比較レイアウト

概要ボックス

┌─────────────────────────────────────────────────────────────────────────────┐
│                              TOPIC TITLE                                    │
├─────────────────────────────────────────────────────────────────────────────┤
│                                                                             │
│  Key Point 1    Key Point 2    Key Point 3                                  │
│      │              │              │                                        │
│  [details]      [details]      [details]                                    │
│                                                                             │
└─────────────────────────────────────────────────────────────────────────────┘

レイヤー/スタック

┌─────────────────────────────────────────────────────────────────────────────┐
│                              Layer 4 (Top)                                  │
├─────────────────────────────────────────────────────────────────────────────┤
│                              Layer 3                                        │
├─────────────────────────────────────────────────────────────────────────────┤
│                              Layer 2                                        │
├─────────────────────────────────────────────────────────────────────────────┤
│                              Layer 1 (Bottom)                               │
└─────────────────────────────────────────────────────────────────────────────┘

罫線文字リファレンス

Corners: ┌ ┐ └ ┘   Lines: ─ │   T-joints: ├ ┤ ┬ ┴   Arrows: ▶ ▼ ◀ ▲

---

ステップ 6: 例題ベースの学習パターン

パターン 1: 概念 → 例 → バリエーション

## [Concept Name]

**Definition:** Brief explanation.

**Example:**
[Concrete, real-world scenario]

**Variation:**
What if [different condition]? → [Different outcome]

分野横断的な例:

科目	概念	例	バリエーション
生物学	浸透	塩水中の赤血球は縮む	純水では? → 細胞は膨張する
経済学	需要と供給	OPEC が生産を削減すると原油価格が上昇する	新しい油田が発見されたら? → 価格が下落する
物理学	運動量	同じ速度のボウリングのボールとテニスボール	同じ質量で速度が違う場合は?
歴史	原因と結果	産業革命 → 都市化	蒸気機関がなかったら?

パターン 2: 問題 → 解決策 → 説明

**Problem:** [Specific question]

**Solution:**
Step 1: [Action]
Step 2: [Action]
Result: [Answer]

**Why it works:** [Underlying principle]

パターン 3: 比較と対比

観点	トピック A	トピック B
特徴 1	...	...
特徴 2	...	...

類似点: 両方とも... 主な違い: A は...であるのに対し、B は...

---

ステップ 7: インデックスを構築する

# [Subject Name]

Brief description.

## Quick Navigation

### 📚 Core Concepts
- [[concepts/01-topic|Topic Name]] - Brief description

### 🔧 Techniques/Methods
- [[techniques/01-method|Method Name]] - Brief description

### 💡 Examples
- [[examples/01-basic|Basic Examples]] - Start here

---

*Last updated: YYYY-MM-DD*

---

品質チェックリスト

• すべてのノートに少なくとも 1 つの Mermaid 図がある
• すべての概念に少なくとも 1 つの具体的な例がある
• 例は現実的で共感できるシナリオを使用している
• フォルダ構造は読む順序に従って番号付けされている
• README がすべてのノートにリンクしている
• Wikilink が関連するトピックをつないでいる