JavaScriptプレイグラウンド
オンラインで利用できるJavaScriptプレイグラウンド、ブラウザ内でコードを実行
JS Playground とは
JS Playground はブラウザベースの JavaScript コードエディタで、ブラウザ上で直接 JavaScript を記述・実行できます。コンソール出力(log、warn、error、info)をキャプチャし、実行エラーを表示し、実行時間を測定します。簡単な実験、アルゴリズムのプロトタイピング、JavaScript の学習、開発環境を構築せずにコードスニペットをテストするのに最適です。
使い方
コードエディタ領域に JavaScript コードを入力または貼り付けます。実行ボタンをクリックしてコードを実行します。下のコンソール出力パネルに console.log、console.warn、console.error、console.info のメッセージが表示されます。エラーが発生した場合、赤いエラーパネルに表示されます。実行後、実行ボタンの横に実行時間(ミリ秒)が表示されます。
対応 JavaScript 機能
Playground はモダン JavaScript(ES6+)に対応しており、アロー関数、テンプレートリテラル、分割代入、クラス、async/await、Promise、スプレッド/レスト演算子、Map/Set、Symbol などをサポートしています。また、JSON、Math、Date、Array メソッド、String メソッド、正規表現などの標準ブラウザ API も利用できます。
コンソール出力の使い方
Playground は4つのコンソールメソッドをインターセプトします:console.log(標準出力、デフォルト色)、console.warn(警告、黄色)、console.error(エラー、赤色)、console.info(情報メッセージ、青色)。オブジェクトと配列は JSON.stringify で自動的にフォーマットされ、読みやすく表示されます。コード内で try/catch ブロックを使用すると、ランタイムエラーを適切に処理できます。
コードテストのヒント
Playground を使って、アルゴリズムの素早い検証、正規表現のテスト、JSON データの解析、プロジェクトに統合する前の関数のプロトタイピングを行えます。複数の console.log を連続して使用し、変数の値を段階的に追跡できます。内蔵の実行タイマーで異なるアプローチのパフォーマンスを比較できます。try/catch を使用してエラーが起きやすいコードを安全にテストしましょう。
▶どの JavaScript 機能に対応していますか?
▶コードの実行は安全ですか?
▶外部ライブラリは使用できますか?
▶コードを共有するにはどうすればよいですか?
▶作業を保存できますか?
▶モバイルで動作しますか?
▶パフォーマンスの制限はありますか?
このツールがあなたに役立ったなら、私にコーヒーをご馳走することをお勧めします。
私にコーヒーを買ってください。