djt/anki.html

211 lines
17 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"></meta>
<title>DJT Anki guide</title>
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
<link rel="stylesheet" href="style/anki.css">
</head>
<body>
<script src="assets/script.js"></script>
<p><h1>Anki Startup Guide</h1></p>
<p><span class="subheading">(<a href="#fonts">fonts</a><a href="#import">yomichan integration</a>)</span></p>
<!-- <p><span class="italic">original version found</span> <span class="bold"><a href="http://goo.gl/CYTQvs">here</a></span></p> -->
<h3 class="step">Step 1:</h3>
<p>Download Anki: <a href="http://ankisrs.net">http://ankisrs.net</a></p>
<h3 class="step">Step 2:</h3>
<p>Download the Core 2K/6K deck here (it already has sounds included):</p>
<p><a href="https://mega.nz/#!QIQywAAZ!g6wRM6KvDVmLxq7X5xLrvaw7HZGyYULUkT_YDtQdgfU">https://mega.nz/#!QIQywAAZ!g6wRM6KvDVmLxq7X5xLrvaw7HZGyYULUkT_YDtQdgfU</a><br /><strong style="color: red">Download from the above link. Do not download the poorly formatted Core decks on AnkiWeb.</strong></p>
<h3 class="step">Step 3:</h3>
<p>Add it to Anki (drag and drop/'Import File' button on the bottom of Anki window/Ctrl+I).</p>
<h3 class="step">Step 4 (optional step for images):</h3>
<p>Download media the deck uses (Card images): </p>
<p><a href="http://www.mediafire.com/download/nrvpcx9a766nh1t/core2k-image.munged.rar">http://www.mediafire.com/download/nrvpcx9a766nh1t/core2k-image.munged.rar</a></p>
<h3 class="step">Step 5 (optional step for images):</h3>
<p>Unrar the media content and paste into your Anki 'collection.media' folder (remember to paste files, not a folder with files). Every file should by default have following access path:</p>
<p>C:\Users\____\AppData\Roaming\Anki2\_____\collection.media</p>
<h3 class="step">Step 6 (optional step for images):</h3>
<p>Add the card images to the card format: Hit "Browse" -> Navigate to the Core deck on the left sidebar -> Hit the "Cards..." button -> Add {{Sentence-Image}} under the <br> at the bottom of the "Back Template" section.</p>
<h3 class="step">Step 7:</h3>
<p>Remove the review limit by going to the deck options and under the "Reviews" tab and setting "Maximum reviews/day" to 9999 (Don't be alarmed by this number, it likely won't go above 200-350 in the long run at decent retention with 20-30 new cards a day, the point is more to set it to something you'll never hit)</p>
<h3 class="step">Step 8:</h3>
<p>Learn. The first word in the deck should be それ. If you see a different word before that, you need to fix your settings: Go to the deck options and set the order to "Show new cards in order added".</p>
<p>Images aren't really required for this deck, most people don't use them so feel free to omit steps 4-6.</p>
<p>Retention Tips / Misc comments and common opinions (note that most of these are highly personal preference and your mileage may vary, so make up your own mind about doing any of this stuff):</p>
<ul>
<li>Some people like doing new cards separate from reviews since it prevents a bunch of new cards from all piling up at the end of your session, and means that you're mentally 'fresh' when facing them. If you want to do this, there is an option to do new cards before (or after) reviews in Anki's preferences.</li>
<li>Going into the deck, hitting the "Custom Study" button, selecting "Review forgotten cards", leaving it at 1 day, and hitting okay will create a temporary deck with all of the cards you hit again on that day so you can do focused reviewing of cards that gave you trouble. This also gets cards you hit "again" on while doing new cards. You can delete the custom study deck after you're done with it and the cards will go back to their decks.</li>
<li>Increasing the number of steps on new cards (deck options -> changing the "1 10" under "Steps" on the "New" tab) can also help retention with new words since it makes you get the words correct more times in a row before letting them move on to the next day, but it also means new cards take longer to do. "1 1 10", "1 10 20", "1 1 10 20", etc. whatever works best to you.</li>
<li>Be aware of the "learn ahead" option in Anki's settings. This is what's letting you see a card you just hit "Again (10m)" on. Lowering it or even setting it to 0 could help you learn/relearn words since it forces you to wait the entire interval before letting you guess again, but it could also make doing reviews and new cards a bit more tedious and time consuming. If you have new card / relearn reviews on your decks you were recently doing but it's not letting you do them, this setting is likely why.</li>
<li>If you want to keep track of what kanji are in words you know, then try the <a href="https://ankiweb.net/shared/info/942570791">kanji grid add-on</a>.</li>
</ul>
<hr>
<h3 id="fonts">Fixing fonts on Ankidroid</h3>
<p>Kanji are sometimes displayed incorrectly on mobile devices. You can fix this by using a custom font. Download a <code>.ttf</code> font (available from the <a href="cor.html">CoR</a> or <a href="http://core6000.neocities.org/fonts/">this torrent</a>.) Then, follow the instructions in the <a href="http://ankisrs.net/docs/manual.html#installingfonts">Anki manual</a> to install it.</p>
<hr>
<h3 id="import">Yomichan Anki integration guide</h3>
<p>This guide assumes you have already installed Yomichan and added the JMdict dictionary to it. If you have not yet done this, see the <a href="https://foosoft.net/projects/yomichan/">Yomichan webpage</a> for instructions.</p>
<p>Yomichan can be set up to automatically create Anki cards from the words which you hover over with it. In order to do this, it is necessary to install Yomichan's companion Anki add-on called AnkiConnect. The installation is no different from that of any other Anki add-on and there is no post-install configuration necessary. See the <a href="https://foosoft.net/projects/anki-connect/">AnkiConnect page</a> on the Yomichan website for instructions.</p>
<p>After you have installed AnkiConnect, you will need to create a deck in Anki to add the words to, assuming you have not done so already. This guide will assume you want to create a deck containing the following information:</p>
<ul>
<li>The word written in kanji.</li>
<li>The word written in kana.</li>
<li>The word written in kanji, with accompanying furigana.</li>
<li>The definition of the word.</li>
<li>Audio of the word being spoken by a native speaker (if available).</li>
</ul>
<p>We want 5 seperate pieces of information, so this means our deck will need 5 seperate fields to house said information. To get started, we will need to open Anki and click on the "<code>Create Deck</code>" button at the bottom of the window. We will then be presented with a pop-up asking us what we wish to call our deck - I will be using the name "Japanese Vocabulary", but feel free to call it whatever you want.</p>
<p>Once the deck has been created, click on it to select it, then press the "<code>Add</code>" button at the top of the screen. This will present us with a pop-up window allowing us to not only add cards to the deck, but also change various things about the deck itself. Our first order of business is creating a new note type to use for our deck. Begin by clicking the button next to the word "Type" (the button itself will most likely say "Basic"), which will open up another pop-up window. From here, our actions will involve clicking more buttons in order to open yet more pop-up windows:<br/>
&nbsp;&nbsp;&nbsp;<code>Manage</code> <strong>-></strong> <code>Add</code> <strong>-></strong> Select "<code>Clone: Basic</code>" and then "<code>OK</code>" <strong>-></strong> Type in name (e.g. Yomi) and then click "<code>OK</code>" <strong>-></strong> Close <strong>-></strong> Select "Yomi" and then click "<code>Choose</code>"</p>
<p>Having fun yet? Now it's time to create our new fields and delete the default ones. To begin, click the "<code>Fields...</code>" button to open up yet another pop-up window. Our first order of business is to click the "<code>Add</code>" button in order to create our new fields:</p>
<ul>
<li>Expression</li>
<li>Meaning</li>
<li>Reading</li>
<li>Furigana</li>
<li>Audio</li>
</ul>
<p>Once done, select the default fields and click "<code>Delete</code>" to get rid of them, then close the pop-up to return to the original "Add" pop-up window. The final thing we need to do in Anki is edit the appearance of the cards themselves. Begin by clicking the "<code>Cards...</code>" button. Here's where things get subjective, but I like to keep my cards simple. If you wish to copy my formatting, then simply add the text below to the relevant sections:</p>
<div style="font-family: monospace; white-space: pre; border:1px solid #aaa; padding:1em 2em; font-size:95%;"><strong>Front Template</strong>
&lt;div class=expression&gt;{{Expression}}&lt;/div&gt;
<strong>Styling</strong>
.card {
font-family: IPAexGothic;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.expression {
font-size: 56px;
}
.reading {
font-size: 42px;
}
<strong>Back Template</strong>
&lt;div class=expression&gt;{{Furigana}}&lt;/div&gt;
&lt;hr id=answer&gt;
&lt;div class=reading&gt;{{Reading}}&lt;/div&gt;&lt;br&gt;
{{Meaning}}
&lt;!--{{Audio}}--&gt;</div>
<p>For the font I use, see <a href="https://ipafont.ipa.go.jp/node17#jp">here</a>.</p>
<p>Once you've got your card formatting how you want it, simply close the window, along with any remaining pop-up windows (making sure to leave Anki itself open!).</p>
<p>Now that we're done with Anki, we need to make our way over to Yomichan's settings and tick the "Enable Anki integration" checkbox. Upon doing so, a bunch of new options should appear. We are interested in the options in the "Terms" section. First off, under "Deck", we want to select the deck which we just created (Japanese Vocabulary), and under "Model" we want to select the note type which we just created (Yomi). The "Terms" section should now display our newly created fields, so all that's left from here is to assign corresponding "Markers" to them (see the Yomichan webpage for <a href="https://foosoft.net/projects/yomichan/#anki-integration">a full list of options</a>).</p>
<ul>
<li>Expression - <code>{expression}</code></li>
<li>Meaning - <code>{glossary}</code></li>
<li>Reading - <code>{reading}</code></li>
<li>Furigana - <code>{furigana}</code></li>
<li>Audio - <code>{audio}</code></li>
</ul>
<p>Alternatively, you can use <code>{glossary-brief}</code> for the Meaning field. <code><a href="/assets/yomi-glossary-default.png">{glossary}</a></code> contains information about the word, such as whether it is a noun, verb, etc. and what dictionary the definition is being taken from. <code><a href="/assets/yomi-brief-default.png">{glossary-brief}</a></code> contains no other information besides the definitions themselves.</p>
<p>Another alternative is using <code>{furigana-plain}</code> instead of <code>{furigana}</code>. <code>{furigana}</code> uses HTML ruby text to display the furigana, while <code>{furigana-plain}</code> uses the method of applying furigana provided by the <a href="https://ankiweb.net/shared/info/3918629684">"Japanese Support" Anki addon</a>.</p>
<p>And with that, we're done! To test that you've set everything up properly, try hovering over the following word and clicking the green + button which should now be present in Yomichan's pop-up: 無為無能</p>
<h4>TEMPLATES</h4>
<p>If you're not satisfied with Yomichan's default formatting of definitions, there are alternative templates. Simply copy the contents of the linked template into the template box under the <code>Anki Options</code> section of Yomichan's settings (make sure you have the <code>Show advanced options</code> checkbox ticked), making sure to replace the existing values (and also making sure that you are using <code>{glossary-brief}</code> or <code>{glossary}</code>, as appropriate).</p>
<ul>
<li><code>{glossary}</code>: <strong><a href="/assets/yomi-glossary-default.png">Default template</a></strong></li>
<li><code>{glossary}</code>: <strong><a href="/assets/yomi-glossary-bullets.png">Give single definitions their own bullet point</a></strong>. Use <a href="/assets/yomi-glossary-bullets.txt">this template</a>. If you want space between numbered items like in the preview, add <code style="background-color:#eff0f2; padding:2px">ul { margin-top:10px; margin-bottom:18px; }</code> to your card styling.</li>
<li><code>{glossary-brief}</code>: <strong><a href="/assets/yomi-brief-default.png">Default template</a></strong></strong></li>
<li><code>{glossary-brief}</code>: <strong><a href="/assets/yomi-brief-rikai.png">Compressed like Rikai-sama</a></strong>. Use <a href="/assets/yomi-brief-rikai.txt">this template</a>. </li>
</ul>
<!--
<h3 id="import">Rikaisama's Anki Real-Time Import Feature</h3>
<p>Rikaisama's <a href="http://rikaisama.sourceforge.net/#realtime_import_help">real-time import feature</a> allows you to quickly add new words to your mining deck. (See the <a href="guide.html">guide</a> for an explanation of mining.)</p>
<h4>Prerequisites:</h4>
<ul>
<li><a href="http://rikaisama.sourceforge.net/">Rikaisama</a></li>
<li>Real-Time Import <a href="https://ankiweb.net/shared/info/2512410601">add-on</a> for Anki</li>
</ul>
<p>After installing both of the above, open Firefox, make your way over to the add-ons <a href="assets/realtime1.png">management page</a>, locate the Rikaisama add-on, and hit the "Preferences" button to open up the Rikaisama options window. We are interested in two tabs here: <a href="assets/realtime2.png">"Clipboard & Save" and "Anki"</a>.</p>
<p>Go to the "Clipboard & Save" tab. The only thing we are interested in here is the "Saved audio" field (you can skip this part if you are not interested in having audio on your cards). You need to point this field to Anki's "collection.media" folder, which should be located inside a folder called "Anki2" within your computer's "AppData" folder (type %APPDATA%\Anki2 in the location field).</p>
<p>Now, onto the "Anki" tab. The first field we are interested in here is:</p>
<h4>"Save format"</h4>
<p>This is where we tell Rikaisama what information we want it to save about a particular word. Here is a typical example:</p>
<ul>
<li><span style="font-weight:bold;color:#4a7bb2">$d</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:red">$r</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:green">$n</span><span style="color:inherit">$t</span><span style="font-weight:bold;color:purple">[sound:$a]</span></li>
</ul>
<p>There is a key below the "Save format" field explaining what all of this does. The <code>$d</code> option saves the dictionary form of the word you have hovered over (meaning 食べます, for example, would be saved as 食べる). The <code>$t</code> option is used to denote the end of one field (i.e. those in the "Field names" field) and the beginning of another. <code>$r</code> saves the reading, and <code>$n</code> the definition. Finally, <code>[sound:$a]</code> saves an audio clip of the word (if available).</p>
<p>You will notice in the above example that <code>$a</code> has not been used alone, but rather enclosed in square brackets and preceded by "<code>sound:</code>". This is because audio files must be formatted this way for Anki to play them. If you only put "audio.mp3" into one of your Anki fields (as opposed to "[sound:audio.mp3]"), you would simply get the text "audio.mp3" on your card.</p>
<h4>"Field names"</h4>
<p>The next field tells Rikaisama to which fields in our Anki deck the information specified in the "Save format" field should be added. A typical example, corresponding to the "Save format" above, would be:</p>
<ul>
<li><span style="font-weight:bold;color:#4a7bb2">Vocabulary</span> <span style="font-weight:bold;color:red">Reading</span> <span style="font-weight:bold;color:green">Definition</span> <span style="font-weight:bold;color:purple">Audio</span></li>
</ul>
<p>These fields MUST exist in our Anki deck in order for this to work. First, create your deck is Anki by pressing the <a href="assets/realtime3.png">"Add" button</a>. Click the <a href="assets/realtime4.png">"Deck" button</a>, then <a href="assets/realtime5.png">"Add"</a>. Type in the name of your new deck in the window that pops up and hit "OK".</p>
<p>Now we need to add the required fields. Hit the <a href="assets/realtime.png6">"Fields..." button</a>. Since all decks must have at least one field, we will first click <a href="assets/realtime7.png">"Add"</a>, type in "Vocabulary" and then hit "OK". We should now have a field called "Vocabulary" in our deck, so we can go ahead and delete the default fields "Front" and "Back" by selecting them and clicking "Delete". Now repeat the adding process for the other required fields: "Reading", "Definition" and "Audio". Once done, hit <a href="assets/realtime8.png">"Close"</a>.</p>
<p>Now all that's left to do is edit the appearance of our cards. To do this, click the <a href="assets/realtime9.png">"Cards..." button</a>. This is outside the scope of this tutorial, but at the following pastebin link you will find a sample which you can copy and paste: <a href="http://pastebin.com/HWk3Nnm6">http://pastebin.com/HWk3Nnm6</a></p>
<p>And that's it! Now open your <a href="assets/realtime10.png">deck</a> by clicking on it and try adding your very first word: 中出し - just hover over it with your mouse with Rikaisama enabled and hit "r"!</p>
-->
<h4>TROUBLESHOOTING</h4>
<p>If you followed the instructions and it still does not work, manually add a new card to your mining deck and try again.</p>
</body>
</html>