Ankiで独自テンプレート作成

今回はAnkiで4択問題用のカードテンプレートを作成する手順を詳しく説明します。

ステップ1: ノートタイプの作成
ステップ2: フィールドの設定
ステップ3: カードテンプレートの設定
ステップ4: 高度な設定（オプション）
ステップ5: テンプレートのテスト
使用時の注意点
応用機能

ステップ1: ノートタイプの作成

Ankiを開き、メイン画面で「ツール」→「ノートタイプの管理」をクリック
「追加」ボタンをクリック
「標準」を選択して「OK」
ノートタイプ名を入力（例: “4択問題”）

ステップ2: フィールドの設定

「フィールド…」ボタンをクリック
デフォルトのフィールドを削除
以下のフィールドを追加:

Question（質問）
Choice1（選択肢1）
Choice2（選択肢2）
Choice3（選択肢3）
Choice4（選択肢4）
Answer（解答番号）
Explanation（解説）

順番はドラッグで調整できます。

ステップ3: カードテンプレートの設定

「カード…」ボタンをクリック
フロントテンプレート（表側）に以下を入力:

<div class="card">
<div class="question">{{Question}}</div>

<div class="choices">
    <div class="choice">1. {{Choice1}}</div>
    <div class="choice">2. {{Choice2}}</div>
    <div class="choice">3. {{Choice3}}</div>
    <div class="choice">4. {{Choice4}}</div>
</div>
</div>

バックテンプレート（裏側）に以下を入力:

<div class="card">
<div class="question">{{Question}}</div>

<div class="choices">
    <div class="choice">1. {{Choice1}}</div>
    <div class="choice">2. {{Choice2}}</div>
    <div class="choice">3. {{Choice3}}</div>
    <div class="choice">4. {{Choice4}}</div>
</div>

<hr>

<div class="answer-section">
    <div class="answer">解答: {{Answer}}</div>
    <div class="explanation">{{Explanation}}</div>
</div>
</div>

スタイリング（CSS）に以下を入力:

.card {
    font-family: Arial, sans-serif;
    font-size: 18px;
    text-align: left;
    color: black;
    background-color: white;
    line-height: 1.5;
}

.question {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #f8f9fa;
    border-left: 4px solid #007bff;
}

.choices {
    margin: 15px 0;
}

.choice {
    padding: 8px 12px;
    margin: 5px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.answer-section {
    margin-top: 20px;
    padding: 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
}

.answer {
    font-weight: bold;
    color: #28a745;
    margin-bottom: 10px;
}

.explanation {
    color: #6c757d;
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
}