[Userscript] Wanikani Lesson Spoiler Removal

WaniKani API And Third-Party Apps
#1

Some people just want to cycle through their lessons like flash cards before the lesson quiz. Unfortunately, the meaning of the lessons below the kanji/vocab can ruin that experience.

This should help.



(apart from this lesson, you never have to worry about spoilers in your lessons any more)


How to use
 - do lessons. All of them. Yesterday!

Features (v4.0)
 - It does at it says on the box (hides the meaning of kanji/vocab in lessons for those who like to cycle through them like flash-cards)
 - Hover over the lesson item to make the meaning visible again
 - Automatically shows meaning if you get to the meaning tab for added clarity and for those who ignore za almighty mnemonics (say that three times really fast with a german accent to get a free virtual cookie)

How to install
- Make sure you have the Greasemonkey (Firefox) or Tampermonkey (other browsers) add-on installed, so you can enjoy user scripts.
- Go to https://greasyfork.org/en/scripts/23485-wanikani-lesson-spoiler-removal
- Click the green button (if that doesn’t work out, look at the guide linked below)
- BOOM, DONE!

How to install/edit user scripts guide:
 /t/Visual-Guide-on-How-To-Install-A-Userscript/12136/1

Change log:

v4.0
 - Fix for flickering bug (by shikaji)

v3.0
 - Shows meaning when navigated to meaning tab by arrow keys, shortcut keys, or clicking

v2.1
 - Hover effect added to undo any disappearing magicz

v2.0
 - Works on Firefox too

v1.0
 - initial release


Note: working on Firefox and Chrome (technically any browser)

2 Likes
Level 60 in 362 straight days of reviews
The 0/0 Streak Challenge
[Unsupported] App Store script
Remove meanings from lesson intro? Pass during review?
What do you want now? (Request extensions here)
No longer think this site is great
[Userscript]: Hide Context Sentence Translation
The New And Improved List Of API and Third Party Apps
#2

I like this, normally I like to cycle through my lessons to memorize reading first and meaning always annoys me because I can’t do that, and end up getting the meaning stuck in my head. However, it needs to work with firefox. :slight_smile: Anyone know if there’s anything similar to this somewhere that works for firefox? Also, an option to turn it on and off would be nice. Good idea for the script though!

#3

Agreed; if only we could get a script that moves reading before meaning, haha.

Anyways, I’ve installed it! I look forward to checking it out

#4
mtcleary said... I like this, normally I like to cycle through my lessons to memorize reading first and meaning always annoys me because I can't do that, and end up getting the meaning stuck in my head.
Reordering the lesson tabs to show reading before meaning is possible with this: /t/Userscript-Wanikani-Lesson-Tab-Transmutation/12189/1

It should be an awesome combo with this script.

However, it needs to work with firefox. :-) Anyone know if there's anything similar to this somewhere that works for firefox? Also, an option to turn it on and off would be nice.
Sorry, but it seems like Firefox is the new IE. Even super simple stuff like this doesn't work sometimes.

Good idea for the script though!
 Actually requested by @Dipesh

#5
Mempo said...
mtcleary said... I like this, normally I like to cycle through my lessons to memorize reading first and meaning always annoys me because I can't do that, and end up getting the meaning stuck in my head.
Reordering the lesson tabs to show reading before meaning is possible with this: /t/Userscript-Wanikani-Lesson-Tab-Transmutation/12189/1

It should be an awesome combo with this script.
 Thank you thank you! I just did all my current lessons but I'm going to have a wave of them later so this will help a lot! 本当にありがとうございます！
#6

Hey Mempo…
I just glanced at your code.
Would it work (for Firefox and Chrome) to use css instead?
If CSS would work, no need for a keychange listener :slight_smile:
(sorry, bad forum formatting on my tablet)


var css = ‘#main-info #meaning {visibility:hidden;}’;

$(‘head’).append(’<style type=“text/css”>’+css+’</style>’);
#7
rfindley said... Hey Mempo...
I just glanced at your code.
Would it work (for Firefox and Chrome) to use css instead?
If CSS would work, no need for a keychange listener ^_^
(sorry, bad forum formatting on my tablet)


var css = '#main-info #meaning {visibility:hidden;}'; $('head').append('<style type="text/css">'+css+'</style>'); 
            </blockquote>&nbsp;Indeed! It's even better now, because it keeps the overall height of the container.<br><br>I'll keep in mind not to overcomplicate things in the future ;p<br>
#8

Yesssssss I’ve been just holding my hand over the screen this is better

#9
chrispthompson said... Yesssssss I've been just holding my hand over the screen this is better
 Haha. I've been doing this too. Or - when I'm feeling extravagant - using a piece of paper. I agree: this is much better! Cheers Mempo!

Edit: This is actually the first script I've added in a couple of months now. I feel like my Wanikani armoured battle suit is nearing completion.
#10


Mempo said…

rfindley said…
Hey Mempo…
I just glanced at your code.
Would it work (for Firefox and Chrome) to use css instead?
If CSS would work, no need for a keychange listener :slight_smile:
(sorry, bad forum formatting on my tablet)


var css = ‘#main-info #meaning {visibility:hidden;}’;
$(‘head’).append(’<style type=“text/css”>’+css+’</style>’); 
            </blockquote>&nbsp;Indeed! It's even better now, because it keeps the overall height of the container.<br><br>I'll keep in mind not to overcomplicate things in the future ;p<br>
            </blockquote>&nbsp;Yes! Works on FireFox now. This script in combination with this ( <a rel="nofollow" target="_blank" href="https://www.wanikani.com/chat/api-and-third-party-apps/12428) work great for me. I usually use a piece of paper or something to cover it up, so I've been looking for something like this for awhile now. Thank you!">https://www.wanikani.com/chat/api-and-third-party-apps/12428) work great for me. I usually use a piece of paper or something to cover it up, so I've been looking for something like this for awhile now. Thank you!</a><br> <br>
#11

Alright, so here’s my problem. I like to cycle through my readings first, so hiding the meaning at the top is very beneficial for that. However, after cycling through readings, is there a way to turn back on the meaning spoilers at the top without getting new lessons? I want to study the meanings afterwards, and obviously I can’t because they’re not there. I’ve tried refreshing, but I get new lessons when I do that, and I have to start all over. Anyone know if there is a fix for this? It would be awesome if a hover function could be added, so that I can hover over the meaning when I’m trying to study it, but hide it when I’m not.

#12
mtcleary said... Alright, so here's my problem. I like to cycle through my readings first, so hiding the meaning at the top is very beneficial for that. However, after cycling through readings, is there a way to turn back on the meaning spoilers at the top without getting new lessons?
Yea

 I want to study the meanings afterwards, and obviously I can't because they're not there. I've tried refreshing, but I get new lessons when I do that, and I have to start all over. Anyone know if there is a fix for this? It would be awesome if a hover function could be added, so that I can hover over the meaning when I'm trying to study it, but hide it when I'm not.
 I'm honestly really confused about your learning process. There are tabs for vocab/kanji breakdown, meaning, reading, and sometimes examples. So if you're going through the items again, you can just navigate to the meaning tab if you want to look it up, right?
#13
Mempo said...
mtcleary said... Alright, so here's my problem. I like to cycle through my readings first, so hiding the meaning at the top is very beneficial for that. However, after cycling through readings, is there a way to turn back on the meaning spoilers at the top without getting new lessons?
Yea

 I want to study the meanings afterwards, and obviously I can't because they're not there. I've tried refreshing, but I get new lessons when I do that, and I have to start all over. Anyone know if there is a fix for this? It would be awesome if a hover function could be added, so that I can hover over the meaning when I'm trying to study it, but hide it when I'm not.
 I'm honestly really confused about your learning process. There are tabs for vocab/kanji breakdown, meaning, reading, and sometimes examples. So if you're going through the items again, you can just navigate to the meaning tab if you want to look it up, right?
 It's completely possible that I'm making a noobish mistake, I tend to do that every now and again ;). Words that only have one meaning, for example, 南米, which means only South America, will not have the meaning show up at all. I could read the mnemonic to find the meaning for it, but otherwise 南米 has no synonyms meaning that I can't find the meaning without looking at the mnemonic or without refreshing without the script. Does it makes sense what I'm saying now? I try to avoid the mnemonics because I rely on pure self-study techniques to memorize, so looking at the mnemonic to find the meaning of the word sort of defeats the purpose.
#14

@Mempo, I was also going to request some way to bring the meaning back momentarily - maybe by hovering over where it should be or over the Japanese with the mouse? Or a toggle button?

@mtcleary, a ‘workaround’ is looking at the meaning mnemonic. Usually the the main meaning will be highlighted with purple.

#15
konekush said... @Mempo, I was also going to request some way to bring the meaning back momentarily - maybe by hovering over where it should be or over the Japanese with the mouse? Or a toggle button?

@mtcleary, a 'workaround' is looking at the meaning mnemonic. Usually the the main meaning will be highlighted with purple.

 That's definitely a workaround, but like I said earlier, I try to avoid looking at the mnemonics or anywhere near them because I study differently than a lot of other people on here, and I don't like them getting stuck in my head.
#16
mtcleary said...
...
 It's completely possible that I'm making a noobish mistake, I tend to do that every now and again ;). Words that only have one meaning, for example, 南米, which means only South America, will not have the meaning show up at all. I could read the mnemonic to find the meaning for it, but otherwise 南米 has no synonyms meaning that I can't find the meaning without looking at the mnemonic or without refreshing without the script. Does it makes sense what I'm saying now? I try to avoid the mnemonics because I rely on pure self-study techniques to memorize, so looking at the mnemonic to find the meaning of the word sort of defeats the purpose.
 As @konekush said, the meaning is usually highlighted in purple if you look at the mnemonics. I see how you might have a problem if you don't do that.

You're completely right. I didn't know how much I relied on that meaning until I made it disappear ;p

v2.1 has a hover effect
#17
v2.1 has a hover effect
 This is literally perfect, and exactly what I needed. Thank You!
#18

That’s perfect, thank you!

#19

I did not know I needed this…Until now.
Thanks man :slight_smile:

#20

oh, just saw that the hover effect already was a request - but i have another thing i want to ask for: to make the meaning visible again once i select the ‘meaning’-tab, because i cycle through wanikani with keyboard only and mouse hovering ruins my flow ^^ … or maybe even better, a (customizable?) keyboard button to toggle visibility ?

otherwise an awesome script as usual, thanks!