コードエディター

コンソール出力

「コードを実行」をクリックすると、ここに出力が表示されます...

ヒント

console.log() を使って値を出力してください
JavaScript の標準機能はすべてサポートされています
コードはサンドボックス環境で実行されます
Ctrl+Enter を押すか「コードを実行」をクリックして実行します

JavaScript コンソールとは？

プロジェクトをセットアップせずに JavaScript コードをすばやくテストしたいですか？JavaScript コンソールは、JavaScript コードをすぐに書いて実行できるインタラクティブなオンラインプレイグラウンドです。スニペットのテスト、JavaScript の学習、コードのデバッグに最適です。

MDN Web Docs によると、コンソールは JavaScript 開発における最も強力なツールのひとつです。このコンソールは ES6+ 構文、async/await、モダンな JavaScript API を含むすべての標準 JavaScript 機能をサポートしています。すべてはセキュリティのためにサンドボックス環境で動作します。

最大のメリットは、すべてがブラウザ上で動作することです。コードはサーバーに送信されることなく、ブラウザ内でローカルに実行されます。高速で、無料で、プライバシーも守られます。プロジェクト用の JavaScript パッケージは世界最大のソフトウェアレジストリ npm で見つけることができます。

JavaScript コンソールの使い方

JavaScript を実行・テストするための手順をご説明します。各ステップはこのページの実際のボタンとパネルを使用します。

コードを記述またはサンプルを読み込む

エディターに JavaScript を入力するか、サンプル をクリックして通信加入者のサンプルコードを読み込みます。console.log() で値を出力できます。例：

const subscriber = { subscriberId: "SUB-1001", plan: "無制限 5G", dataUsage: 45.2, status: "active", carrier: "Verizon" };
console.log("Subscriber:", subscriber);

コードを実行する

コードを実行 をクリックするか Ctrl+Enter を押して実行します。コードはサンドボックス環境で実行されます。出力は下のコンソールパネルに表示されます。

出力を確認する

console.log()、console.error() などのコンソールメソッドの出力を確認できます。クリア をクリックしてリセットできます。すべての実行はブラウザ上で行われます。

活用シーン

JavaScript の学習

コードスニペットをテストしながら JavaScript を学びましょう。さまざまな構文を試して即座に結果を確認できます。初心者から経験豊富な開発者まで最適です。

クイックテスト

フルプロジェクトを作成せずに JavaScript コードスニペットを素早くテストできます。コードをプロジェクトに追加する前のデバッグやロジック確認に最適です。

プロトタイピング

JavaScript のアイデアを素早くプロトタイプ化できます。開発環境をセットアップせずに、アルゴリズム、データ構造、API 呼び出しをテストできます。

コードサンプルの共有

JavaScript コードのサンプルを他の人と共有できます。コードを実行してコンセプトを説明したり、動作を実演したりできます。

よくある質問

コードは保存されますか？

いいえ。すべてはブラウザ上で処理されます。コードはコンピューターから外に出ることなく、私たちもコードを見ることはありません。詳細は JavaScript をご参照ください。

どの JavaScript 機能がサポートされていますか？

ES6+、async/await、Promise、クラス、アロー関数、モダンな JavaScript API を含むすべての標準 JavaScript 機能をサポートしています。ほとんどのモダンな JavaScript コードが動作します。詳細は ECMAScript をご参照ください。

外部ライブラリは使用できますか？

現在は標準 JavaScript のみサポートしています。外部ライブラリは読み込まれませんが、JavaScript のコア機能と API をテストできます。詳細は Node.js をご参照ください。

コードを実行しても安全ですか？

はい！コードはサンドボックス環境で実行されます。ファイルシステムへのアクセスやネットワークリクエストは行えません。どの JavaScript コードでも安全にテストできます。

出力を確認するにはどうすればいいですか？

console.log() を使って値を出力してください。すべてのコンソールメソッド（console.log、console.error、console.warn など）が動作し、出力パネルに表示されます。

出力をクリアできますか？

はい！「出力をクリア」をクリックするとコンソール出力がクリアされます。以前の出力が邪魔にならず、複数のテストを実行するのに最適です。

他の JavaScript ツール

テストは JavaScript タスクのひとつに過ぎません。他にもよく一緒に使われるツールがあります：