コードエディター

コンソール出力

「コードを実行」をクリックしてここに出力を表示...

JavaScriptコンソールとは?

JavaScriptコンソールはブラウザでJavaScriptを実行するオンラインプレイグラウンドです。コードを書いて実行をクリックすると出力が表示されます。セットアップは不要です。ECMAScript仕様が言語を定義しています。

このツールは完全にブラウザ内で動作します。コードはサンドボックス環境で実行されます。値を出力するにはconsole.logを使用してください。コードのフォーマットにはJavaScriptフォーマッターを、検証にはJavaScriptバリデーターを、ミニファイにはJavaScriptミニファイアーを使用してください。

このツールの使い方

1

Write or Paste Code

Type or paste JavaScript in the editor. Use Sample to load example code. Use Clear to reset. Use console.log to output values.

2

コードを実行

コードを実行をクリックするかCtrl+Enterを押してください。コンソール出力が右パネルに表示されます。実行失敗時はエラーが表示されます。

3

クリアして繰り返す

出力をクリアでコンソールをリセットできます。編集して再度実行してください。共有前にフォーマットするにはJavaScriptフォーマッターを使用してください。

JavaScriptコンソールの例

上のエディターでこの例を試してください。コピーして貼り付け、コードを実行をクリックしてください。

例:加入者オブジェクト

これを試す

JavaScriptコンソールが役立つ場面

スニペットのテスト、JavaScriptの学習、ロジックのデバッグ時に、コンソールで即座にフィードバックが得られます。ローカルセットアップなしで素早い実験に最適です。Node.js APIやDOMには、フルIDEまたはブラウザ開発ツールを使用してください。難読化されたコードには、まずJavaScriptデオブフスケーターを使用してください。

よくある質問

コードはプライベートですか?

はい。コードはブラウザ内で実行されます。データはサーバーに送信されません。

何を実行できますか?

標準JavaScript(ES5、ES6+)。DOM、Node.jsモジュールはありません。出力にはconsole.logを使用してください。

サンドボックスですか?

はい。コードは制限された環境で実行されます。ファイルシステムやネットワークアクセスはありません。

コンソールとフォーマッターの違いは?

コンソールはコードを実行します。フォーマッターはフォーマットのみです。両方使用してください:可読性のためにフォーマット、テストのために実行。

async/awaitはサポートしていますか?

はい。モダンなJavaScript機能はサンドボックスでサポートされています。

関連ツール

ECMAScript, MDN JavaScript, Node.js, Chrome DevTools.

ヒント

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