TOP サイトマップ タイピングゲームを作る講座 ゲーム DIABLO
チャット BBS リンク集 顔文字 逆アクセスランキング

JavaScriptでタイピングゲームを作ろう講座

はじめに

利用規約

質問掲示板

完成サンプル

完成サンプルのダウンロード

本でjavascriptを学ぶなら


共通講座

1.JavaScriptの基本


少しづつ作って学ぶ

講座1(作って学ぶ)
〜テキストフィールド〜

1-1.JavaScriptからテキストフィールドの操作

1-2.5つの文字列の中からランダムに選んでテキストに入れる

1-3.キーボードで打ったキーをテキストに表示

講座2(作って学ぶ)
〜タイピングソフトの基礎部分〜

2-1.出た文字列をタイピングする

2-2.ひらがなからローマ字を作成

2-3.タイピングの基礎完成

講座3(作って学ぶ)
〜タイピングソフトの完成〜

3-1.クッキーを使って過去データを保存

3-2.タイピングソフトの完成

講座4(作って学ぶ)
〜その他〜

4-1.Netscape(ネットスケープ)に対応させる


サンプル例の解説で学ぶ

講座1(サンプル解説)
〜概要〜

1.HTMLタグの説明

講座2(サンプル解説)
〜サンプルの解説〜

2-1.使用している関数の説明1
〜全体の流れ、typeend()、kekka()関数〜

更新履歴

2005/04/09:完成版にバグを発見したので修正。小数点を3位までに切り詰める処理で、小数点がない場合の処理を入れていなかった為に 得点結果が非常に小さく出ていた。自作のランキングシステムとクッキーを統一する為にクッキーの作成部分(setCookie)と 取り出し部分(getCookie)内を大幅修正。最新バージョンは現在Ver.1.5です。

2005/03/10:講座4-1(作って学ぶ)Netscape(ネットスケープ)に対応させる

2005/03/08:講座3-1(作って学ぶ)クッキーを使って過去データを保存、 講座3-2(作って学ぶ)タイピングソフトの完成サンプルを更新

2005/03/03:講座2-3(作って学ぶ)タイピングの基礎完成をアップ。

2005/03/02:講座1-3(作って学ぶ)キーボードで打ったキーをテキストに入れる、講座2-1(作って学ぶ) 出た文字列をタイピングする、講座2-2(作って学ぶ)ひらがなから ローマ字を作成の3講座をアップ。

2005/02/22:講座1-1(作って学ぶ)JavaScriptでテキストフィールドを操作、講座1-2(作って学ぶ)5つの文字列の中からランダムに選んでテキストフィールドに入れるをアップ。

2005/02/22:サンプルの解説だけだとわかり辛いので、Flashでタイピングゲーム作成講座と 同様に徐々に作成していく講座も作る事に決定。

2005/02/22:講座2-1(サンプル解説)使用している関数の説明 を途中までアップ。

2005/02/21:講座1(サンプル解説)HTMLタグの説明をアップ。

2005/02/21:サンプル例のダウンロードが可能。

2005/02/20:講座JavaScriptの基本をアップ。