SELL.SYSTEMS AI CAMPUS

ミッション 1 - ドメインからライブウェブサイトへ

初のライブ AI ウェブサイトを公開しましょう。

ダッシュボードでマネージドドメインを接続し、WebTerminal 内で Codex を使用して直接構築するか、まず OpenClaw を Telegram と連携させてチャットから同じインスタンス認識ハンドオフを送信します。どちらの方法でも、クリエイティブブリーフが公開ウェブサイトへと変換され、確認や改善を行うことができます。

ミッションの成果

接続されたドメイン上で動作する HTTPS ウェブサイト。プライベートマネージド AI 環境で構築され、メンターのレビューを受ける準備が整った状態。

コントロールサーフェスの選択

WebTerminalで直接作業するか、Telegram内のOpenClaw経由で操作します。

どちらの経路も、同じマネージドインスタンス、ドメインハンドオフ、編集可能なクリエイティブブリーフ、リリースチェック、メンター証明ゲートを使用します。スムーズに開始でき、制御を維持しやすいインターフェースを選択してください。

ダイレクトパス - 追加セットアップ不要

WebTerminalで構築

コマンド、ファイル、サービス、検証出力を即座に確認したい場合は、このページ上のフル幅ターミナルを使用してください。最初にインスタンスハンドオフを貼り付け、次に編集したウェブサイトブリーフを貼り付けます。

WebTerminalで進める

Telegram優先パス - 初回のみのセットアップ

OpenClawで操作

チャットインターフェースをお好みですか？まずOpenClaw Mission 0を完了してオーケストレーターをインストールし、ボットをTelegramとペアリングしてライブ接続を検証してください。その後ここに戻り、ペアリングしたOpenClawチャットから同じインスタンスハンドオフと編集済みブリーフを送信します。

1
OpenClaw Orchestrator Labを開き、自主登録します。
2
Mission 0を完了し、Telegramのペアリングをエンドツーエンドで検証します。
3
このミッションに戻り、同じハンドオフとウェブサイトブリーフをTelegramから送信します。

OpenClaw Mission 0を開始 OpenClawガイドをプレビュー

インターフェースが変わっても、成果物の要件は変わりません。実際のHTTPSウェブサイトを公開し、検証して、客観的な証明を提出してください。

ファウンダーによるウォークスルー

開始する前に、ドメイン接続から納品までの完全なワークフローをご覧ください。

英語音声（字幕付き）。録画では実際のマネージドドメインと実際のインスタンスワークフローを使用しています。資格情報や受講者の個人データは表示されません。

アクセシブルな文字起こしを開く

動画のチャプター

00:00成果を先に確認：完成した公開ウェブサイト
00:24マネージドドメインの接続
01:03インスタンス引き継ぎ情報のコピー
01:15Codex への指示出しと構築
02:26HTTPS、モバイル、アクセシビリティ、および証明の検証

5ステップのオペレーターパス

1
ドメイン接続 - 稼働中のインスタンスを選択し、新しいマネージドドメインを接続します。
2
引き継ぎ情報のコピー - Agent タブを開き、Instance Agent Handoff をコピーします。
3
エージェントへの指示出し - 引き継ぎ情報を貼り付け、以下のクリエイティブ要件を編集します。
4
ローンチ - エージェントにウェブサイトの点検、構築、設定、公開を行わせます。
5
検証 - 公開URLを開き、客観的なリリースエビデンスをキャプチャします。

ダッシュボードでドメインを接続する

この演習用ワークスペースに属する稼働中のインスタンスの Domains タブを使用してください。プラットフォームがパブリック DNS と TLS を管理し、インスタンスエージェントがウェブサイトアプリケーションとローカルウェブサービスを管理します。

1
Sell.Systems Automation ダッシュボードを開き、稼働中の演習用インスタンスを選択します。
2
Domains を開き、ユニークな最初のラベルを入力して、このウェブサイトミッション用に agenthost.link を選択します。
3
Plan domain を選択し、正確なドメインとルーティング計画を確認します。
4
Add domain を選択し、確認ウィンドウ内で要求された追加を確認します。
5
ドメインのステータスが active になるまで待ちます。パブリック DNS を手動で変更しないでください。
6
Agent を開き、Instance Agent Handoff を選択して、完全な引き継ぎプロンプトをコピーします。

Domains ダッシュボードを開く

ウェブサイトブリーフを編集し、インスタンス引き継ぎ情報とともに送信する

このプロンプトの上にドメイン引き継ぎ情報を保持してください。カッコで囲まれた各フィールドを自身のクリエイティブ要件に置き換えてください。このコースでは Codex CLI でのワークフローをデモしますが、指示内容はエージェントに依存しません。

You are the implementation agent for this website.

Read https://github.com/SELLSYSTEMS/rules-for-creation-webdesign-websites-for-ai-agents/blob/main/AGENTS.md and every file it requires before changing files. Use the current workspace and the managed domain already supplied in the instance handoff.

CREATIVE BRIEF - EDIT EVERY BRACKETED FIELD
- Working name: [ウェブサイト名またはブランド名を追加]
- Purpose: [実際のオファーまたは成果を記述]
- Primary audience: [このウェブサイトが誰向けであるかを記述]
- Primary action: [訪問者に取ってもらいたい単一のアクションを記述]
- Required sections: [必要なセクションをリストアップ]
- Tone and visual direction: [雰囲気、参考資料、NGスタイルを記述]
- Required facts and proof: [証明可能な事実のみを追加]
- Required languages: [言語をリストアップ、または「英語のみ」と記述]
- Supplied assets: [実際のロゴ、写真、原稿をリストアップ、または「なし」と記述]
- Additional creative requirements: [独自のアイデアをここに追加]

DELIVERY CONTRACT
1. Inspect the current project, runtime, domain handoff, existing files, and active services before editing.
2. Create an original, production-ready responsive website with one product-relevant signature visual moment, not a catalogue of effects.
3. Use original generated imagery only where it supports the subject. Never generate fake proof, testimonials, dashboards, customer logos, or product states.
4. Keep the important meaning in semantic HTML. Implement keyboard access, visible focus, reduced motion, correct font/script coverage, and RTL behavior for every requested language.
5. Implement factual title and description metadata, canonical behavior, social metadata, crawlable content, the narrowest correct structured data, robots behavior, and sitemap coverage where applicable.
6. Keep secrets out of source control and public files. Record the source and usage basis of every supplied, generated, or third-party asset.
7. Configure the local application or web service for the domain from the handoff. Do not change platform-owned public DNS or TLS.
8. Validate the public URL, HTTPS, desktop and mobile layouts, text containment, required interactions, console/network errors, accessibility basics, metadata, structured data, and reduced motion.
9. Continue through implementation and verification. Do not stop after a plan or ask me to restate the task. Ask one precise question only if an irreversible requirement is truly missing.
10. Finish with the public URL, changed files, commands/services used, validation evidence, asset provenance, and any honest remaining risk.

装飾的な穴埋めではなく、本物のメディアレイヤーを構築する

ウォークスルーでは、Nano Banana 2 によるオリジナル画像生成、ElevenLabs によるナレーション、FFmpeg による最終編集を実演しています。ウェブサイトでは利用可能な最高のツールを使用できますが、公開するすべてのアセットは関連性があり、レビュー済みで、最適化され、出所が誠実である必要があります。

これらのリリースチェックに合格するまで提出しないでください

公開URL - 接続されたドメインが、ログインやリダイレクトループなしで目的のウェブサイトを開くこと。
HTTPS - ブラウザが有効な保護された接続を表示し、混在コンテンツ（mixed-content）の警告がないこと。
レスポンシブレイアウト - 実際のデスクトップおよびモバイル表示で、重なり、切り取られ、横スクロールが発生していないこと。
アクセシビリティ - キーボードナビゲーション、視認可能なフォーカス、見出し、ラベル、コントラスト、alt テキスト、視覚効果の削減が実用可能であること。
検索および LLM の可読性 - セマンティック HTML、事実に基づくメタデータ、カノニカル URL、構造化データ、およびクロール可能な回答が可視ページと一致していること。
証明 - スクリーンショットとノートが、機密情報やプライベートデータを含めずに実際の URL と検証済み状態を示していること。

自分専用サーバーで制限なく実践できます：Webサイト、ボット、コンテンツ、そして自動化を1か所で。

AIシステムを無料で起動 →