OpenAI Codex は、指示からクリックできる動作するプロトタイプを作成できます。相互にリンクした画面、サンプルデータ、実際にたどれるフローです。ただし、Codex は公開リンクを提供しません。プロトタイプはサンドボックスやディスク上にあります。Lobsite はその足りない一歩です。Codex が npx -y lobsite --yes を実行すると、チーム、クライアント、テスト参加者に送れる公開 HTTPS アドレスと、それを残すリンクが手に入ります。事前の設定は何もありません。
仕組み
- Codex に静的プロトタイプを依頼します。 HTML ページまたは Vite ビルドで、サーバーもシークレットもありません。下の AGENTS.md のセクションで方法を伝えます。
- Codex に公開させます。 プロジェクトフォルダから
npx -y lobsite --yesを実行します。コマンドにはネットワークアクセスが必要です。Codex のネットワークアクセスをご覧ください。 - アドレスを共有します。 Codex が URL と取得リンクを伝えます。6 時間以内に取得すると、同じアドレスのままプロトタイプを無料アカウントに残せます。
プロトタイプであることを Codex に伝える
Codex は開始前に AGENTS.md を読みます。セクションを追加すると、すべてのタスクが修正なしで共有できるものを作成します。
## Prototypes
This repository holds clickable prototypes, not production code.
- Build static files only: HTML, CSS and JavaScript, or a Vite build into `dist/`. No backend, no real API calls, no keys.
- One page or route per screen. Use relative links so pages open from any address.
- Put sample data in the code. Every button leads somewhere, even to a placeholder screen.
- To share it, run:
```bash
npx -y lobsite --yes --preview
```
- Give the user the preview URL, and relay the "Tell the user:" line from the output word for word.
--preview から始めることで、新しいバージョンが他の人の見ているものを置き換えることはありません。メインのリンクにするタイミングは自分で決められます。
複数の方向性を並べて比較
Codex はタスクを複数回試して、複数のバージョンを提供できます。プロトタイプなら、同じ画面に対する 2~3 の方向性です。それぞれをプレビューとして公開すると、各方向性に専用のアドレスが付きます。
npx -y lobsite --yes --preview
アドレスをデザインレビューに載せるか、それぞれ数人のユーザーに送ってください。方向性が決まったら、メインのバージョンにします。
npx lobsite promote <id>
他のものは、次のレビューで考えが変わる場合に備えて、無料アカウントでは 7 日間(Standard では 30 日間)アドレスを保持します。npx lobsite deploys ですべて一覧表示できます。
フィードバックを得る
- ユーザビリティテスト: ホストされたプロトタイプは通常の Web サイトです。アドレスを Maze、Lyssna、UserTesting に渡すか、参加者に直接送ってください。各画面に独自のパスがあるので、タスクを特定のページで開始、終了できます。
- ページからの回答: フィードバックやアンケートの画面は
/_lobsite/forms/feedbackに送信できます。プロトタイプをアカウントに残すと、各回答がスパム除去されてメールで届きます。フォームをご覧ください。 - 招待した人に限定: 未取得のプロトタイプは検索エンジンにインデックスされず、プレビューアドレスも同様です。Standard では、サイトのパスワードがプロトタイプのすべてのアドレスに適用され、レビュアーの入力はブラウザごとに 1 回です。
アカウントなしのデプロイは 6 時間公開されます。取得リンクから無料で残せます。
公開前にプレビューできます。リダイレクトも含めてワンクリックでロールバックできます。
Standard では、サイトのすべてのアドレスでパスワードを求められます。レビュアーの入力はブラウザごとに 1 回です。
エージェント実行時は確認を求めず、URL と取得リンクを含む Tell the user: 行を出力します。
フォームの送信先を /_lobsite/forms/contact にするだけです。スパムフィルターも含まれます。
Free アカウントでも利用できます。DNS レコードを 1 つ追加するとサイトが独自ドメインに移動します。すべてのプランですべてのサイトに HTTPS が付きます。
Codex プロトタイプ: Lobsite、Tiiny Host、GitHub Pages
| Lobsite | Tiiny Host | GitHub Pages | |
|---|---|---|---|
| Codex の公開方法 | コマンド 1 つ、または MCP サーバー | MCP サーバー、または zip をアップロード | コミット、プッシュ、ビルド用ワークフロー |
| 開始時のアカウント | 6 時間は不要 | 必要 | GitHub アカウントとリポジトリ |
| 無料プラン | 1 サイト、50 MB まで、過去 7 日間のバージョンをプレビューとして | 1 サイト、3 MB のアップロード、バナー付き | 公開リポジトリ |
| バージョンごとのリンク | --preview、その後昇格またはロールバック |
同じリンクに再アップロード | 組み込みなし |
| パスワード | Standard | Solo プラン以上 | いいえ |
| カスタムドメイン | 無料、アカウントに 1 つ | Solo プラン以上 | 無料 |
Tiiny Host は手動でドロップする単一のファイルに向いています。Lobsite は、Codex に各バージョンを公開させ、以前のものにもリンクを残したい場合に向いています。
よくある質問
Codex は共有できるプロトタイプをどこに置きますか?
ディスクまたはサンドボックスで、どちらにも公開アドレスはありません。デプロイコマンドがビルド済みファイルをプロジェクトフォルダから Lobsite にアップロードし、公開 URL を表示します。
Codex はクラウドタスクからプロトタイプを公開できますか?
はい、環境がエージェントのインターネットアクセスを許可していれば可能です。lobsite.com、upload.lobsite.app、npm レジストリを許可してください。ネットワークアクセスがない場合は、Codex にプロトタイプをコミットさせ、チェックアウトからご自身でコマンドを実行してください。
Codex のプロトタイプを共有するのにコーディングの知識は必要ですか?
いいえ。Codex に共有を依頼すると、コマンドを実行します。ご自身の作業は、取得リンクを開いてログインし、プロトタイプを公開し続けることだけです。
共有したプロトタイプはどのくらい公開されますか?
アカウントなしでは 6 時間です。取得すると削除するまで公開され、無料アカウントでは過去 7 日間のデプロイがプレビューとして保持されます。
Codex のプロトタイプでテスターの入力内容を受け取れますか?
はい。フォームを /_lobsite/forms/<name> に向けると、サイトをアカウントに残した後、各送信がメールで届きます。無料アカウントはサイトあたり月 25 件の送信で、Standard に上限はありません。