JavaScript / TypeScript オンライン実行 — Numio

JavaScript と TypeScript をオンラインで実行。ES2020 以降の構文に対応し、console.log の出力を隔離環境ですぐ確認できます。無料・登録不要。

ブラウザ内で動作 · 登録不要

const orders = [
  { id: 1, customer: "Ana", total: 42.5, paid: true },
  { id: 2, customer: "Ben", total: 18, paid: false },
  { id: 3, customer: "Ana", total: 27.25, paid: true }
];

class Cart {
  #items = [];
  add(name, price) {
    this.#items.push({ name, price });
    return this;
  }
  get total() {
    return this.#items.reduce((sum, item) => sum + item.price, 0);
  }
}

const wait = ms => new Promise(resolve => setTimeout(resolve, ms));

async function main() {
  const paid = orders.filter(order => order.paid);
  const spent = paid.reduce((sums, order) => {
    sums[order.customer] = (sums[order.customer] ?? 0) + order.total;
    return sums;
  }, {});
  console.log("Paid orders:", paid.map(order => order.id).join(", "));
  console.log("Spent per customer:", spent);

await wait(100);
  const cart = new Cart().add("Pen", 1.5).add("Notebook", 3.25);
  console.log(`Cart total: ${cart.total.toFixed(2)}`);

for (const { id, customer, total } of orders)
    console.log(`#${id}`.padEnd(4), customer.padEnd(5), total.toFixed(2).padStart(6));
}

main();

Ctrl/⌘ + Enter で実行

出力

コードはブラウザ内で実行され、アップロードされません。

使い方

JavaScript か TypeScript を選びます。
コードを書き、console.log で結果を出力します。
「実行」（または Ctrl/⌘ + Enter）で出力を確認します。

使用例

// JavaScript のサンプル
const nums = [3, 1, 4, 1, 5, 9];
const sorted = [...nums].sort((a, b) => a - b);
console.log("並べ替え後:", sorted.join(", "));
console.log("最大値:", Math.max(...nums));

仕様と制限

コードは QuickJS（WebAssembly 化された独立した JavaScript エンジン）で実行され、ページからは隔離されています。DOM、通信、ブラウザ API は使えません。

TypeScript は型注釈を取り除いてから実行します。型エラーはチェックされず、構文エラーのみ表示されます。

FAQ

document や fetch は使えますか？

使えません。実行環境には DOM、通信、ブラウザ API がありません。Web ページを扱うならオンライン HTML エディタをご利用ください。

TypeScript の型チェックはされますか？

されません。型は取り除かれて JavaScript として実行されるため、表示されるのは構文エラーだけです。

どの構文に対応していますか？

let/const、アロー関数、クラス、分割代入、テンプレートリテラル、オプショナルチェーンなど、モダンな JavaScript に対応しています。

形式の参考資料

ツールページの更新日： 2026-10-22

出力

使い方

使用例

仕様と制限

FAQ

document や fetch は使えますか？

TypeScript の型チェックはされますか？

どの構文に対応していますか？

関連ツール

形式の参考資料