Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
28
Help us understand the problem. What is going on with this article?
@yinawekuky

Ankiで超効率勉強

More than 1 year has passed since last update.

プログラミングをしていると、覚えることがたくさんあります。
「HTML,CSSの勉強を終えて、JavaScriptの勉強に移り、久しぶりにCSSやったらプロパティ忘れまくっていた」
「Python,PHPの勉強を両方していて、どれがどれだか分からなくなる」
なんてことはあるのではないのでしょうか。
そこで、科学的に1番効果的な勉強ができるツールが「Anki」です。
ankiのホームページ
ここではインストール方法は紹介しません。
他に分かりやすいサイトたくさんありますし。

Ankiのメリット

・フラッシュカードを紙も無し、書く必要も無しで簡単に作れる。
・科学的に立証された分散学習で、忘れかけたころにカードを提示してくれる。
・スマホと連携させればいつでもどこでも学習できる。

Ankiのデメリット

・最初は使い方に慣れるのが大変。
・スマホ版はなぜか3000円する。

Ankiの簡単な使い方

①カードの追加・編集方法

デッキがまだ無い場合、下の「デッキを作成」からデッキを作成します。
その後、該当のデッキをクリックして「追加」からカードを追加しましょう。
既に他のツールでankiを使っているなら、「同期」を押せばOKです。
ankiトップ.png
ちなみに、「共有デッキをダウンロード」を押せば、AnkiWebで公開されているデッキをそのまま引っ張ってこれます。
基本は英語ですが、探せば勉強に役立つものがたくさんありますよ!


4000 Essential English Words
HTML Tags
javascript es6 features
Linux Essentials
Basic Git Commands


それでは、カードを追加してみましょう。
「追加」ボタンを押すとこんな画面が出てきます。
右上でデッキを選べます。
左上のノートタイプは「基本」「穴埋め」「基本(裏面カードを任意選択)」ぐらいしか使わないと思います。

基本

基本はシンプルにフラッシュカードの表・裏と一緒です。
あまりごちゃごちゃ書かずに、シンプルに小分けにする方が良い勉強に繋がるそうです。
(理想は1カード10秒以内で思い出せるようなもの)
👇例
Anki追加.png

「基本(裏面カードを任意選択)」にすれば、英単語カードみたいに「日⇛英」・「英⇛日」の両方のカードを1度に作れます。

穴埋め

穴埋め部分は「Ctrl + c」で追加できます。
anki穴埋め.png
このように、穴埋めは分けることができます。
また、右上で太字にしたり下付き文字にしたりできます。
ショートカットキーを覚えたら便利ですよ!
anki穴埋めc1.png

anki穴埋めc2.png

Cの後の数字で分けられます。

②カードを学習する

カードを学習するうえで、
「このカードもっと学習したかったのになぁ」ってことがあると思います。
その時に使えるのが、「カスタム学習セッション」です。
anki学習完了.png
下の「カスタム学習」ボタンを押せばおけ。
全部まとめて学習したい時は、
「カードの状態やタグを選んで学習する」⇛「全てのカードを無作為に選択(詰め込みモード)」
を選びましょう。
ankiカスタム.png

このように、「カスタム学習セッション」が追加されます。

③便利なアドオン

「ReviewHeatmap」というアドオンが便利です。
Anki2.1なら下記サイトです。
ReviewHeatmap

👇このアドオンのダウンロード方法
①Ankiアプリのトップページ上の「ツール」⇛「アドオン」を選択 (Ctrl + Shift + A でもいける)
②「アドオンを取得」をクリック
③上記サイトに載っている番号を「コード」の部分に記入(723520343)
④「OK」を押す
⑤Ankiを再起動したら反映されます。

ankiheatmap.png

他にも便利なアドオンがあるはずなので、随時追加していきます。

④その他の設定

Ankiのカードはデフォルトでは、中央寄せになっています。
ただ、プログラミング系の勉強をするには中央寄せは不都合です。
ankiQiitacenter.png
こんな風に、コードが見にくくなります。
コードを整えたい時は、次のようにしましょう。
ankiqiitacenteredit.png
①問題のカードの左下の「編集」をクリック
②編集画面左上の「カード...」をクリック
③「書式」の部分のCSSをいじる。
css
text-align:center;

これをleftにすればいい感じになります。
ただ、このCSSは同じ種類のカード間で共有されます(穴埋めカードなら、それにに全部反映される)。
カードの種類は自分でも増やせるので、それでオリジナルのカードを作れば良いでしょう。

28
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
yinawekuky
Python(Django) ,JS(React, Vue, D3, Gatsby)でのWebアプリ開発をやっています。 GAS, SeleniumでのRPA構築も時々やります。 座右の銘:「Happy, Kind, Crazy」

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
28
Help us understand the problem. What is going on with this article?