Express.js オンライン実行

Express サーバーを書いて実行し、リクエストバーからリクエストを送れます。GET、POST、JSON ボディ、ヘッダーに対応。インストール不要、無料、登録不要です。

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('<h1>Hello from Express</h1><p>Send GET /api/hello?name=Ada</p>');
});

app.get('/api/hello', (req, res) => {
    const name = req.query.name || 'world';
    res.json({ message: `Hello, ${name}!` });
});

app.get('/api/users/:id', (req, res) => {
    const id = Number(req.params.id);
    if (!Number.isInteger(id)) {
        return res.status(400).json({ error: 'id must be a number' });
    }
    res.json({ id, name: `User ${id}` });
});

app.listen(3000, () => {
    console.log('Server running on port 3000');
});

ブラウザで今すぐExpress.jsをオンラインで動かす

Expressプロジェクトを、動いているサーバーの隣で編集できます。「実行」を押すとapp.listen(3000)がサーバーを起動します。あとはリクエストバーからリクエストを送りましょう。メソッドを選び、パスを入力し、ヘッダーとJSONボディを加えると、ステータス、ヘッダー、レスポンスが表示されます。node server.jsを起動してcurlやPostmanで試すのと同じことが、Node.jsをインストールせずにできます。

各サンプルはひとつの完全なプロジェクトで、どのファイルも編集できます。server.jsと、APIのサンプルではroutes/todos.jsのルーターがあります。コンソールにはconsole.log()の出力、すべてのリクエスト、行番号付きのエラーが表示されます。「ルート」メニューにはサーバーが応答するルートが並び、サーバーが返すページはリンクやフォームが動く状態で表示されます。

このExpressプレイグラウンドが便利な理由

本物のフレームワーク：Express 5が、ルート、ルーター、ミドルウェア、express.json()、エラーハンドラーを、fs、process、crypto、eventsを備えたNode.jsランタイムで動かします。
ターミナルの代わりにリクエストバー：GET、POST、PUT、PATCH、DELETE、Authorizationなどのヘッダー、JSONボディに対応し、Cookieはリクエスト間で保持されます。
サーバー不要のデータベース：import { MongoClient } from 'mongodb'で、find、insertOne、インデックス、aggregateが使えるインメモリのMongoDBが手に入ります。
ESモジュールでもCommonJSでも、Node.js 24と同じ読み方で：import express from 'express'とrequire('express')のどちらも動き、ファイル拡張子のルールもNodeと同じです。

Expressプレイグラウンドで作れるもの

JSON API：app.get()でルートを追加し、req.paramsとreq.queryを読み、res.status(201).json()で応答します。
ミドルウェア：すべてのリクエストをログに出し、APIキーのヘッダーでルートを守り、404ハンドラーと引数が4つのエラーハンドラーを加えます。
小さなWebサイト：フォームのあるHTMLページを送り、express.urlencoded()で読み取って、もう一度ページで応答します。

Express.js オンラインのよくある質問

Node.jsをインストールせずにExpress.jsをオンラインで動かせますか？

はい。このページはCoddyのNode.jsランタイムを使い、Web Workerの中でExpressをブラウザで動かすので、インストールもアカウント作成も不要です。最初の実行でランタイムを一度だけダウンロードします（約170 KB）。その後はサーバーが一瞬で起動します。

これは本物のExpressですか？

Express 5.3をそのまま使い、あなたのファイルを動かしています。Nodeの組み込みモジュールはランタイムが提供するので、普通のExpressのコードが動きます。ファイルをパソコンのフォルダーにコピーし、npm install expressとnode server.jsを実行すれば、サーバーは同じように応答します。

APIはどうやってテストしますか？

レスポンスの上にあるリクエストバーを使います。メソッドを選び、パスを入力し、POST、PUT、PATCHではJSONボディを書きます。「ヘッダー」ボタンでAuthorization: Bearer ...のようなヘッダーを追加できます。「ルート」メニューを使うと、サーバーにあるルートがバーに入ります。

プレイグラウンドでできないことは？

npmからパッケージをインストールすることはできません。Express、zod、jose、インメモリのMongoDBは組み込み済みです。実際のネットワーク接続を開くこと、データベースサーバーやインターネットにつなぐこと、実行をまたいでデータを残すこともできません。実行のたびに新しいサーバーが起動します。学習やアイデアを試すためのもので、APIをホストするためのものではありません。

無料ですか？コードは保存されますか？

無料で、アカウントも不要です。各サンプルへの編集はこのブラウザに保存されるので、タブを閉じても戻ってこられます。「リセット」を押すと今のサンプルが最初の状態に戻り、ダウンロードボタンで開いているファイルを保存できます。

ExpressとNode.jsはどうやって学べばいいですか？

まずはここのサンプルから始めましょう。ルートを変えて「実行」を押し、リクエストを送ってみてください。順を追って学ぶなら、CoddyのNode.jsコースがおすすめです。Node.jsの基礎、Express、REST API、MongoDB、認証、NestJSを学び、どのレッスンでもコードの隣で自分のサーバーが動きます。

Expressに役立つツール

Express プレイグラウンドと相性の良い、ブラウザベースの無料ツール。すべて Coddy の一部です。

Express エディタを埋め込むコーディングプラットフォームを比較