digital-worked-example-sequence について
教師向けに、完全な解答例から自力での問題解決へ進むデジタル教材の系列を設計するスキルです。段階的な手順の省略、自己説明プロンプト、画面上の提示方法を組み合わせ、学習者の能動的な処理を促します。
主な機能
- 01完全例から自力演習までの系列設計
- 02解答手順を段階的に省略
- 03各段階に自己説明プロンプトを配置
- 04デジタル表示と操作方法の指定
活用シーン
- 01数学や手順技能の指導
- 02段階表示型プラットフォーム向け授業設計
- 03初学者を例題から演習へ移行
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ garethmanning/ education-agent-skills --skill digital-worked-example-sequenceインストール後、Claude Code で/digital-worked-example-sequenceを入力して読み込まれたか確認します。
詳細
デジタル向け解説付き例題シーケンス
このスキルでできること
デジタルでの提供に最適化した解説付き例題シーケンスを設計します。自己説明プロンプト、体系的なフェーディングスケジュール、紙にはないデジタル環境の利点を生かすインタラクティブ設計を組み込みます。このシーケンスでは、すべての手順が示され説明される完全な解説付き例題の学習から、学習者が解くために徐々に多くの手順が省かれるフェーディング例題を経て、自力での問題解決へと進みます。Renkl(2014)の重要な知見は、解説付き例題が学習を促すのは、学習者が積極的に処理した場合に限られるということです。解説付き例題を受動的に読むだけでは、例題がない場合と比べてほとんど効果はありません。デジタルで提供することで、各手順での自己説明プロンプト、フェーディングされた手順への即時フィードバック、成績に応じた学習ペースの調整といった独自の機会が生まれる一方、画面要素間で注意が分散すること、マルチメディアによる認知的過負荷、考えずにクリックして先へ進む誘惑といった独自のリスクも生じます。出力には、例題シーケンス全体、組み込まれた自己説明プロンプト、具体的なフェーディングスケジュール、デジタル設計の仕様が含まれます。効果的なデジタル向け解説付き例題シーケンスの設計では、内容設計(数学的または手順上のステップ)、認知設計(フェーディングスケジュール、自己説明のポイント)、インターフェース設計(ステップをどのように表示するか、プロンプトをどこに表示するか、フィードバックをどのように提供するか)を調整する必要があります。これら3つの設計要素を連携させなければならないため、ここではAIが特に役立ちます。
根拠となる研究
Sweller、van Merriënboer、Paas(2019)は、現代のデジタル学習環境に合わせて認知負荷理論を更新し、デジタル環境に特有の新たな余計な負荷の要因として、一時的な情報(表示された後に消えるコンテンツ)、画面上の複数の領域間での注意の分散、マルチメディア提示における冗長性を特定しました。デジタル向け解説付き例題では、慎重な設計によってこれらの負荷要因を管理する必要があると強調しています。Renkl(2014)は、解説付き例題に関する25年間の研究をまとめ、次のような指導原則を示しました。例題は構造化する(手順を明確に区分する)、自己説明を促す(偶然に任せない)、フェーディングは体系的に行う(一度に1つの手順を、最も最近学習した手順から省く)、自力演習への移行は段階的に行うことです。Atkinsonら(2000)は、基礎となる原則を確立しました。解説付き例題は初心者の学習者に最も効果的であること(熟達者には「熟達度逆転効果」が生じ、例題が冗長で逆効果になる)、例題はまとまった単位で提示するのではなく、演習問題と交互に提示すること、そして重要なメカニズムはスキーマの獲得(問題の種類ごとのメンタルテンプレートを構築すること)であることです。Renkl、Atkinson、Große(2004)は、解答手順を一度に1つずつ省く体系的なフェーディングが、完全な例題から完全な問題へと急に移行する方法よりも大幅に効果的であることを実証しました。WylieとChi(2014)は、マルチメディアの解説付き例題に自己説明プロンプトを組み込むと、プロンプトのない解説付き例題と比べて学習効果が大きく向上することを示しました。これは、各手順を積極的に処理するよう促すためです。
入力スキーマ
教師は次の情報を入力してください。
- 指導するスキル: 具体的な手順。例:「消去法による連立方程式の解法」/「論拠のバランスが取れた段落の作成」/「単位の換算」/「Python で再帰関数を書く」
- 対象プラットフォーム: 提供に使用する場所。例:「クイズを埋め込んだ Google Slides」/「手順ごとに表示するカスタムウェブアプリ」/「インタラクティブ PDF」/「学習管理システム(Canvas/Moodle)」
任意(利用できる場合はコンテキストエンジンによって追加):
- 学習者のレベル: 学年と習熟度
- 教科: カリキュラム上の教科
- シーケンスの長さ: 例題の数
- インタラクティブ性のレベル: プラットフォームの機能
- 学習者データの有無: システムが適応的に動作するかどうか
プロンプト
You are an expert in digital worked example design, with deep knowledge of Sweller et al.'s (2019) updated cognitive load theory for digital contexts, Renkl's (2014) instructional principles for example-based learning, Atkinson et al.'s (2000) foundational worked example research, Renkl, Atkinson & Große's (2004) systematic fading procedure, and Wylie & Chi's (2014) research on self-explanation in multimedia learning. You understand that digital worked examples are not PDFs of paper examples displayed on a screen — they are interactive learning tools that exploit digital affordances (step-by-step reveal, embedded prompts, immediate feedback, adaptive pacing) while managing digital risks (transient information, split attention, passive clicking).
CRITICAL PRINCIPLES:
- **Self-explanation at EVERY step.** The single most powerful design feature is a self-explanation prompt after each step: "Why did we do this?" or "What rule is being applied here?" Without self-explanation, students click through examples like a slideshow — seeing without processing. Renkl (2014) showed that prompted self-explanation is the mechanism that converts passive observation into active learning.
- **Systematic fading, not abrupt transition.** The sequence should remove ONE step at a time, starting with the LAST step (backward fading) or the step that students find easiest. Each faded step becomes a "completion problem" — the student must supply the missing step. The transition from full example to independent problem should be so gradual that students barely notice when they're doing it on their own.
- **Digital pacing: reveal steps one at a time.** Don't display the entire solution at once — this creates extraneous load and encourages scanning rather than studying. Reveal one step at a time, with the self-explanation prompt BEFORE the next step is shown. This forces students to process each step before moving on.
- **Immediate, targeted feedback on faded steps.** When a student fills in a faded step, provide immediate feedback: correct (with brief confirmation) or incorrect (with a hint addressing the specific error, not just "try again"). This is where digital delivery excels over paper.
- **Manage split attention.** The problem, the example steps, the self-explanation prompts, and the feedback must be spatially integrated — not spread across different areas of the screen. The student should never have to hold information from one screen area in working memory while looking at another area.
Your task is to design a digital worked example sequence for:
**Skill to teach:** {{skill_to_teach}}
**Target platform:** {{target_platform}}
The following optional context may or may not be provided. Use whatever is available; ignore any fields marked "not provided."
**Student level:** {{student_level}} — if not provided, design for secondary school novice learners.
**Subject area:** {{subject_area}} — if not provided, infer from the skill.
**Sequence length:** {{sequence_length}} — if not provided, design 6 examples (2 full, 2 faded, 2 independent).
**Interactivity level:** {{interactivity_level}} — if not provided, design for step-by-step reveal with text input for faded steps.
**Student data available:** {{student_data_available}} — if not provided, design a fixed sequence with optional adaptation notes.
Return your output in this exact format:
## Digital Worked Example Sequence: [Skill]
**Skill:** [What students learn]
**Platform:** [Where it's delivered]
**Sequence structure:** [How many examples, from full to faded to independent]
### Sequence Overview
[The progression from fully worked to fully independent — what each example does]
### Example [N]: [Full / Faded-1 / Faded-2 / Independent]
**Problem:** [The problem to solve]
**Steps shown vs. faded:**
[Which steps are shown, which are faded (student completes), which have self-explanation prompts]
**Step-by-step design:**
For each step:
- **Step [N]:** [The step — shown or faded]
- **Self-explanation prompt:** [The question students answer before seeing the next step]
- **If faded — expected student input:** [What the student should enter]
- **Feedback on faded step:** [Immediate feedback — correct or incorrect with hint]
### Fading Schedule
[The precise schedule: which steps fade in which example, and why this order]
### Digital Design Specifications
**Pacing:** [How steps are revealed — one at a time, with forced pause at self-explanation prompts]
**Layout:** [How the screen is organised — problem, steps, prompts, feedback integrated to avoid split attention]
**Feedback timing:** [When and how feedback appears]
**Navigation:** [Can students go back? Can they skip ahead? Design choices and rationale]
### Adaptation Notes
[How the sequence could adapt based on student performance — if the platform supports it]
**Self-check before returning output:** Verify that (a) every step has a self-explanation prompt, (b) fading is systematic and gradual, (c) steps are revealed one at a time, (d) feedback on faded steps is immediate and specific, and (e) split attention is managed through integrated layout.
出力例
シナリオ: 教えるスキル:「消去法による連立方程式の解法 — 例:2x + 3y = 12 と 4x - 3y = 6。生徒が身につける必要があること:消去する変数を特定する、方程式を加算または減算する、一方の変数を解く、もう一方の変数を求めるために代入する。」 / 対象プラットフォーム:「カスタムウェブアプリ — 手順を一度に1つずつ表示し、テキスト入力を受け付け、即時フィードバックを提供できる」 / 生徒のレベル:「Year 10。1変数の一次方程式の解き方を学んだばかりで、連立方程式に初めて取り組む」 / シーケンスの長さ:「6つの例(完全解説2つ、段階的に解説を減らした例2つ、自力で解く例2つ)」
デジタル解説例シーケンス:消去法による連立方程式
スキル: 消去法による連立方程式の解法 プラットフォーム: カスタムウェブアプリ(段階的な表示、テキスト入力、即時フィードバック) シーケンスの構成: 6つの例 — E1〜E2(完全解説)、E3〜E4(段階的に解説を減らす)、E5〜E6(ヒントを利用できる自力演習)
シーケンスの概要
| 例 | 種類 | 表示される手順 | 解説が省かれる手順 | 目的 |
|---|---|---|---|---|
| E1 | 完全解説例 | 5つの手順すべて | なし | 生徒がすべての手順を確認し、自分の言葉で説明する |
| E2 | 完全解説例(異なる数値) | 5つの手順すべて | なし | 数値に変化をつけて手順を強化する |
| E3 | 解説を省略 — 手順5を省略 | 手順1〜4 | 手順5(最後の代入) | 生徒が最も簡単な手順を完了する |
| E4 | 解説を省略 — 手順4と5を省略 | 手順1〜3 | 手順4〜5(解いて代入する) | 生徒が最後の2つの手順を完了する |
| E5 | 自力演習(ヒントを利用可能) | なし | すべての手順 | 生徒が自力で解く。ヒントの段階的な提示が可能 |
| E6 | 自力演習(ヒントなし) | なし | すべての手順 | 完全な自力演習 |
例1:完全解説例
問題: 連立方程式を解きます:2x + 3y = 12(方程式1)と 4x - 3y = 6(方程式2)
手順1 — 消去できる項を見つける 表示: 「yの項を見てみましょう:+3yと-3yです。絶対値が同じで、符号が反対です。方程式を加えると、yの項は消去されます。」 自己説明プロンプト: 「この2つの方程式を加えてよいのはなぜですか?+3yと-3yを加えると、yの項はどうなりますか?」[次の手順が表示される前に、生徒が回答を入力] 生徒の回答後に表示される模範解答: 「+3y + (-3y) = 0です。yの項は加法逆元なので、打ち消し合います。」
手順2 — 方程式を加える 表示: 「(2x + 3y) + (4x - 3y) = 12 + 6 → 6x + 0y = 18 → 6x = 18」 自己説明プロンプト: 「左辺同士と右辺同士を加えました。これが許されるのはなぜですか?(ヒント:どちらの方程式も正しいので、両辺は等しいです。)」
手順3 — xを解く 表示: 「6x = 18 → x = 18 ÷ 6 → x = 3」 自己説明プロンプト: 「ここで、1変数の方程式が得られました。これはすでに解き方を知っていますね。どの演算を使いましたか?」
手順4 — 元の方程式に代入する 表示: 「x = 3を方程式1に代入します:2(3) + 3y = 12 → 6 + 3y = 12 → 3y = 6 → y = 2」 自己説明プロンプト: 「方程式2ではなく、方程式1に代入したのはなぜですか?(実際には、どちらでもかまいません。方程式2に代入して確かめられますか?)」
手順5 — 解を確かめる 表示: 「確認:方程式1:2(3) + 3(2) = 6 + 6 = 12 ✓。方程式2:4(3) - 3(2) = 12 - 6 = 6 ✓。解:x = 3、y = 2。」 自己説明プロンプト: 「片方だけでなく、両方の方程式で確かめることが重要なのはなぜですか?」
例3:フェード — ステップ5を削除
問題: 3x + 2y = 16 と 5x - 2y = 8 を同時に解きます。
E1と同じ構成で、ステップ1〜4を(自己説明のプロンプトとともに)表示します。
ステップ5 — フェード(学生が解答): 表示: 「x = 3、y = 3.5 であることがわかりました。両方の方程式に代入して、解を確認しましょう。」 学生の入力欄: [2つのボックス:「方程式1:3()+ 2()= 」と「方程式2:5()- 2(___)= ___」] 期待される入力: 方程式1:3(3) + 2(3.5) = 9 + 7 = 16 ✓。方程式2:5(3) - 2(3.5) = 15 - 7 = 8 ✓。 正解の場合のフィードバック: 「両方の方程式が成り立っています。解が正しいことを確認できました。」 不正解の場合のフィードバック: 「計算を確認しましょう。x = 3、y = 3.5 をそれぞれの方程式に慎重に代入してください。」
例4:フェード — ステップ4と5を削除
問題: x + 4y = 14 と 3x - 4y = 2 を同時に解きます。
ステップ1〜3を表示します。方程式を足すと、4x = 16 なので x = 4 です。
ステップ4 — フェード: 表示: 「x = 4 であることがわかっています。y を求めるために、方程式1に代入しましょう。」 学生の入力欄: [y = ___] 期待される入力: y = 2.5(4 + 4y = 14 → 4y = 10 → y = 2.5 より) 正解の場合のフィードバック: 「正解です!解を確認しましょう。」 不正解の場合のフィードバック(例:y = 10): 「割り算を忘れた可能性があります。4y = 10 は y = 10 ÷ 4 という意味です。もう一度試してください。」
ステップ5 — フェード: [E3と同様]
フェードのスケジュール
| 例 | ステップ1(特定) | ステップ2(加算/減算) | ステップ3(解く) | ステップ4(代入) | ステップ5(確認) |
|---|---|---|---|---|---|
| E1 | 表示 | 表示 | 表示 | 表示 | 表示 |
| E2 | 表示 | 表示 | 表示 | 表示 | 表示 |
| E3 | 表示 | 表示 | 表示 | 表示 | フェード |
| E4 | 表示 | 表示 | 表示 | フェード | フェード |
| E5 | フェード | フェード | フェード | フェード | フェード |
| E6 | フェード | フェード | フェード | フェード | フェード |
フェードの仕組み: ステップは最後から最初へ(逆順に)フェードします。手順として最も簡単なステップ5(確認)が最初にフェードします。最も戦略的な思考が求められるステップ1(消去できる箇所の特定)が最後にフェードします。これにより、学生は難しいステップの足場かけを受けながら、まず簡単なステップを自力で進められます。
デジタル設計仕様
進行方法: 各ステップは「次のステップ」ボタンをクリックすると表示されます。自己説明のプロンプトは次のステップの前に表示され、次のステップを表示するボタンが有効になる前に、学生は(最小5文字の)回答を入力する必要があります。これにより、考えずに先へ進むことを防ぎます。
レイアウト: 問題は画面の上部に表示され、常に見える状態を保ちます。ステップは問題の下に順番に表示されます。新しいステップは前のステップの下に追加されるため、学生は解答が積み重なっていく様子を確認できます。自己説明のプロンプトは、各ステップのすぐ下にインラインのテキストボックスとして表示されます。フェードしたステップは、ステップのラベル(「ステップ4:代入してyを求める」)は表示されたまま、内容が空欄の入力欄として表示されます。
フィードバックのタイミング: フェードしたステップでは、学生が回答を送信するとすぐにフィードバックが表示されます。正解の場合:簡潔な確認メッセージと緑色のチェックマーク。不正解の場合:琥珀色で強調表示し、具体的なヒントを示します(単に「不正解」とするのではなく、間違いとして考えられる箇所を示します)。正解と解説が表示されるまで、学生は2回再試行できます。
ナビゲーション: 学生は前のステップを見直すために上へスクロールできますが、先のステップへ進むことはできません。先へ進む前に、各ステップの自己説明プロンプトに回答する必要があります。自己説明の回答をさかのぼって修正することはできます。例題が完了すると、すべてのステップをまとめて表示する「要約」ビューが表示されます。
適応に関する注意事項
プラットフォームが生徒の回答を追跡する場合:
- 生徒がすべての自己説明に正しく答え、手順を段階的に省略した問題を初回で解き終えた場合: E2(2つ目の完全な例題)をスキップし、E3に直接進みます。追加の完全な例題は必要ありません。
- 生徒が段階的に省略した手順に苦戦した場合(誤答が2回以上): E4とE5の間に、さらに1つだけ手順を省略した例題を追加します。早々に完全な自力解決へ移行しないでください。
- 生徒の自己説明から特定の誤解が明らかになった場合: 順序を続ける前に、その誤解に対処する短い個別レッスンに分岐します。
既知の制限事項
-
例題の解説は、初学者に最も効果的です。 生徒の習熟度が上がるにつれて、例題の解説は冗長になり、実際には学習の妨げになることがあります(「熟達度逆転効果」— Kalyuga et al., 2003)。この順序は、生徒が連立方程式に初めて取り組むことを想定して設計されています。すでにある程度習熟している生徒には、段階的に手順を省略する順序の後半から始めるか、自主練習に進んでください。
-
デジタルの自己説明プロンプトは、形式的なものになりがちです。 生徒は、次の手順に進むための最低限の回答を入力するだけで、真剣に取り組まなくなることがあります。設計上の工夫(最低文字数の設定、答えの前にプロンプトを表示)によりこの問題を軽減できますが、抜け道を利用する行為を完全に防ぐことはできません。授業で使用する場合、教師は生徒の自己説明の回答を定期的に確認し、真剣に取り組んでいるかを確かめる必要があります。
-
上記の段階的な省略スケジュールは固定された順序です。 真に適応的な省略では、生徒ごとの成績に応じて進度を調整します。習熟を示す生徒にはより速く手順を省略し、苦戦している生徒にはよりゆっくり進めます。この固定スケジュールは、適応機能のないプラットフォーム向けの実用的なデフォルト設定です。追跡機能のあるプラットフォームでは、適応に関する注意事項を使って進度を個別に調整してください。