diff --git a/anki.html b/anki.html index 0fd551e..48bd150 100644 --- a/anki.html +++ b/anki.html @@ -11,7 +11,7 @@

Anki Startup Guide

-

(fonts • real-time import feature)

+

(fonts • yomichan integration)

Step 1:

Download Anki: http://ankisrs.net

@@ -60,6 +60,103 @@
+ + + +

Yomichan Anki integration guide

+ +

This guide assumes you have already installed Yomichan and added the JMdict dictionary to it. If you have not yet done this, see the Yomichan webpage for instructions.

+ +

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 AnkiConnect page on the Yomichan website for instructions.

+ +

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:

+ + +

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 "Create Deck" 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.

+ +

Once the deck has been created, click on it to select it, then press the "Add" 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:
+   Manage -> Add -> Select "Clone: Basic" and then "OK" -> Type in name (e.g. Yomi) and then click "OK" -> Close -> Select "Yomi" and then click "Choose"

+ +

Having fun yet? Now it's time to create our new fields and delete the default ones. To begin, click the "Fields..." button to open up yet another pop-up window. Our first order of business is to click the "Add" button in order to create our new fields:

+ + +

Once done, select the default fields and click "Delete" 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 "Cards..." 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:

+ +
Front Template +<div class=expression>{{Expression}}</div> + + +Styling +.card { + font-family: TakaoPGothic; + font-size: 20px; + text-align: center; + color: black; + background-color: white; +} + +.expression { + font-size: 56px; +} + +.reading { + font-size: 42px; +} + + +Back Template +<div class=expression>{{Furigana}}</div> + +<hr id=answer> + +<div class=reading>{{Reading}}</div><br> +{{Meaning}} + +<!--{{Audio}}-->
+ +

For the font I use, see here.

+ +

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!).

+ +

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 full list of options).

+ + + +

Alternatively, you can use {glossary-brief} for the Meaning field. {glossary} contains information about the word, such as whether it is a noun, verb, etc. and what dictionary the definition is being taken from. {glossary-brief} contains no other information besides the definitions themselves.

+ +

Another alternative is using {furigana-plain} instead of {furigana}. {furigana} uses HTML ruby text to display the furigana, while {furigana-plain} uses the method of applying furigana provided by the "Japanese Support" Anki addon.

+ +

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: 無為無能

+ +

TEMPLATES

+

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 Anki Options section of Yomichan's settings (make sure you have the Show advanced options checkbox ticked), making sure to replace the existing values (and also making sure that you are using {glossary-brief} or {glossary}, as appropriate).

+ + + +

TROUBLESHOOTING

diff --git a/assets/yomi-brief-default.png b/assets/yomi-brief-default.png new file mode 100644 index 0000000..5950ad5 Binary files /dev/null and b/assets/yomi-brief-default.png differ diff --git a/assets/yomi-brief-rikai.png b/assets/yomi-brief-rikai.png new file mode 100644 index 0000000..03e542c Binary files /dev/null and b/assets/yomi-brief-rikai.png differ diff --git a/assets/yomi-brief-rikai.txt b/assets/yomi-brief-rikai.txt new file mode 100644 index 0000000..06e6aa8 --- /dev/null +++ b/assets/yomi-brief-rikai.txt @@ -0,0 +1,102 @@ +{{#*inline "glossary-single"}} + {{~#unless brief~}} + {{~#if tags~}}({{#each tags}}{{name}}{{#unless @last}}; {{/unless}}{{/each}}) {{/if~}} + {{~/unless~}} + {{~#if glossary.[1]~}} + {{#each glossary}}{{.}}{{#unless @last}}; {{/unless}}{{/each}} + {{~else~}} + {{glossary.[0]}} + {{~/if~}} +{{/inline}} + +{{#*inline "audio"}}{{/inline}} + +{{#*inline "character"}} + {{~definition.character~}} +{{/inline}} + +{{#*inline "dictionary"}} + {{~definition.dictionary~}} +{{/inline}} + +{{#*inline "expression"}} + {{~#if modeTermKana~}} + {{~#if definition.reading~}} + {{definition.reading}} + {{~else~}} + {{definition.expression}} + {{~/if~}} + {{~else~}} + {{definition.expression}} + {{~/if~}} +{{/inline}} + +{{#*inline "furigana"}} + {{#furigana}}{{{definition}}}{{/furigana}} +{{/inline}} + +{{#*inline "furigana-plain"}} + {{#furiganaPlain}}{{{definition}}}{{/furiganaPlain}} +{{/inline}} + +{{#*inline "glossary"}} + {{~#if modeKanji~}} + {{~#if definition.glossary.[1]~}} + {{#each definition.glossary}}{{.}}{{#unless @last}}; {{/unless}}{{/each}} + {{~else~}} + {{definition.glossary.[0]}} + {{~/if~}} + {{~else~}} + {{~#if group~}} + {{~#if definition.definitions.[1]~}} + {{#each definition.definitions}} * {{> glossary-single brief=../brief}}{{/each}} + {{~else~}} + {{~> glossary-single definition.definitions.[0] brief=brief~}} + {{~/if~}} + {{~else~}} + {{~> glossary-single definition brief=brief~}} + {{~/if~}} + {{~/if~}} +{{/inline}} + +{{#*inline "glossary-brief"}} + {{~> glossary brief=true ~}} +{{/inline}} + +{{#*inline "kunyomi"}} + {{~#each definition.kunyomi}}{{.}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "onyomi"}} + {{~#each definition.onyomi}}{{.}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "reading"}} + {{~#unless modeTermKana}}{{definition.reading}}{{/unless~}} +{{/inline}} + +{{#*inline "sentence"}} + {{~#if definition.cloze}}{{definition.cloze.sentence}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-prefix"}} + {{~#if definition.cloze}}{{definition.cloze.prefix}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-body"}} + {{~#if definition.cloze}}{{definition.cloze.body}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-suffix"}} + {{~#if definition.cloze}}{{definition.cloze.suffix}}{{/if~}} +{{/inline}} + +{{#*inline "tags"}} + {{~#each definition.tags}}{{name}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "url"}} + {{definition.url}} +{{/inline}} + +{{~> (lookup . "marker") ~}} \ No newline at end of file diff --git a/assets/yomi-glossary-bullets.png b/assets/yomi-glossary-bullets.png new file mode 100644 index 0000000..8daf4af Binary files /dev/null and b/assets/yomi-glossary-bullets.png differ diff --git a/assets/yomi-glossary-bullets.txt b/assets/yomi-glossary-bullets.txt new file mode 100644 index 0000000..66045e0 --- /dev/null +++ b/assets/yomi-glossary-bullets.txt @@ -0,0 +1,157 @@ +{{#*inline "glossary-single"}} + {{~#unless brief~}} + {{~#if definitionTags~}}({{#each definitionTags}}{{name}}{{#unless @last}}, {{/unless}}{{/each}}) {{/if~}} + {{~#if only~}}({{#each only}}{{{.}}}{{#unless @last}}, {{/unless}}{{/each}} only) {{/if~}} + {{~/unless~}} + {{~#if glossary.[1]~}} + {{~#if compactGlossaries~}} + {{#each glossary}}{{#multiLine}}{{.}}{{/multiLine}}{{#unless @last}} | {{/unless}}{{/each}} + {{~else~}} + + {{~/if~}} + {{~else~}} + + {{~/if~}} +{{/inline}} + +{{#*inline "audio"}}{{/inline}} + +{{#*inline "character"}} + {{~definition.character~}} +{{/inline}} + +{{#*inline "dictionary"}} + {{~definition.dictionary~}} +{{/inline}} + +{{#*inline "expression"}} + {{~#if merge~}} + {{~#if modeTermKana~}} + {{~#each definition.reading~}} + {{{.}}} + {{~#unless @last}}、{{/unless~}} + {{~else~}} + {{~#each definition.expression~}} + {{{.}}} + {{~#unless @last}}、{{/unless~}} + {{~/each~}} + {{~/each~}} + {{~else~}} + {{~#each definition.expression~}} + {{{.}}} + {{~#unless @last}}、{{/unless~}} + {{~/each~}} + {{~/if~}} + {{~else~}} + {{~#if modeTermKana~}} + {{~#if definition.reading~}} + {{definition.reading}} + {{~else~}} + {{definition.expression}} + {{~/if~}} + {{~else~}} + {{definition.expression}} + {{~/if~}} + {{~/if~}} +{{/inline}} + +{{#*inline "furigana"}} + {{~#if merge~}} + {{~#each definition.expressions~}} + {{~#furigana}}{{{.}}}{{/furigana~}} + {{~#unless @last}}、{{/unless~}} + {{~/each~}} + {{~else~}} + {{#furigana}}{{{definition}}}{{/furigana}} + {{~/if~}} +{{/inline}} + +{{#*inline "furigana-plain"}} + {{~#if merge~}} + {{~#each definition.expressions~}} + {{~#furiganaPlain}}{{{.}}}{{/furiganaPlain~}} + {{~#unless @last}}、{{/unless~}} + {{~/each~}} + {{~else~}} + {{#furiganaPlain}}{{{definition}}}{{/furiganaPlain}} + {{~/if~}} +{{/inline}} + +{{#*inline "glossary"}} +
+ {{~#if modeKanji~}} + {{~#if definition.glossary.[1]~}} +
    {{#each definition.glossary}}
  1. {{.}}
    2. {{/each}}
+ {{~else~}} + {{definition.glossary.[0]}} + {{~/if~}} + {{~else~}} + {{~#if group~}} + {{~#if definition.definitions.[1]~}} +
    {{#each definition.definitions}}
  1. {{> glossary-single brief=../brief compactGlossaries=../compactGlossaries}}
    2. {{/each}}
+ {{~else~}} + {{~> glossary-single definition.definitions.[0] brief=brief compactGlossaries=compactGlossaries~}} + {{~/if~}} + {{~else if merge~}} + {{~#if definition.definitions.[1]~}} +
    {{#each definition.definitions}}
  1. {{> glossary-single brief=../brief compactGlossaries=../compactGlossaries}}
    2. {{/each}}
+ {{~else~}} + {{~> glossary-single definition.definitions.[0] brief=brief compactGlossaries=compactGlossaries~}} + {{~/if~}} + {{~else~}} + {{~> glossary-single definition brief=brief compactGlossaries=compactGlossaries~}} + {{~/if~}} + {{~/if~}} +
+{{/inline}} + +{{#*inline "glossary-brief"}} + {{~> glossary brief=true ~}} +{{/inline}} + +{{#*inline "kunyomi"}} + {{~#each definition.kunyomi}}{{.}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "onyomi"}} + {{~#each definition.onyomi}}{{.}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "reading"}} + {{~#unless modeTermKana~}} + {{~#if merge~}} + {{~#each definition.reading~}} + {{{.}}} + {{~#unless @last}}、{{/unless~}} + {{~/each~}} + {{~else~}} + {{~definition.reading~}} + {{~/if~}} + {{~/unless~}} +{{/inline}} + +{{#*inline "sentence"}} + {{~#if definition.cloze}}{{definition.cloze.sentence}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-prefix"}} + {{~#if definition.cloze}}{{definition.cloze.prefix}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-body"}} + {{~#if definition.cloze}}{{definition.cloze.body}}{{/if~}} +{{/inline}} + +{{#*inline "cloze-suffix"}} + {{~#if definition.cloze}}{{definition.cloze.suffix}}{{/if~}} +{{/inline}} + +{{#*inline "tags"}} + {{~#each definition.definitionTags}}{{name}}{{#unless @last}}, {{/unless}}{{/each~}} +{{/inline}} + +{{#*inline "url"}} + {{definition.url}} +{{/inline}} + +{{~> (lookup . "marker") ~}} \ No newline at end of file diff --git a/assets/yomi-glossary-default.png b/assets/yomi-glossary-default.png new file mode 100644 index 0000000..c777922 Binary files /dev/null and b/assets/yomi-glossary-default.png differ diff --git a/guide.html b/guide.html index b87f03f..daa295a 100644 --- a/guide.html +++ b/guide.html @@ -140,7 +140,7 @@
    -
  1. Look up a chart of hiragana and katakana (such as these: hiragana / katakana) and write each kana down a few times. You can practice with DJT Kana. Make sure that you have a firm grasp on hiragana before moving on the the next step. Katakana is also important, but it's fine to move on to the next step without having as firm of a grasp on katakana.
    2. +
  2. Look up a chart of hiragana and katakana (such as these: hiragana / katakana) and write each kana down a few times. You can practice with DJT Kana. Make sure that you have a firm grasp on hiragana before moving on the the next step. Katakana is also important, but it's fine to move on to the next step without having as firm of a grasp on katakana.
  3. Core2K/6K is the generally recommended Anki deck for beginners who want to build up a basic vocabulary before they start reading. Learn how to use it from the Anki startup guide. You should also install Yomichan (Firefox/Chrome), which will allow you to look up words by hovering over them.