「JavaScript実用サンプルコード解説付き」とは?

 「JavaScript実用サンプルコード解説付き」は、JavaScriptの、各種実用サンプルのコードです。全て解説付きで掲載しています。使用しているコードの多くは、Webサイトやゲーム開発で、実際に使用しているものです。

 コードは、自由にコピペして使用していただいて構いません。基本的に、モダンブラウザ向けです。デバッグは、Google Chromeで行っています。

 バグ等を発見された際は、下記アドレスに、ご連絡頂ければ幸いです(古いブラウザでは、対応できないこともあります)。

mail: webmaster at crocro.com twitter: @ruten

記事一覧

アプリやゲーム用の処理

Webブラウザを利用した、scriptタグでの読み込みと、Node.jsでのrequireでの読み込みの両方に対応する関数の、簡易的な作り方を紹介します。
シード付きで擬似乱数を生成する軽量アルゴリズム「Xorshift」を扱うための関数です。
ドット単位で近似的な直線を引くための関数です。マス目のあるゲームで、射線が通っているかを確認するのにも使えます。
Dateオブジェクトから、YYYY-MM-DDのようなフォーマットで、日付や時間の文字列を取得する処理です。
配列の内容から重複を取り除きます。ユニーク化では、配列の内容がオブジェクトの場合もあります。その際は、同じか否かを判定するために一工夫が必要です。この関数では引数として、オブジェクトを文字列化する関数を、指定可能にしています。
最小値と最大値を指定して、値がその範囲内に収まるように戻り値を戻す関数です。ゲームのパラメータなどでよく用います。
最小値と最大値と比率を指定して、最小値から最大値の間の、指定比率の数値を戻す関数です。ゲームのアニメーションの動きなどでよく用います。

Webページの便利処理

Webブラウザに読み込まれたJavaScriptのファイルが、自分自身のパスを知りたいことがあります。その際に、パスを取得するための関数です。
CSSをJavaScriptから動的に読み込みます。
URLの「?」以降のクエリー文字列をオブジェクトに変換します。また、その逆も行います。

履歴

  • 2018-07-06 「配列のユニーク化」「最小最大」「比率」を追加。
  • 2018-06-29 とりあえず公開。
  • 2018-06-26 サイトの作成を開始。
  • 全て読む

紹介

Steamでゲームをリリースした時の経験をマニュアル的にまとめた本です。
8bit風RTS「TinyWar」のアルゴリズムを、コード付きで解説した本です。
JavaScriptから手軽に扱える形態素解析器『kuromoji.js』を使い、日本語を分解して遊ぶ本です。
node.jsを使い、「Google Chrome」のユーザーデータを、自動処理でメンテナンスするプログラムを開発する本です。
HTML5でローカルアプリが作れるNW.jsで、同人ゲームを作るための基礎知識の本です。
シミュレーションRPG「TinySRPG」のアルゴリズムを、コード付きで解説した本です。
JavaScriptの実行時エラーを分類して、ワンライナーのソースコードとエラーメッセージを収録した本です。
禁止文字つきコードゴルフを1年以上出題して、その解答ノウハウをまとめた本です。
2011年の春ごろに、Javaで「NyARToolKit」互換のARマーカー認識プログラムを書いた時のレポートです。