JavaScript

Phaser 3から変更点が多く、２までとの互換性がなくなったと言っても良い感じですね 世にある２までのコードはPhaser 3では間違いなく動かない Phaser 3でのメモ書きになります 基本テンプレート let config = { ...

JavaScriptでJSONデータのエンコードとデコードを実行するにはJSON.parse()・JSON.stringify()を利用 JSONをJavaScriptオブジェクトに変換 let json = '{"apple":100," ...

「Planck.js」は2D物理エンジンを手軽にJavaScriptで実装できるライブラリ ゲーム用の2D物理演算エンジン「Box2D」を基盤に開発されています 「Planck.js」の導入 githubにて「planck-with-tes ...

reduce()は配列内の値の合計値を返します 数値の合計を得る場合、値の全てが数値またはnulの必要があります（空文字でも""となっている場合はNG） callback関数の指定は必須で、小数点以下や文字列が含まれている場合は関数内で対処 ...

sort()は配列をソートするメゾットです 引数オプションを未指定とする事でデフォルトのアルファベット順の配列ソートが可能ですが、数値も文字列として扱われるので「２＞１０」となります 数値が大きい順や小さい順でソートする場合は別途関数を定義 ...

sort()は配列をソートするメゾットです 引数オプションを未指定とする事でデフォルトのアルファベット順の配列ソートが可能です 配列.sort() また、sort()はオプションに関数を指定する事で様々なソートが可能です このメゾットは指定 ...

reverse()は配列の並び順を逆順（昇順・降順）にソートします 配列.reverse() reverse()には指定可能なオプション引数はありません この処理は指定の配列を変更します reverse()の動作サンプル See the P ...

unshift()は配列の先頭にひとつ、または複数の値を追加します 配列.unshift(追加する値) この処理は配列を直接変更します 複数の値を追加する場合はカンマ区切りで因数を記述します unshift()の動作サンプル See the ...

pop()は配列の最後にひとつ、または複数の値を追加します 配列.push(追加する値) この処理は配列を直接変更します 複数の値を追加する場合はカンマ区切りで因数を記述します push()の動作サンプル See the Pen JavaS ...

shift()は配列にある最初の値を削除した配列を返します 配列.shift() 削除された値はキーも同時に削除され配列の長さも変更されます この処理は配列を直接変更します shift()には因数パラメータはありません shift()の動作 ...

pop()は配列にある最後の値を削除した配列を返します 配列.pop() 削除された値はキーも同時に削除され配列の長さも変更されます この処理は配列を直接変更します pop()には因数パラメータはありません pop()の動作サンプル See ...

indexOf()は配列から特定の値を検索して、その位置を返します 配列.indexOf(検索する値) 第一因数に検索する値（文字列など）を指定します 配列.indexOf(検索する値,2) 第二因数では検索開始位置を指定することが可能です ...

join()は配列内の値を文字列として連結した結果を返します 配列名.join() 因数オプションにて区切り文字（または文字列）を指定する事が可能です 因数未指定時はカンマ区切りでの文字列が返されます 配列名.join(”：”) join( ...

fill()は配列内の値を指定した範囲での書き換えを実行します 配列名.fill("書き換え後の値", 開始位置, 終了位置); 第一因数には書き換え後の値、第二因数は書き換えの開始位置、第三因数は書き換えの終了位置をしていします 配列名. ...

concat()は2つまたは2つ以上の配列を連結した新しい結果配列を返します arrayA.concat(arrayB,arrayC...) concat()の動作サンプル See the Pen JavaScript Array conc ...

trim()は文字列の最初と最後の空白文字を除去します 除去可能な空白文字は「半角スペース」「タブスペース」など また連続した空白文字がある場合も全て除去します trim()の動作サンプル See the Pen JavaScript st ...

substr()は指定した位置から始まる文字列を抽出し、指定した文字数を返します substr(開始位置,取得数) 第一因数に開始位置、第二因数にて取得数を指定します substr(開始位置) 第二因数は省略が可能で、その場合は開始文字以降 ...

toLowerCase()は文字列を小文字に変換し、toUpperCase()は小文字を大文字に変換します 因数パラメータはありません 大文字を小文字に小文字を大文字にする動作サンプル See the Pen JavaScript stri ...

startsWith()はは対象の文字列が指定された文字列（単語など）で始まっているかどうかを判定できます（前方一致） 第一引数には判別する文字列を指定、第二引数では文字列の開始位置を定義できます、未指定は末尾になります 参考：【jQuer ...

split()は対象文字列を指定した文字列や文字で分割した配列を取得します 対象文字列.split(指定文字); カンマなどで区切られた文字列を配列に変換するのに良く使われます split()の動作サンプル See the Pen Java ...

slice()は何文字目から何文字目など範囲を指定して文字列を取得する事が可能 因数がひとつの場合は開始位置としてそれ移行の文字列を取得します 因数が2つの場合は開始位置と終了位置を指定して範囲内の文字列を取得します 開始位置は0が1文字目 ...

replace()は正規表現または値を利用して、文字列を置き換えます 対象文字列.replace(置き換える文字列（正規表現を含む）,置き換え後の文字列) 値として置き換える文字列を指定した場合は、最初に出現する文字列のみが置き換えられ、正 ...

localeCompare()はブラウザの言語設定に応じたソート順序にて2つの文字列を比較します 文字列を比較対象と指定可能ですが、比較するのは最初の1文字目で、1文字目が同一の場合は2文字目移行を同様に比較します 文字列A.localeC ...

search()は正規表現による文字列を検索して、ヒットした場合はその位置を取得します 指定した文字列が見つからなかった場合は-1を返します 正規表現でなくても利用可能です search()とmatch()の違いは返される結果にあり、mat ...

match()は正規表現による文字列を検索して結果配列を取得する事ができます 複数見つかった場合は配列として、見つからなかった場合は-1を返します 検索ルールは正規表現の記述に従います text = `hello world`; text. ...

indexOf()は対象の文字列に指定の文字または文字列が含まれていれば最初に出現した位置を返します 大文字と小文字を区別し、第二引数では指定した文字数目以降に出現した最初の場所を取得できます indexOf()は指定した文字列が存在しない ...

includes()は対象の文字列に指定の文字列が含まれているかどうかを返します 大文字と小文字を区別し、第二引数では検索開始場所を指定可能です（未指定は0） 文字列検索処理が行える「match()」や「indexOf()」とは違って返り値 ...

fromCharCode()は文字のUnicode値を文字列に変換デコードします 単一の場合 let text = fromCharCode(65); textには「A」と代入されます 複数の場合 let text = fromCharCo ...

endsWith()は対象の文字列が指定された文字列（単語など）で終わっているかどうかを判定できます（後方一致） 第一引数には判別する文字列を指定、第二引数では文字列の終わりの位置を定義でき未指定は末尾になります 返り値はtrueまたはfa ...

concat()は指定した複数の文字列を連結した文字列を返す +演算子で連結した場合と結果は同じ A.concat(B,C) 上記の様に記述しますが「A」の中身は書き換わらない concat()の動作サンプル See the Pen Jav ...