2016-09-07 04:16:42 +00:00
# Yomichan for Chrome #
2016-04-10 05:48:13 +00:00
2016-07-03 02:50:06 +00:00
Yomichan for Chrome turns your browser into a tool for building Japanese language literacy by helping you to decipher
texts which would be otherwise too difficult tackle. This extension was inspired in part by
2016-05-30 18:46:15 +00:00
[Rikaichan ](https://addons.mozilla.org/en-US/firefox/addon/rikaichan/ ) and
2016-05-19 00:03:51 +00:00
[Rikaikun ](https://chrome.google.com/webstore/detail/rikaikun/jipdnfibhldikgcjhfnomkfpcebammhp?hl=en ), but it stands
apart in its goal of being a all-encompassing learning tool as opposed to a mere browser-based dictionary. It is the
2016-10-26 02:16:03 +00:00
evolution of the [Yomichan ](https://foosoft.net/projects/yomichan ) plugin that I developed for Anki when I began studying Japanese.
2016-05-30 18:46:15 +00:00
2016-07-10 20:39:47 +00:00
## Requirements ##
2016-08-18 16:07:21 +00:00
For basic functionality:
* [Google Chrome ](https://www.google.com/chrome/browser/desktop/ )
For development:
2016-07-05 06:09:39 +00:00
2016-07-10 05:46:16 +00:00
* [7-Zip ](http://www.7-zip.org/ )
2016-07-10 20:39:47 +00:00
* [Git LFS ](https://git-lfs.github.com/ )
2016-08-18 16:07:21 +00:00
* [Go ](https://golang.org/ )
2016-07-10 05:46:16 +00:00
* [Handlebars ](http://handlebarsjs.com/ )
* [Node.js ](https://nodejs.org/ )
2016-07-10 20:39:47 +00:00
## Installation ##
2016-05-30 18:46:15 +00:00
2016-08-18 16:07:21 +00:00
Yomichan can downloaded free of charge from the [Chrome Web
Store](https://chrome.google.com/webstore/detail/yomichan/ogmnaimimemjmbakcfefmnahgdfhfami). If you find this extension
helpful and appreciate the time that was spent developing it, I would kindly ask that you leave a positive review. Your
support and feedback encourages continued development of this tool.
2016-05-19 00:03:51 +00:00
2016-08-24 16:25:00 +00:00
[![Chrome web store ](https://foosoft.net/projects/yomichan-chrome/img/store.png )](https://chrome.google.com/webstore/detail/yomichan/ogmnaimimemjmbakcfefmnahgdfhfami)
2016-10-26 02:16:03 +00:00
## Basic Functionality ##
2016-08-18 16:07:21 +00:00
1. Left-click on the ![](https://foosoft.net/projects/yomichan-chrome/img/logo.png) icon to enable or disable Yomichan for the current browser instance.
2. Right-click on the ![](https://foosoft.net/projects/yomichan-chrome/img/logo.png) icon and select *Options* to display the Yomichan options page.
2016-09-22 05:06:51 +00:00
3. Hold down < kbd > Shift</ kbd > (or the middle mouse button) as you hover over text to see term definitions.
2016-10-09 01:29:01 +00:00
4. Resize the definition window by dragging the bottom-left corner inwards or outwards.
5. Click on the Kanji links in the definition window to view additional information about those characters.
6. Click on the ![](https://foosoft.net/projects/yomichan-chrome/img/play-audio.png) icon to hear the term pronounced by a native speaker.
2016-08-18 16:07:21 +00:00
2016-10-26 02:16:03 +00:00
## Anki Integration ##
2016-08-18 16:07:21 +00:00
2016-10-21 16:10:11 +00:00
Yomichan features automatic flashcard creation for [Anki ](http://ankisrs.net/ ), a free application designed to help you
retain knowledge. While the [AnkiConnect ](https://foosoft.net/projects/anki-connect/ ) plugin offers the best experience,
it is also possible to create flashcards through [AnkiWeb ](https://ankiweb.net/ ), provided you already have an account.
2016-10-26 02:16:03 +00:00
### Using AnkiConnect ###
2016-10-21 16:10:11 +00:00
Installing the AnkiConnect plugin for Anki is the preferred way of enabling automatic flashcard creation in Yomichan.
2016-08-24 16:25:00 +00:00
1. Open the *Install Add-on* dialog by selecting *Tools* > *Add-ons* > *Browse & Install* in Anki.
2016-08-18 16:07:21 +00:00
2. Input *2055492159* into the text box labeled *Code* and press the *OK* button to proceed.
3. Restart Anki when prompted to do so in order to complete the installation of AnkiConnect.
2016-10-21 16:10:11 +00:00
When using AnkiConnect, Anki must be kept running in the background for automatic flashcard creation to function.
2016-10-26 02:16:03 +00:00
### Using AnkiWeb ###
2016-10-21 16:10:11 +00:00
Yomichan is able to create flashcards directly on AnkiWeb, assuming you have [registered an
account](https://ankiweb.net/account/register). While this method can be convenient as it does not require Anki to be
running to running in the background, some features are not supported due to technical limitations:
* Preventing the creation of duplicate flashcards.
* Embedding audio in flashcards via the `{audio}` marker.
Your AnkiWeb login information must specified on the options page to make use of automatic flashcard creation. Note
that AnkiWeb will temporarily block your IP address if there are too many login attempts; if this happens, just try
again after waiting for about an hour.
2016-10-26 02:16:03 +00:00
### Flashcard Configuration ###
2016-10-21 16:10:11 +00:00
Before flashcards can be automatically created through Yomichan, Anki must be configured as follows:
1. In Chrome, open the Yomichan options page by right-clicking the ![](https://foosoft.net/projects/yomichan-chrome/img/logo.png) icon and selecting *Options* .
2. Activate the *Terms* or the *Kanji* tab, depending on the type of card template you wish to configure.
3. Select the Anki deck and model to use when creating new flashcards (see the [Anki Manual ](http://ankisrs.net/docs/manual.html ) for more details).
4. Populate the model fields with markup representing contextual properties for the current vocabulary term or Kanji:
2016-10-26 02:16:03 +00:00
#### Markers for term tags ####
Marker | Description
-------|------------
`{audio}` | Audio sample of a native speaker's pronunciation in MP3 format (if available).
`{expression}` | Term written in Kanji (will be written in Kana if Kanji is not available).
`{expression-furigana}` | Term written in Kanji with Furigana displayed above it (e.g. < ruby > 日本語< rt > にほんご</ rt ></ ruby > ).
`{glossary-list}` | List of definitions with items expressed as a numbered list.
`{glossary}` | List of definitions with items delimited using semicolons.
`{reading}` | Kana reading for the term (empty for terms where the expression is the reading).
`{sentence}` | Sentence, quote, or phrase in which the term appears in the source content.
`{tags}` | Grammar and usage tags providing additional information about the term.
`{url}` | Address of the web page in which the current vocabulary term appeared in.
#### Markers for Kanji tags ####
Marker | Description
-------|------------
`{character}` | Unicode glyph representing the current Kanji.
`{glossary-list}` | List of definitions with items expressed as a numbered list.
`{glossary}` | List of definitions with items delimited using semicolons.
`{kunyomi}` | Kunyomi (Japanese reading) for the current Kanji expressed in Katakana.
`{onyomi}` | Onyomi (Chinese reading) for the current Kanji expressed in Hiragana.
`{url}` | Address of the web page in which the current vocabulary term appeared in.
2016-10-21 16:10:11 +00:00
5. Click on the ![](https://foosoft.net/projects/yomichan-chrome/img/add-expression.png) icon to add the current expression using Kanji (e.g. 食べる). If the icon
appears grayed out, this means that a new flashcard cannot be created with the current configuration (please verify
your Anki deck and model settings).
6. Click on the ![](https://foosoft.net/projects/yomichan-chrome/img/add-reading.png) icon to add the current expression using the reading alone (e.g. たべる). If
the icon appears grayed out, this means that a new flashcard cannot be created with the current configuration
(please verify your Anki deck and model settings).
2016-08-18 16:07:21 +00:00
## Frequently Asked Questions ##
2016-09-25 02:28:39 +00:00
* **Is it possible to use Yomichan with files saved locally on my computer?**
It in order to be able use Yomichan with local files, you must first tick the *Allow access to file URLs* checkbox
2016-10-21 16:10:11 +00:00
for Yomichan on the chrome extensions page. Due to restrictions placed on browser extensions by Chrome, it will
likely never be possible to use Yomichan with PDF files.
2016-09-25 02:28:39 +00:00
2016-08-18 16:07:21 +00:00
* **When are you going to port Yomichan to $MYBROWSER?**
I am considering creating a Firefox port once I am satisfied with the feature set of the Chrome extension. I may
consider other browsers in the future, as long as porting would be trivial and the browser in question runs natively
on Linux. This is not a high priority Firefox already has good extensions for Japanese learning (and I use Chrome
exclusively).
* **When are you going to add support for $MYLANGUAGE?**
Developing Yomichan required a significant understanding of Japanese sentence structure and grammar. I presently
have no time to invest in learning yet another language; therefore other languages will not be supported. I will
also not be accepting pull request containing this functionality, as I will ultimately be the one maintaining your
code.
* **When are you going to add support for [EPWING](https://ja.wikipedia.org/wiki/EPWING) J-J dictionaries?**
This is a long-term goal, and I do not yet have a timeline for this feature. That being said, I believe that I have
figured out how to make this work in the restrictive Chrome extension environment, and mostly have to develop a new
tool to support extraction of data from this format.
2016-05-19 00:03:51 +00:00
## Screenshots ##
2016-08-18 16:07:21 +00:00
[![Term definitions ](https://foosoft.net/projects/yomichan-chrome/img/term-thumb.png )](https://foosoft.net/projects/yomichan-chrome/img/term.png)
2016-07-03 02:50:06 +00:00
[![Kanji information ](https://foosoft.net/projects/yomichan-chrome/img/kanji-thumb.png )](https://foosoft.net/projects/yomichan-chrome/img/kanji.png)
2016-08-18 16:07:21 +00:00
[![General options ](https://foosoft.net/projects/yomichan-chrome/img/options-general-thumb.png )](https://foosoft.net/projects/yomichan-chrome/img/options-general.png)
[![Anki options ](https://foosoft.net/projects/yomichan-chrome/img/options-anki-thumb.png )](https://foosoft.net/projects/yomichan-chrome/img/options-anki.png)
2016-06-11 23:01:32 +00:00
2016-05-19 00:03:51 +00:00
## License ##
GPL