Tools

Ankiのフィールドに表を記述する

投稿日:2021年10月8日 更新日:

1. はじめに

Anki のフィールドに表を記述したい場合、テンプレートとして利用できる HTML を紹介します。

2. フィールド用の表テンプレート (HTML)

早速ですが、「表」のHTMLテンプレートは以下になります。

<table style=" 
   border-collapse: collapse; 
   border-spacing: 0; 
   box-sizing: border-box; 
   border: 1px solid #999; 
   margin-bottom: 20px; 
   font-size:90%;">
<caption>ギリシャ文字</caption>
<thead>
<tr style="background-color: #90ee90;">
  <th style="padding: 5px;border: 1px solid #999;">小文字</th>
  <th style="padding: 5px;border: 1px solid #999;">大文字</th>
  <th style="padding: 5px;border: 1px solid #999;">読み</th>
</tr>
</thead>
<tbody>
<tr>
  <td style="padding: 5px;border: 1px solid #999;text-align:center;">α</td>
  <td style="padding: 5px;border: 1px solid #999;text-align:center;">Α</td>
  <td style="padding: 5px;border: 1px solid #999;">alpha</td>
</tr>
<tr>
  <td style="padding: 5px;border: 1px solid #999;text-align:center;">β</td>
  <td style="padding: 5px;border: 1px solid #999;text-align:center;">Β</td>
  <td style="padding: 5px;border: 1px solid #999;">beta</td>
</tr>
</tbody>
</table>

これを編集して、目的の表にすることを想定しています。

フィールドに表を書く上で面倒なのは、「CSS (スタイル) も、この中で記述しないといけない」という点です。このテンプレートでは、style 属性にスタイルを書きまくっています。

3. フィールドに表を記述する

念の為、表を記述する手順を説明します。

予めデッキブラウザを開き、目的のカードを選択しておきます。

そして、目的のフィールドをクリックしてフォーカスを当て、右上のメニューの中にある「HTML を編集」を選択します。

フィールドのHTMLを編集する手順

すると、HTML エディタが開くので、ここに 表のHTMLを記述します。

HTML エディタ

記述を終えたら「閉じる」ボタンを押します。

以上の操作により、そのフィールドに表が表示されているはずです。

表が表示されます

4. もっと複雑な表を書きたい場合

もっと複雑な表を書きたい場合は、以下のようなサービスを利用して、書きたい表のHTMLを生成させることをお勧めします。

但し、CSS (スタイル) は後から追加する必要があります(必要であれば)。

5. おわりに

Anki ファンの皆様、是非ご活用ください?。

📂-Tools
-

執筆者:labo


comment

メールアドレスが公開されることはありません。

関連記事

Git

Git で管理を始める時に実行するコマンド

あるディレクトリを Git でバージョン管理する場合に、最初に実行しているコマンドを紹介します。 (1) Git で管理するディレクトリに移動 $ cd path/to/dir (2) Git管理開始 …

Anki

Anki のデッキ(単語帳)は、基本的に階層構造にはしていません

Anki のデッキ(単語帳)は、基本的に階層構造にはしないという方針について説明します。

データベース管理ツール Adminer

目次1. Adminer とは?2. Adminer の特徴A. たった1つのPHPファイルで動作するB. MySQL の多くの機能に対応しているC. 対応データベースが多いD. ユーザーインターフェ …

Git

Git でユーザー名とメールアドレスを設定する方法(全体用とプロジェクト用)

Git で、ユーザー名とメールアドレスを設定する方法です。(1) 全体の設定方法と、(2) プロジェクト毎の設定方法の2つを紹介します。 目次1. プロジェクトをまたいだ全体の設定(グローバル, gl …

ICTリテラシー

手軽に画像ファイル(PNG,JPEG)のサイズを小さくする TinyPNG サイト

PNG や JPEG 形式の画像ファイルを、なるべく見た目の品質を維持しつつ、ファイルサイズを小さくしたい場合は、TinyPNG というウェブサイトが手軽で便利です。