TrainerKelly's Japanese Learning Session

Home

An app I made specifically to help me study Japanese vocabulary. I thought you might get some use out of it too.

Go to "Word List & Settings" to pick your word list. Head to "Word Selection" to select the exact words you want to study.

Once you're done, go to "Learn" to start learning!

This site is not optimized for mobile at this time.

About

I had paused actively learning Japanese in July 2012.

I found myself suddenly getting back to it mid-January 2022 after I could not get enough of a manga I read. I decided not to wait for the next release in English. Instead, I read it in Japanese.

Reading one manga in Japanese lead to another and soon enough, I was making a custom word list of all the words I wasn't familiar with (which was a lot!). (Not just from manga either – applications I used and even a video game helped contribute to the list.)

I knew I wanted to study it the same sort of way I did with learning hiragana and katakana – the typing game of RealKana.

Problem was...a vocabulary version just didn't exist.

Especially not one that let me use my own word list.

So I built it.

How to Use

Designed typing gaming-style. Type in the answer and see if you're correct. It's very easy to get started:

  1. Go to "Word List & Settings" and select your word list, set your settings, select desired font(s);
  2. Go to "Word Selection" and select at least 5 words;
  3. Go to "Learn" to start learning!

Reading V.S. Meaning

You can choose whether you want to learn the reading of the word in Japanese or the meaning of the word in English or BOTH (it defaults to both).

You will see a label displayed to indicate if you are meant to type the meaning or the reading.

While you can only type in English letters for the English meanings, you can type in either romaji or kana for the readings!

At this time, there a glitch with using kana to answer. The test will check your answer before you're actually done typing – but don't worry. Keep going! If you are correct, it will eventually let you move on. If it doesn't let you move on, try typing in romaji.

Supplement, Not Replacement

This app isn't meant to replace your other learning methods – it's to act as a supplement or a compliment to them!

Some words inside of the list(s) may be considered rude or are non-standard words. Make sure to do some additional research before you use them!

Use with other resources for a full learning experience.

Updates

1.1.2 – all I did was add the ability to hold down shift to select multiple words. It was probably the number 1 feature I realized I wanted.

Credit to this CodePen by Daniel Hoppener and ChatGPT for helping me! (Or in the case of ChatGPT, doing it for me and giving me a thoroughly explanation – it was definitely above my current skill level).

1.1.1 – full lists loaded, uploaded this to website, bug fixes, general improvements.

かな validation is still an issue. I have concluded that it is currently a lack of skill & knowledge. I will fix it in time.

1.0.0 – initial app uploaded with test files to GitHub.

App Version: 1.1.1

Word List & Settings

Word List

Select a list to study.

Please select a word list!

Learning Focus

Select what you would like to focus on.




Randomization

Randomize the words and the corresponding answers (if applicable).

Does not jumble the words and the answers to come up at different times. The answers always correspond with the selected word.



Choose a Font

Display words in the font of your choice.

If more than 1 font is selected, the font will randomly change with each word selected.




Word Selection

Please select at least 5 words to start learning.

Words Selected: 0

There are no words to select! Please select a word list.

Learn

Type the answer into the textbox below.

Look at the label to know if you need to type the Japanese reading (kana or romaji) or English meaning. If the word is already in kana, answer it with the same kana, otherwise use romaji.

Answers automatically validate. (Otherwise, press enter!)

If you don't know the answer, hover to reveal it underneath the answer box.

There are currently a few glitches when using かな (kana) that are currently in the process of being fixed: 1.) when typing in kana, answers validate before you're done typing and come out wrong – keep typing anyway; 2.) sometimes the word stops validating altogether in kana when doing the readings. In this case, just switch over to romaji to keep moving forward.


Credits

Concept

RealKana by Hoo Logic

I may have eventually landed on this concept myself, but Hoo Logic's RealKana was like a shortcut to understanding one of the most effective ways for me to learn. It has stuck with me for years.

It wasn't just the typing that made RealKana so effective for me – it was the instant feedback. If I got the word right, it moved on. If I got it wrong, it would stay and would not move until I answered correctly. I made sure to include such a feature in my own app.

Thank you, Hoo Logic, for your incredible RealKana. Even over a decade since I used your site, I can still read kana (hiragana and katakana) with ease. I hope that my own app can serve a similar purpose to all who use it.

Tools

Japanese

Yomiwa – initial word list creation, dictionary

Jisho – dictionary

Data Compiling

iPhone – for using Yomiwa

Notes – compiling multiple word lists together

Google Sheets – spreadsheet creation, CSV creation

Flatfile: csvjson – converting CSV into JSON (a format containing a collection of data – in this case, the actual word list)

ChatGPT – used on the Genki word list to quickly add the word type(s) (it had mistakes, but it made it faster to correct them), format word types into an array faster than I could, fix a syntax error I couldn't figure out on my own

Web Development

Languages Used: HTML, CSS, JavaScript

Visual Studio Code – for coding and programming

FireFox – testing, developer tools

Chrome – testing, developer tools

MAMP – testing server

Live Server (VS Code Extension) – testing server

W3Schools – tabs, adding/removing class names, custom checkboxes and radio buttons

Stack Overflow – answers to my questions & inspiration to my solutions

Google – searching for answers, fonts, creating spreadsheets

freeCodeCamp – learning JavaScript

Scrimba – learning JavaScript

Treehouse – learning JavaScript

Daniel Hoppener's CodePen – selecting multiple words by holding down shift.

ChatGPT – answered my questions and made corrections, particularly on holding down shift to select multiple words and using a DIV instead of a LABEL tag (due to a glitch in Firefox)

Word Sources

Github

You can view this project on on GitHub.

Links of Interest

None of these links are affiliate links. I'm just linking because I like these sites!

Digital Books in Japanese

Books in Japanese available for purchase. Includes manga and novels.

J-Drama

Watch TV shows in Japanese (including Japanese subtitles).

Package Forwarding & Proxy Services

For ordering and forwarding items from Japan to you.

Virtual Cards

Virtual cards to protect your card info.

Gift Cards

Gift cards to Japanese services such as iTunes Japan.