<DOCTYPE html>
<html lang="ja">
<head>
<title>タイピングのすゝめ</title>
<meta charset="utf-8">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap" rel="stylesheet">
<link href="https://use.fontawesome.com/releases/v5.15.1/css/all.css" rel="stylesheet">
<link href="jdmain.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jdinit.js"></script>
<style>
h1{
margin: 50px;
text-align: center;
}
h2{
font-size: 25px;
}
.mark1{
background: linear-gradient(transparent 0%, pink 20%);
}
.mark2{
background: linear-gradient(transparent 0%, #ffff33 20%);
}
ol{
list-style: decimal;
}
</style>
</head>
<body>
<header id="header">この部分は header.html に置き換わる</header>
<h1>タイピングのすゝめ</h1>
<h2>jsTRRの使い方</h2>
<ol>
<li>koekiMAILを開く</li>
<p>事前に<mark class="mark1">koekiMAIL</mark>を開き、ログインしておく。<br>
※koekiMAILは<mark class="mark2">s4のリンクからアクセス</mark>してもらう。</p>
<li>jsTRRログイン</li>
<p><mark class="mark1">jsTRR</mark>を開き、Loginに自分の塾生番号（j2〇〇○）を入力する。※jsTRRも1と同様に<mark class="mark2">s4のリンクからアクセス</mark>してもらう。<br>
1で開いておいたkoekiMAILに下の画像のようなメールが届くのでパスコード確認する。※パスコードは一定時間で変わるようになっているので気をつける。
<img src="jstrr1.png" alt="パスコード確認" width="750px"><br>
3で確認したパスコードをjsTRRのPasscodeに入力する。</p>
<img src="jstrr2.png" alt="パスコード入力画面" width="500px">
<li>jsTRR操作</li>
<p>下の画像のようなページが出たら、自分が挑戦したいレベルを選択する。<br>
<img src="jstrr3.png" alt="レベル選択" width="750px"><br>
※はじめはホームポジションからし、慣れてきたらローマ字・英語初級・日本語憲法をするとよい。<br>
選択したらBackSpaceキーを押して開始し、枠内の文字通り入力する。<br></p>
<img src="jstrr5.png" alt="タイピング画面" width="750px">
<li>結果画面</li>
<p>枠内に表示された文字を打ち終わると下の画像のように表に結果が表示される。</p>
<img src="jstrr6.png" alt="結果画面" width="750px">
<h4>結果の表で見るとよい所</h4>
<ul>
<li>Time BackSpaceを押してから最後のEnterを押すまでの時間</li>
<li>Miss 打ち間違えた回数</li>
<li>Score その時に実行した点数</li>
<li>Terget 自分の順位から見て一つ上の人の点数</li>
<li>High Score 最高記録の点数</li>
</ul>
<li>ランク表の表示</li>
<p>TEXTの下にあるRANKでランク表を表示することができる。<br>
その中でもTotalを選ぶとjstrrを実行した人たちの全体のランク表を見ることができる。</p>
<img src="jstrr7.png" alt="ランク" width="750px">
</ol>
<footer id="footer">この部分は footer.html に置き換わる</footer>
</body>
</html>
