紹介

紹介

ankieditor とはどんなツールですか

ankieditor は、Ankiのカードテンプレートをコードを書かずに編集できる無料のウェブツールです。 Ankiからコピーしたテンプレート(表面/裏面/スタイル)を貼り付けると実際のカードのようなプレビューが表示され、 変えたい部分をクリックしてフォント・文字サイズ・色を選ぶと、修正されたコードが作られます。 そのコードをコピーしてAnkiに貼り戻せば完了です。インストールも会員登録も必要ありません。

作った理由

Ankiは素晴らしい暗記ツールですが、カードの見た目を変えるにはHTMLとCSSを知っている必要があります。 文字サイズをひとつ変えるために検索し、やっと見つけたコードを貼り付けてはテンプレートが壊れる、ということが 私自身にも繰り返し起きました。そこで、カードで変えたい部分をクリックして選ぶだけで使える ツールを自分で作りました。

こんなことができます

  • フォント・文字サイズ、文字色、背景色、行揃え、行間をクリックで変更
  • 区切り線の追加と線の幅・太さ・色の調整、要素の移動・削除、要素の下の余白の調整
  • フィールドの追加と、フィールドのサンプル値による実際のカードに近いプレビュー
  • カードの最大幅の指定、名前を付けて保存できるマイテンプレート
  • 既定のノートタイプのプリセット(Basic · Basic (type in the answer) · Cloze)と、 穴埋め・答えの入力カードの忠実なプレビュー
  • 夜間モードのプレビューと夜間専用の色指定 — Ankiの夜間モードでどう見えるかを確認し、 夜間にだけ適用される文字・背景・区切り線の色をクリックで指定
  • {{フィールド}} 変数はカプセル型で保護され、編集中に壊れません

詳しい流れは 使い方に、テンプレートをきれいに整える方法は ヒント(英語)にまとめてあります。

データはブラウザーにのみ保存されます

ankieditor はサーバーを使わず、ブラウザーの中だけで動きます。貼り付けたテンプレートや保存した マイテンプレートは使用中のブラウザー(localStorage)にのみ残り、どこにも送信されません。 そのため、インターネットに上げるのがためらわれる個人の学習資料でも安心して貼り付けられます。 詳しい内容は プライバシーポリシーにあります。

これから

自分で使いながら見つけた不便な点やユーザーからのお問い合わせを反映して機能を整え、 Ankiのカードを見やすくするヒントの記事を追加していく予定です。

お問い合わせ

バグの報告、機能のご提案、その他のお問い合わせは gggg6699@gmail.com までお送りください。 (お問い合わせページ