improve djtkana
This commit is contained in:
postautistic
parent
dce0168e68
commit
011e77055c
|
|
@ -125,7 +125,7 @@
|
|||
<p><h3>Writing system</h3></p>
|
||||
|
||||
|
||||
<p>You will need to learn all three writing systems to be able to read native material. Since hiragana and katakana are relatively small in number and simple in design, they can be learned through rote repetition in a short time-frame using a site like <a href="http://unckel.de/kanateacher/index-en.html">Kana Teacher</a>. For kanji, however, because of their great number and complexity, there are various opinions on how to best approach them. </p>
|
||||
<p>You will need to learn all three writing systems to be able to read native material. Since hiragana and katakana are relatively small in number and simple in design, they can be learned through rote repetition in a short time-frame using a site like <a href="kana/index.html">DJT Kana</a>. For kanji, however, because of their great number and complexity, there are various opinions on how to best approach them. </p>
|
||||
|
||||
<p>None of the methods described below are objectively superior to the others. The most important thing about any given method is not how "efficient" it is, but whether or not you enjoy it, or at the very least feel motivated enough to see it through to completion. Don't be afraid to try out different methods and see what works best for you.</p>
|
||||
<span id="Benefits and drawbacks of isolated kanji study"></span>
|
||||
|
|
@ -168,7 +168,7 @@
|
|||
|
||||
<ul>
|
||||
|
||||
<li class="a">Lookup a chart of hiragana and katakana (such as these: <a href="https://en.wikipedia.org/wiki/File:Table_hiragana.svg">hiragana</a> / <a href="https://en.wikipedia.org/wiki/File:Table_katakana.svg">katakana</a>) and write each kana down a few times. You can practice with <a href="http://unckel.de/kanateacher/index-en.html">Kana Teacher</a>. 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.</li>
|
||||
<li class="a">Lookup a chart of hiragana and katakana (such as these: <a href="https://en.wikipedia.org/wiki/File:Table_hiragana.svg">hiragana</a> / <a href="https://en.wikipedia.org/wiki/File:Table_katakana.svg">katakana</a>) and write each kana down a few times. You can practice with <a href="kana/index.html">DJT Kana</a>. 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.</li>
|
||||
|
||||
<li class="a">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 <a href="anki.html">Anki startup guide</a>. You should also install <a href="http://rikaisama.sourceforge.net/">Rikaisama</a> (Firefox) or <a href="https://chrome.google.com/webstore/detail/rikaikun/jipdnfibhldikgcjhfnomkfpcebammhp?hl=en">Rikaikun</a> (Chrome), which will allow you to look up words by hovering over them.</li>
|
||||
|
||||
|
|
|
|||
|
|
@ -4,10 +4,10 @@
|
|||
<meta charset="utf-8"></meta>
|
||||
<title>DJT</title>
|
||||
<link rel='shortcut icon' href='favicon.ico' type='image/x-icon'/ >
|
||||
<link rel="stylesheet" href="style/style.css?7">
|
||||
<link rel="stylesheet" href="style/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<script src="assets/script.js?3"></script>
|
||||
<script src="assets/script.js"></script>
|
||||
<div class="byline">
|
||||
<p>you can [not] learn japanese</p>
|
||||
</div>
|
||||
|
|
@ -20,9 +20,9 @@
|
|||
<p><a class="one" href="http://dojgdeck.neocities.org/">DoJG deck</a></p>
|
||||
<p><a class="one" href="cor.html">cornucopia of resources</a></p>
|
||||
<p><a class="one" href="reading%20list.html">reading list</a></p>
|
||||
<p><a class="one" href="kana/index.html">kana</a></p>
|
||||
<p><a class="one" href="https://docs.google.com/spreadsheets/d/1nC03SCIiEy_4S0Ivv56dADu46sAWh5YANFB4gFuNChI/pubhtml?widget=true&headers=false&chrome=false">feedback</a></p>
|
||||
<p><a class="one" href="https://github.com/postautistic/djt/archive/master.zip">offline archive</a></p>
|
||||
<p><a class="one" href="threads.html">thread webring</a></p>
|
||||
</div>
|
||||
|
||||
<img src="assets/back3.png" id="image">
|
||||
|
|
|
|||
|
|
@ -168,4 +168,8 @@ ul#tools li a {
|
|||
|
||||
.font_example img {
|
||||
width:47px;
|
||||
}
|
||||
|
||||
#explanation {
|
||||
line-height:1.6em;
|
||||
}
|
||||
|
|
@ -117,6 +117,8 @@ var kana = {
|
|||
{ 'ピャ': 'pya', 'ピュ': 'pyu', 'ピョ': 'pyo'},
|
||||
}
|
||||
|
||||
var show_tools = ['あ', 'い', 'う', 'え', 'お', 'か', 'き', 'く', 'け', 'こ', 'さ', 'し', 'す', 'せ', 'そ', 'た', 'ち', 'つ', 'て', 'と', 'な', 'に', 'ぬ', 'ね', 'の', 'は', 'ひ', 'ふ', 'へ', 'ほ', 'ま', 'み', 'む', 'め', 'も', 'や', 'ゆ', 'よ', 'ら', 'り', 'る', 'れ', 'ろ', 'わ', 'を', 'ん', 'ア', 'イ', 'ウ', 'エ', 'オ', 'カ', 'キ', 'ク', 'ケ', 'コ', 'サ', 'シ', 'ス', 'セ', 'ソ', 'タ', 'チ', 'ツ', 'テ', 'ト', 'ナ', 'ニ', 'ヌ', 'ネ', 'ノ', 'ハ', 'ヒ', 'フ', 'ヘ', 'ホ', 'マ', 'ミ', 'ム', 'メ', 'モ', 'ヤ', 'ユ', 'ヨ', 'ラ', 'リ', 'ル', 'レ', 'ロ', 'ワ', 'ヲ', 'ン'];
|
||||
|
||||
var replacements = {
|
||||
'tu' : 'tsu',
|
||||
'ti' : 'chi',
|
||||
|
|
@ -166,17 +168,25 @@ function load_settings() {
|
|||
}
|
||||
|
||||
function check(set) {
|
||||
tds = document.getElementById(set).children;
|
||||
for (i = 0; i < tds.length; i++) {
|
||||
tds[i].children[0].checked = true;
|
||||
var trs = document.getElementsByClassName(set);
|
||||
for (i = 0; i < trs.length; i++) {
|
||||
var tds = trs[i].children;
|
||||
for (x = 0; x < tds.length; x++) {
|
||||
if(tds[x].children[0].id != 'KOI-WIN') {
|
||||
tds[x].children[0].checked = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
save_settings();
|
||||
}
|
||||
|
||||
function uncheck(set) {
|
||||
tds = document.getElementById(set).children;
|
||||
for (i = 0; i < tds.length; i++) {
|
||||
tds[i].children[0].checked = false;
|
||||
var trs = document.getElementsByClassName(set);
|
||||
for (i = 0; i < trs.length; i++) {
|
||||
var tds = trs[i].children;
|
||||
for (x = 0; x < tds.length; x++) {
|
||||
tds[x].children[0].checked = false;
|
||||
}
|
||||
}
|
||||
save_settings();
|
||||
}
|
||||
|
|
@ -257,7 +267,7 @@ function show_kana() {
|
|||
}
|
||||
document.getElementById('answer').innerHTML = cur_reading;
|
||||
|
||||
if(cur_kana.length > 1) {
|
||||
if(show_tools.indexOf(cur_kana) == -1) {
|
||||
document.getElementById('tools').style.visibility = 'hidden';
|
||||
} else {
|
||||
document.getElementById('tools').style.visibility = 'visible';
|
||||
|
|
|
|||
|
|
@ -3,10 +3,10 @@
|
|||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>DJT Kana</title>
|
||||
<link rel="stylesheet" href="djtkana.css" />
|
||||
<link rel="stylesheet" href="djtkana.css?3" />
|
||||
</head>
|
||||
<body>
|
||||
<script src="djtkana.js"></script>
|
||||
<script src="djtkana.js?3"></script>
|
||||
|
||||
<h1>DJT Kana</h1>
|
||||
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<div id="options_inner">
|
||||
<h3>Hiragana <span class="checkall"><a onclick="check('hcheck')">check all</a> | <a onclick="uncheck('hcheck')">uncheck all</a></span></h3>
|
||||
<table>
|
||||
<tr class="checkrow" id="hcheck">
|
||||
<tr class="checkrow hcheck">
|
||||
<td><input type="checkbox" class="kanacheck" id="hsingle" checked /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="hk" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="hs" /></td>
|
||||
|
|
@ -143,7 +143,7 @@
|
|||
|
||||
<h3>Hiragana combinations <span class="checkall"><a onclick="check('hccheck')">check all</a> | <a onclick="uncheck('hccheck')">uncheck all</a></span></h3>
|
||||
<table>
|
||||
<tr class="checkrow" id="hccheck">
|
||||
<tr class="checkrow hccheck">
|
||||
<td><input type="checkbox" class="kanacheck" id="hdk" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="hds" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="hdc" /></td>
|
||||
|
|
@ -203,7 +203,7 @@
|
|||
|
||||
<h3>Katakana <span class="checkall"><a onclick="check('kcheck')">check all</a> | <a onclick="uncheck('kcheck')">uncheck all</a></span></h3>
|
||||
<table>
|
||||
<tr class="checkrow" id="kcheck">
|
||||
<tr class="checkrow kcheck">
|
||||
<td><input type="checkbox" class="kanacheck" id="ksingle" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="kk" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="ks" /></td>
|
||||
|
|
@ -315,7 +315,7 @@
|
|||
|
||||
<h3>Katakana combinations <span class="checkall"><a onclick="check('kccheck')">check all</a> | <a onclick="uncheck('kccheck')">uncheck all</a></span></h3>
|
||||
<table>
|
||||
<tr class="checkrow" id="kccheck">
|
||||
<tr class="checkrow kccheck">
|
||||
<td><input type="checkbox" class="kanacheck" id="kdk" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="kds" /></td>
|
||||
<td><input type="checkbox" class="kanacheck" id="kdc" /></td>
|
||||
|
|
@ -373,10 +373,10 @@
|
|||
</tr>
|
||||
</table>
|
||||
|
||||
<h3>Fonts</h3>
|
||||
<h3>Fonts <span class="checkall"><a onclick="check('allfonts')">check all</a> | <a onclick="uncheck('allfonts')">uncheck all</a></span></h3>
|
||||
|
||||
<table>
|
||||
<tr class="checkrow">
|
||||
<tr class="checkrow allfonts">
|
||||
<td><input type="checkbox" class="fontcheck" id="default" checked /></td>
|
||||
<td><input type="checkbox" class="fontcheck" id="A-OTF-BokutohNStd-Regular" /></td>
|
||||
<td><input type="checkbox" class="fontcheck" id="A-OTF-FolkPro-Regular" /></td>
|
||||
|
|
@ -399,7 +399,7 @@
|
|||
<td><span class="font_example"><img src="fonts/ArmedBanana/ぎ.png" /></span></td>
|
||||
</tr>
|
||||
|
||||
<tr class="checkrow">
|
||||
<tr class="checkrow allfonts">
|
||||
<td><input type="checkbox" class="fontcheck" id="DFCry5_0" /></td>
|
||||
<td><input type="checkbox" class="fontcheck" id="DFMrg3_0" /></td>
|
||||
<td><input type="checkbox" class="fontcheck" id="F5AJCCPE_0" /></td>
|
||||
|
|
@ -425,11 +425,25 @@
|
|||
|
||||
<p>(The last font above is difficult and you may want to skip it as a beginner.)</p>
|
||||
|
||||
<!--
|
||||
<h3>Q&A</h3>
|
||||
<p class="question"></p>
|
||||
<p class="answer"></p>
|
||||
-->
|
||||
<h3>Explanation</h3>
|
||||
<div id="explanation">
|
||||
<p>Grind a row of kana until you stop making mistakes, then add another row. Press the <code>Play sound</code> link to make sure you are pronouncing the kana correctly. If you wish to write, the <code>Stroke order</code> link will show you the proper form.</p>
|
||||
|
||||
<p>The two little dots (<a href="https://en.wikipedia.org/wiki/Dakuten">dakuten</a>) next to certain kana indicate that the first consonant is "muddied" (voiced). For example, か (ka) becomes が (ga). The first letter of the romaji for these kana transforms as follows:
|
||||
<ul>
|
||||
<li>k -> g</li>
|
||||
<li>s -> z</li>
|
||||
<li>t -> d</li>
|
||||
<li>h -> b</li>
|
||||
</ul>
|
||||
|
||||
<p>A few kana add a small circle to indicate a "p" consonant transformation. For example, ほ (ho) becomes ぽ (po).</p>
|
||||
|
||||
<p>The smaller kana ゅ, ょ, and ゃ are used to combine kana sounds. For example, in <span style="white-space:nowrap">ぎゃ</span> (gya) the consonant of ぎ (gi) combines with the sound from や (ya). The small っ (distinct from つ/tsu) is not itself pronounced, but lengthens the consonant that follows, as in にっぽん (nippon). Read <a href="http://www.guidetojapanese.org/learn/grammar/hiragana">Tae Kim</a> for more information about kana.</p>
|
||||
<p></p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -71,7 +71,7 @@
|
|||
|
||||
<p><h3>Kana</h3></p>
|
||||
|
||||
<p><span class="bold">※</span><a href="http://unckel.de/kanateacher/index-en.html">Kana Teacher</a> - Tests kana recognition. The recommended procedure for learning kana. Just grind until you know them. Does not teach stroke order or pronunciation. Optimal for pounding the readings into your head quickly.</p>
|
||||
<p><span class="bold">※</span><a href="kana/index.html">DJT Kana</a> - Tests kana recognition. The recommended procedure for learning kana. Just grind until you know them. Optimal for pounding the readings into your head quickly. Alternative: <a href="http://unckel.de/kanateacher/index-en.html">Kana Teacher</a></p>
|
||||
|
||||
<p><a href="anki.html">Anki</a> - <a href="https://ankiweb.net/shared/info/722065315">Hiragana deck</a>. Katakana and Hiragana deck: See Anki section of the first sheet in the <a href="cor.html">Cornucopia of Resources</a>.</p>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue