はじめに
こちらの投稿は、久しく簡易的なJavaScript実行方法は無いかと個人用に調べたものです。
最初に調査した時は、平成時代だったため2026年のサービス/ツールはどんなものかまとめました。
簡易的なJavaScript実行サービス/ツール
共通のスクリプト
前提として今回試したいのは、すごく簡単な構文を簡易的に試したいです。
const text = "dog is cute"
console.log(text)
alert(text)
1. ブラウザの DevTools Console
Chromeブラウザーのコンソールから実行するもの
ブラウザーを開けばすぐに使えたので、1番お手軽でした。
2. MDN Playground
MDN公式のプレイグラウンド
サイトを開けば使用できました。しかし alert() は出ないみたいです。
3. JSFiddle
歴史あるオンライン実行サービス/ツール
サイトを開けば使用できました。簡易的に使いやすいです。
4. StackBlitz
ブラウザ上で動く開発サービス/ツールです
1番リッチな実行サービス/ツールです。しっかりした検証にいいと思いました。
使ってみて
| サービス名 | 感想 |
|---|---|
| ① JSFiddle | 操作しやすくシンプルで簡易的な実行ならおすすめ |
| ② MDN Playground | 操作しやすくシンプルで簡易的な実行ならおすすめ。しかしalert() が使えないので使い方によるかもしれない‥ |
| ③ DevTools Console | 簡単に実行使えるけど、個人的には少し使いにくい |
| ④ StackBlitz | 簡易的な実行ではなく、本格的な実行目的であれば1番 |
さいごに
2026年改めて調べてみました。
以前からお世話になっていたサービスや、イベントや動画で拝見するものと知らないものもありました。
JavaScriptの実行なので、自前で環境を作ればいいのですが、簡易的な場合だとファイルを作成するのも手間なので、とてもありがたいサービスです。🙇
使用目的によって利点が異なるので、もしも調べている方がいればお役に立てると嬉しいです。