ホーム

JavaScript練習ゲーム

JavaScriptの練習問題集を解いて★を集めるゲーム集です。

練習

JavaScriptブラウザエディタ
JavaScriptをブラウザ上でテストが可能なサンドボックスです。
hi-network.sakura.ne.jp
2026.01.11
JavaScript 変数宣言とスコープ
1. 変数宣言：なぜ var を使わないのか？かつてのJavaScriptでは var が使われていましたが、現在は const と let を使うのが鉄則です。最大の理由は 「スコープ（変数が生きている範囲）」 の扱いにあります。var ...
hi-network.sakura.ne.jp
2026.01.07
JavaScript constの落とし穴：定数だけど変更できる？
「const は定数だから、一度決めたら絶対に変更できない」と思っていませんか？const が保証するのは 「再代入の禁止」 だけです。中身が オブジェクト（連想配列）や配列 の場合、その中身を変更することは可能です。【実験1】（プロパティ...
hi-network.sakura.ne.jp
2026.01.11

問題

JavaScript "Hello, World!"をコンソールに表示したい
JavaScript で"Hello, World!"をコンソールに表示したいゲームです。変数の基礎 JavaScriptサンドボックスです。配列の操作 JavaScriptサンドボックスです。オブジェクトの操作 JavaScriptサンド...
hi-network.sakura.ne.jp
2026.01.11
JavaScriptにおけるデータ型の違い（プリミティブ型 vs オブジェクト型）
変数に値を代入する際、データ型によって挙動が異なります。この違いを理解することは、予期せぬバグを防ぐために非常に重要です。 JavaScriptサンドボックスです。プリミティブ型（数値など）： コンビニでコピーをとって渡すようなもの。元の紙...
hi-network.sakura.ne.jp
2026.01.11
JavaScript クラス設計：this とインスタンス化
クラスのコンストラクタ（constructor）は、インスタンスが生成されるときに最初に呼び出される特別なメソッドです。ここで「インスタンス自身のプロパティ」をセットアップします。JavaScriptの class 構文は、データと機能をひ...
hi-network.sakura.ne.jp
2026.01.11
JavaScript ロジックの構築：関数型プログラミングへの接続
現代のJavaScript開発（ReactやVue.jsなどを含む）では、クラスとセットで「関数型プログラミング」のアプローチが多用されます。特に「配列操作」においてその威力が発揮されます。配列の map() メソッドとクラスの連携APIか...
hi-network.sakura.ne.jp
2026.01.11

注意点

作業データはRun(Ctrl+Enter)コマンド時にLocalStorageに一時的に保存しリロードでは削除されませんが、
容量はドメイン全体で約5MBから10MB程度で閲覧履歴データの削除等の影響は受けるため、
長コードや複数コードを書いた場合はCOPYして自身のファイルを作成し保存を行ってください。