Menu
Coddy logo textTech

JavaScriptプレイグラウンド

ドキュメントを読む

コードスニペットを書いて、実行して、共有できます — セットアップ不要。

index.js
Output
Click Run to see the output here.

ブラウザで JavaScript をオンライン実行

無料のオンライン JavaScript プレイグラウンド。最新の ES2022+ JS をブラウザで書いて Run を押すだけで、Node 24 または Deno 2.4 上で数秒で実行されます。インストールも npm も、package.json の用意も不要です。

エディタは VS Code と同じエンジンで動いているので、JS の構文ハイライトもオートコンプリートもエラーの波線もそのまま使えます。コードは sandboxed コンテナ内の Node 24(または Deno 2.4.3)で実行され、最新の ES2022+ 機能、Node の fs/http API、Deno の標準ライブラリが利用可能 — async 関数を試したいとき、JSON fetch を走らせたいとき、面接問題をステップ実行したいときに、ページを離れずに完結します。

この JavaScript プレイグラウンドが役立つ理由

  • JavaScript を即時実行 — コードを書いて「実行」を押すだけで、Node 24(または Deno 2.4)が数秒で結果を返します。設定不要。
  • JavaScript の構文ハイライト、オートコンプリート、エラー表示が一通り揃っていて、VS Code と同じエディタエンジンがブラウザ上でそのまま動きます。
  • stdin 入力は process.stdin(Node)や Deno の readLine パターンにそのまま繋がっています。入力ボックスに行を打ち込めば、playground が順番に渡してくれます。Node、npm、package.json の設定は手元で一切不要です。
  • Deno 2.4.3 + Node 24 ランタイム — 最新の ES2022+ JavaScript を、Node API と Deno 標準ライブラリ付きで、package.json なしに実行できます。

JavaScriptプレイグラウンドで作れるもの

  • 配列メソッド(map、filter、reduce)、async/await、分割代入、最新の ES2022+ イディオムを Node 24 または Deno 2.4 で実行できます。
  • fetch による JSON の取得とパース、Promise と非同期フロー、クラス構文、面接対策向けの短いアルゴリズム問題。
  • 単発のスニペット:regex のテスト、日付フォーマットの確認、新しい Array メソッドの試行、トリッキーな destructuring パターンの検証など。

オンライン JavaScript プレイグラウンドのよくある質問

オンライン JavaScript プレイグラウンドは無料ですか?
はい、オンラインJavaScriptプレイグラウンドは無料で使えます。登録不要、Nodeのインストール不要、npmのセットアップも不要 — ページを開けば、そのままNode 24またはDeno 2.4でコードを実行できます。
オンラインで JavaScript を実行するのに Node.js のインストールは必要ですか?
インストールは不要です。お使いのマシンに Node、npm、package.json を用意する必要はありません。オンラインの JavaScript ランナーが Node 24(または Deno 2.4)でコードを実行し、数秒で結果を返します。
JavaScript プレイグラウンドはモバイルやクロームブックでも動きますか?
はい。JavaScript プレイグラウンドはモダンなブラウザがあれば、デスクトップでもタブレットでもスマホでも動きます。Node をインストールできない Chromebook、iPad、学校の PC から JS を動かしたいときにも便利です。
JavaScript playground で Node から stdin を読めますか?
はい。stdin 入力ボックスに入力した行は Node の process.stdin に渡されるので、readline インターフェイスや for await (const line of process.stdin) ループは、ローカルで node script.js を実行してターミナルに入力を貼り付けたときと同じように動作します。
プレイグラウンドを試した後、JavaScript はどう学べばいいですか?
サンプルの JavaScript を編集し、「実行」を押して試行錯誤してみてください。もう少し体系的に学びたくなったら、Coddy の対話型 JavaScript コースが変数からクロージャ、プロトタイプ、async/await までカバーします。