のんびり研究所

第1回では、ホームポジションの10キーを使って60秒間練習できる、シンプルなタイピングWebアプリを作りました。今回はそこへ、画面キーボードと担当指ガイド、さらに正解・ミス時の演出を追加していきます。最初から完成版を作るのではなく、毎回少し...

タイピングWebアプリ制作、第1回です。今回は、ホームポジションの10キーだけを使った、とてもシンプルなタイピング練習を作ります。画面上部から1文字ずつゆっくり落ちてくるので、表示された文字と同じキーを押します。正しく入力するとスコアが1点...

試験運営用として制作している、Web版の試験用キッチンタイマーです。最初は1個だけのシンプルなタイマーから始まり、実際に使う場面を考えながら少しずつ機能を追加してきました。このページでは、現在の最新版と、これまでに制作した過去バージョンをま...

試験用キッチンタイマー制作、第10回です。第9回では、ブラウザを閉じたりPCを再起動したりしても試験の状態を戻せるように、設定内容と実行状態の保存・復元機能を追加しました。ここまででタイマーとして必要な機能はかなり揃いましたが、実際に教室の...

第8回では、タイマーの外観を7種類のテーマから切り替えられるようにしました。見た目はかなり完成形に近づきましたが、実際の試験で使うことを考えると、まだ一つ大きな不安が残っています。もし試験中にブラウザが落ちたら……タイマーはどうなるのでしょ...

前回の第7回では、累積時間／個別時間の切り替え、上段・下段ごとの終了表示、通常試験全体の終了表示、個別延長タイマーの増減などを追加しました。機能面はかなり完成形に近づいてきたので、今回は少し寄り道して「見た目」で遊んでみます。第2回では、い...

第6回では、マシントラブルなどが発生した受験者向けに、個別延長タイマーを追加できるようにしました。今回は、試験の進め方に合わせて「累積時間」と「個別時間」を段ごとに切り替えられるようにし、さらに上段・下段・通常試験全体の終了状態を、画面を見...

前回の第5回では、最初に設定画面を表示し、上段1～4個・下段0～4個のタイマーを必要な数だけ作れるようにしました。さらに、各課題へ入力した所要時間を段ごとに累積し、試験中に見る本番画面をかなり実用的な形まで近づけています。ただ、実際の試験で...

前回の第4回では、上段4個・下段3個のタイマーを1画面に並べ、まとめてスタートできるようにしました。ただ、実際の試験では毎回同じ個数のタイマーを使うとは限りません。試験によって課題数が違ったり、上段だけ使いたかったり、2級と3級で別々の時間...