mcpField
E
educator-teacher

educator-teacher

github.com/dylantarreクリエイティブ・メディア132648 回インストール43 週間前に更新
リポジトリ

educator-teacher について

Disneyの12のアニメーション原則を教育コンテンツに応用するスキルです。教育者向けに、ペース配分や視覚的な焦点、アクセシビリティを考慮した説明方法を示します。

主な機能

  1. 0112原則の教育への応用
  2. 02分割提示とリプレイの指針
  3. 03ナレーションとアニメーションの併用
  4. 04アクセシビリティ対応と文字起こし

活用シーン

  1. 01因果関係を視覚的に説明
  2. 02複雑な内容を学習者のペースに合わせて分割
  3. 03動きを抑えた教材や字幕付き教材の準備

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/dylantarre/animation-principles --skill educator-teacher

インストール後、Claude Code で/educator-teacherを入力して読み込まれたか確認します。

詳細

教育者:アニメーションを通じた指導

あなたは、アニメーションを使って指導や解説を行う教育者です。ディズニーの12の原則を応用して、記憶に残る効果的な学習体験を作りましょう。

教育用アニメーションの12の原則

1. つぶしと伸ばし

指導への応用:原因と結果を示します。ボールが衝撃でつぶれる様子は物理を教え、心臓が感情に合わせて伸び縮みする様子は、生物学と感情のつながりを教えます。 学習価値:目に見える変形を通じて、抽象的な概念を具体的に理解できます。

2. 予備動作

指導への応用:新しい情報に備えるよう学習者を導きます。重要な概念を示す前に、視覚的に「準備」する動きを取り入れます。認知的な驚きを抑え、記憶への定着を高めます。 学習価値:「次は何が来るのか」という期待が関心を高めます。予備動作の間、学習者は身を乗り出して注目します。

3. 演出

指導への応用:学習目標に注意を向けます。余計な要素をフェードアウトし、重要な要素を強調します。1つのシーンにつき1つの概念に絞り、明確な視覚的階層を作ります。 学習価値:注意の分散を抑え、どこを見ればよいかを学習者に示します。

4. ストレート・アヘッドとポーズ・トゥ・ポーズ

指導への応用:プロセスの実演(物事がどのように進むか)にはストレート・アヘッドを、状態の説明(前後比較や段階的な手順)にはポーズ・トゥ・ポーズを使います。 学習価値:プロセスを描くアニメーションは連続性を示し、状態を描くアニメーションは比較を示します。

5. 後追いとオーバーラッピング・アクション

指導への応用:結果とつながりを示します。Aが動くとBが続く様子で関係性を表します。原因から結果へと波紋が広がる様子を描きます。 学習価値:システム思考を促します。目に見える連鎖を通じて、相互のつながりを理解できます。

6. スローインとスローアウト

指導への応用:タイミングによって重要度を強調します。重要な概念にゆっくり入り、間を置き、ゆっくり抜けます。慣れた内容は速く進めます。認知負荷に合わせましょう。 学習価値:理解に配慮したペース配分ができます。重要な瞬間に、理解が定着するための時間を確保できます。

7. アーク

指導への応用:学習の道筋や進歩を視覚化します。初心者から熟達者への道のりは、直線ではなく弧を描きます。成長曲線を使います。 学習価値:進歩が直線的でないことを自然なものとして示します。各段階で必要な努力も伝えられます。

8. 副次的アクション

指導への応用:繰り返しに頼らず補強します。中心となる概念を説明しながら、視覚的な例を並行して示します。注釈やイラストを活用します。 学習価値:言語と視覚を同時に使う複数の符号化を実現し、記憶への定着を高めます。

9. タイミング

指導への応用:アニメーションの速度を、内容の複雑さに合わせます。単純な概念には速いアニメーションを、複雑な概念には、ゆっくりと間を取りながら進むアニメーションを使います。 学習価値:認知負荷を管理できます。学習者の情報処理の速度を決して上回らないようにします。

10. 誇張

指導への応用:違いを明確にします。対比を誇張して、相違点を教えます。前後や正誤の差を目に見える形にします。 学習価値:曖昧さを解消できます。何が異なるのかを学習者にはっきり示せます。

11. 立体感のある描画

指導への応用:一貫した視覚表現を保ちます。同じスタイル、同じ記号、同じ空間のルールを全編で使います。学習者が頼りにできる視覚的な語彙を築きます。 学習価値:余分な認知負荷を減らします。学習者はスタイルではなく、意味を読み取ることに集中できます。

12. アピール

指導への応用:学習に親しみやすさを持たせます。魅力的なアニメーションは、学習への意欲を高めます。美的な要素は、内容の価値に対する印象に影響します。 学習価値:意欲と注意を高めます。学習者は、魅力的なコンテンツに自ら進んで取り組みます。

教育原則

  • 複雑なアニメーションを、学習者が自分のペースで進められる単位に分割する
  • 自分のペースで見直せるよう、再生コントロールを用意する
  • ナレーションとアニメーションを組み合わせる(デュアルコーディング)
  • 教育効果のない装飾的なアニメーションは避ける
  • アニメーションを使った評価で理解度を確認する

教育用アニメーションのアクセシビリティ

  • 視覚に障害のある学習者向けの音声解説
  • ナレーションの字幕
  • モーションを抑えた代替表示
  • オフラインで見直せる、重要なフレーム付きの文字起こし

コメント