JavaScriptオンライン実行ツール
ブラウザ上でJavaScriptを実行し、console.logの出力、戻り値、行番号付きのエラー、実行時間を確認できます。コードは時間制限つきの分離されたWorkerで動きます。
短いコードを試したり、組み込みメソッドの動作を確かめたり、小さな関数をデベロッパーツールなしでデバッグしたりできます。JavaScriptを入力して計算ボタンを押すと、console.logの出力、戻り値、行番号付きのエラー、所要時間がすべて表示されます。コードは別のWeb Workerで時間制限つきで実行されるため、無限ループでページが固まることはありません。
使い方
- JavaScriptを入力または貼り付けます。トップレベルの
awaitとreturnが使えます。 - 制限時間(1〜10秒)を設定します。
- 計算ボタンを押して実行します。
- コンソール出力、戻り値、行番号と列番号つきのエラーを確認します。
計算式
コード → Web Worker内のasync関数 → コンソールメッセージ、戻り値、エラー
console.log、info、warn、error、table、dir、count、time/timeEnd、group、assertの出力を取得します。setTimeoutで開始したタイマーは制限時間まで待ち、setIntervalは解除または停止されるまで動き続けます。Workerにはdocumentやwindowがないため、DOMのコードはここでは動作しません。
計算例
初期値のサンプルは19.99 + 5 + 42.5を足して合計: 67.49を出力し、3つの価格の小さな表を描き、200 ms待ってから、浮動小数点のお馴染みの落とし穴である0.1 + 0.2 = 0.30000000000000004を出力し、{ items: 3, total: 67.49 }を返します。
よくある質問
importやrequireは使えますか?
いいえ。コードはブラウザのWorker内で通常のスクリプトとして実行されるため、モジュールのimport/export文やNodeのrequireは使えません。必要なコードは直接貼り付けてください。
DOMのコードが失敗するのはなぜですか?
Workerにはページがないため、document、window、alertは存在しません。これにより、コードがこのページを書き換えることはできません。
コードはどこかに送信されますか?
いいえ。計算ボタンを押したときだけブラウザ内で実行され、このサイトはコードを保存したりリンクに含めたりしません。ページのアドレス(?code=…)で渡されたコードは、実行せずに削除されます。
どのバージョンのJavaScriptに対応していますか?
ブラウザが対応しているものすべてです。最新のChrome、Edge、Firefox、Safariでは、オプショナルチェーン、プライベートクラスフィールド、トップレベルawaitなどの新しい構文が使えます。
出典
最終更新:
この入力内容のページアドレス: https://kakao.mobile/ja/tools/javascript-playground/
このツールを引用する
kakaoCalc. (2026, November 8). JavaScriptオンライン実行ツール. https://kakao.mobile/ja/tools/javascript-playground/
“JavaScriptオンライン実行ツール.” kakaoCalc, 8 Nov. 2026, kakao.mobile/ja/tools/javascript-playground/.