Ankiで医師国家試験をQB風の綺麗なデザインで解く方法

みなさん、Ankiやってますか？
この記事は前回ご紹介したAnkiに医師国家試験やCBTのQBをコピーする記事のデザイン編です。
続きの記事になるので、前回の記事を読んでいない方は下記のリンクからどうぞ。

CBT版QBの人はこちら

今回はAnkiでクエスチョンバンク風のデザインで問題を解くためのコードをご紹介します。

ストレスなく勉強を続けていくために、できるだけノイズを省きましょう。シンプルなデザインに仕上げているので、気が散ることなく勉強することができます。

以下サンプル画像です。

問題文

解説

ダークモード対応

注意事項

なお今回ご紹介するコードは前回の記事通りにQBをコピーした方向けに作っています。
前回の記事通りにAnkiの設定をしていないと、このコードをそのまま使用しても上記のデザインになりません。

また少しずつ機能を追加していくので、販売金額を上げていく可能性があります。購入される場合は早めの方がお得です。

あらかじめご了承ください。

更新情報

2022/3/28更新
画像の調整と、枠線を追加したのでより美しいスタイルになりました。

2022/4/2更新
ダークモードに対応いたしました。
目の負担を抑えて勉強できるだけでなく、バッテリーの消費を抑えることもできます。ぜひご利用ください。

手順

コードをカードタイプの3箇所に貼り付けるだけです。

書式
表面のテンプレート
裏面のテンプレート

書式のCSSコード