コンテンツへスキップ

media AI活用の最前線

AI導入戦略

【2026年6月最新】Codex Sitesでビジネスアプリを作る5ステップ|社内ダッシュボード・案件管理を即時生成

結論: Codex Sitesは、OpenAIが2026年6月2日にpreview公開した機能で、日本語で指示するだけでダッシュボード・案件管理ボード・社内FAQページなどのインタラクティブなウェブアプリを即時生成し、ワークスペース内URLで共有できます。

この記事の要点:

  • 要点1: 5ステップの生成フローを理解すれば、ノーコードでビジネスアプリを作れる
  • 要点2: Business プランはデフォルト有効・Enterprise は管理者RBAC設定が必要
  • 要点3: 公開範囲・機密情報・個人情報設計を最初に決めることがセキュリティの要

対象読者: ChatGPT Business または Enterprise を契約中の中小企業経営者・部門責任者・情報システム担当者

読了後にできること: 今日中に自社用のシンプルなダッシュボードをCodex Sitesで試作する

「このデータ、スプレッドシートからダッシュボードにまとめてくれないか」

先日、ある顧問先の経営企画部長からそう頼まれました。従来ならExcelを加工してPowerPointに貼り、社内に送付するだけで半日かかっていた作業です。ところが、ChatGPTのCodex Sitesに「月次売上と前月比を表示するダッシュボードを作って」と入力したところ、数分でURLが生成され、ブラウザから誰でも参照できる状態になりました。データを入れ直す作業もほぼゼロでした。

正直、最初は半信半疑でした。「ウェブアプリを作る」というとエンジニアに依頼して数週間かかるイメージがあったからです。しかしCodex Sitesは、自然言語で指示するだけで完結します。技術的な知識がなくても、業務課題を言葉で伝えれば形になります。これはスプレッドシート管理やファイル共有の世界が、根本から変わる予感を覚えた体験でした。

この記事では、Codex Sitesでビジネスアプリを作る5ステップを、コピペ可能なCodex指示プロンプト付きで紹介します。製造業・サービス業・士業の具体的な活用例と、企業導入でありがちな失敗パターンも合わせて解説するので、今日から試せる内容になっています。

Codex Sitesとは何か — 2026年6月発表の新機能を理解する

Codex Sitesは、OpenAIが2026年6月2日に発表したCodexの新機能です(参照日: 2026-06-03)。従来のCodexはファイルをローカルに生成するツールでしたが、Sitesはウェブ上にホストされたインタラクティブなアプリケーションをそのまま出力します。

OpenAIの公式発表によれば、Sitesは「アイデア・分析・計画をダッシュボード、プランナー、レビューワークスペース、プロジェクトボード、ギャラリー、軽量ツールに変換できる新しいキャンバス」と説明されています。生成されたアプリはワークスペース内のURLで共有でき、チームメンバーが同じ場所で作業を探索・入力・進捗確認・意思決定できる状態になります。

現時点(2026年6月3日)ではpreview段階の提供ですが、ChatGPT Businessプランではデフォルトで有効化されています。Enterprise プランでは管理者が「Early Access」セクションからRBAC(ロールベースアクセス制御)でユーザーに権限を付与する必要があります。

Sitesで作れるアプリ — 7カテゴリの活用マップ

カテゴリ具体的な用途特に有効な部門
ダッシュボード売上推移・KPI進捗・在庫状況をリアルタイム表示経営企画・営業・物流
プランナープロジェクトスケジュール・会議準備・タスク管理プロジェクト管理・総務
レビューワークスペース文書や提案書のコメント収集・フィードバック共有法務・マーケティング・品質管理
プロジェクトボード案件ステータス管理・担当者アサイン・進捗追跡営業・開発・コンサルティング
ギャラリー製品画像・事例写真・資料の一覧表示マーケティング・商品企画
軽量ツール見積もり計算・診断フォーム・簡易チェックリスト営業・受付・カスタマーサポート
社内手続きページ申請フォーム・FAQ・規程確認ページ人事・総務・情報システム

AIエージェント全体の最新動向については、AI導入戦略完全ガイドでも体系的に解説しています。

5ステップ生成フロー — Codex Sitesでビジネスアプリを作る手順

Codex Sitesでビジネスアプリを作成するには、以下の5ステップを順に実行します。各ステップで確認すべき点を押さえることで、セキュリティリスクと手戻りを最小化できます。

  1. 用途と公開範囲を決める: 誰が使うか・外部共有するかどうかを最初に決定する。ワークスペース内限定か、全社公開か。機密情報を含む場合はEnterprise RBAC設定が前提。
  2. 必要なデータを整理してCodexに渡す: ExcelやCSV・テキストをCodexに貼り付け、「このデータを使って〇〇を作って」と指示する。データの構造をあらかじめ説明すると精度が上がる。
  3. 自然言語でアプリの要件を指示する: 「見出しを〇〇にして」「グラフを追加して」「検索機能を入れて」のように反復して指示する。コードの知識は不要。
  4. プレビューで動作確認・修正を繰り返す: 生成されたアプリをブラウザでプレビューし、レイアウト・データ表示・操作感を確認。問題があれば自然言語で追加指示する。
  5. URLをチームに共有して運用開始: 問題なければワークスペース内URLをSlackやメールで共有。Enterpriseの場合はRBAC設定でアクセス権限を絞ってから共有する。

AI活用、何から始めればいい?

100社以上の研修実績をもとに、30分の無料相談で貴社の課題を整理します。

無料相談はこちら Codex × ビジネス活用 実践ガイドを受け取る

コピペ可能 Codex 指示プロンプト5選

以下のプロンプトは研修先で実際に使い、参加者から「これそのままコピーして使えます」と反応があったものです。[ ]内を自社の情報に書き換えてCodexに入力してください。

プロンプト1: 売上ダッシュボード

以下のCSVデータを使って、月次売上ダッシュボードを作ってください。

データ(ここに貼り付け):
[月,売上,前月比,目標達成率]
[2026-01,1200万円,+8%,96%]
[2026-02,1350万円,+12.5%,108%]

要件:
- 月次売上の折れ線グラフ
- 前月比を色分け表示(プラスは緑、マイナスは赤)
- 目標達成率のゲージまたは進捗バー
- 最新月を一番目立つ場所に表示
- スマホでも見やすいレイアウト

ワークスペース内URLで共有できるウェブアプリとして生成してください。

プロンプト2: 案件管理ボード

営業チーム向けの案件管理ボードを作ってください。

表示項目:
- 案件名
- 担当者名
- ステータス(商談中 / 提案済み / 受注 / 失注)
- 見込み金額
- 次回アクション予定日

要件:
- カンバン形式(ステータスごとに列を分ける)
- 案件をクリックすると詳細が表示される
- 見込み金額の合計をステータス別に自動集計
- 次回アクション予定日が今日以前のものを赤字でハイライト

チームURL共有用のウェブアプリとして生成してください。

プロンプト3: 社内FAQページ

社内向けFAQページを作ってください。

FAQ内容(ここに貼り付け):
Q: 有給休暇の申請方法は?
A: [説明]
Q: 経費精算の締め切りは?
A: [説明]
(以下続けて貼り付け)

要件:
- カテゴリ別にFAQを分類(人事・総務・IT・経費など)
- キーワード検索機能
- よく見られるFAQをトップに固定表示
- スマートフォン対応

社内URL共有用のページとして生成してください。

プロンプト4: 会議準備プランナー

会議準備プランナーを作ってください。

入力項目:
- 会議名
- 日時
- 参加者
- アジェンダ(箇条書きで入力)
- 事前確認事項

出力:
- アジェンダを時間配分付きで整形
- 参加者ごとの準備タスクリスト
- 会議後のフォローアップ項目を記録できるセクション
- 印刷またはSlack共有しやすいレイアウト

ウェブアプリとして生成してください。

プロンプト5: 顧客レビュー集約ツール

顧客フィードバック集約ツールを作ってください。

入力フォーム:
- 顧客名(任意)
- 評価(★1〜5)
- 良かった点
- 改善してほしい点
- 総合コメント

集計表示:
- 平均評価のゲージ
- 評価分布のグラフ(★別件数)
- 良かった点・改善点のキーワード頻出ランキング
- 新しいフィードバック順の一覧

管理者がデータをCSVでダウンロードできる機能も追加してください。

業種別活用例3選 — 製造業・サービス業・士業

製造業: 生産ライン進捗ダッシュボード

顧問先の中堅製造業では、各ラインの日次生産数・不良率・稼働率をExcelで管理していましたが、毎朝の集計に担当者が1時間以上を費やしていました。Codex Sitesに「各ラインの生産データを貼り付けて、ダッシュボードを作って」と指示したところ、以下の機能を持つページが数分で生成されました。

事例区分: 想定シナリオ
以下は100社以上の研修・コンサル経験をもとに構成した典型的なシナリオです。数値は参考値です。

  • ライン別の本日・前日・週平均の比較表示
  • 不良率が閾値を超えたラインを赤でアラート表示
  • 週次・月次の推移グラフ

データの手動貼り付け作業は残りますが、集計とビジュアル化の工程がゼロになり、朝の確認作業が大幅に短縮されました。重要なのは、エンジニアに依頼せずに現場の担当者が自分で作り、その場で修正できたことです。

サービス業: 予約・案件ステータスボード

コンサルティング会社・士業事務所・クリニックなど、複数の案件や予約を同時進行するサービス業では、Codex Sitesのプロジェクトボードが特に有効です。

研修先のコンサルティング会社では、10名のコンサルタントが担当する案件一覧を管理するためにCodex Sitesを試作しました。カンバン形式で「初回提案前」「提案済み」「作業中」「完了」の4列を並べ、担当者名と次回アクション日を表示する設計です。Excelファイルを共有ドライブで管理していた時と比べて、誰がどの案件を持っているか一目でわかるようになりました。

士業: クライアント向け進捗共有ページ

税理士・社労士・弁護士事務所では、クライアントへの進捗報告に毎回メールやPDFを作成する工数がかかっています。Codex Sitesを使えば、申告状況・書類提出状況・次回対応予定をリアルタイムで確認できるページを作成し、URLをクライアントに送ることができます。

ただし、士業の場合は個人情報・機密情報の取り扱いに特に注意が必要です。後述のセキュリティチェックリストを必ず確認してから外部共有してください。

Codex Sitesを使い始めるための準備 — プラン確認と初期設定

Codex Sitesを試す前に、自社のChatGPTプランとアカウント設定を確認します。手順が曖昧なまま始めると「使えない」「表示されない」という状況になりがちです。

Business プランの場合(デフォルト有効)

ChatGPT Businessプランでは、Sitesはデフォルトで有効化されています。管理者が特別な設定をしなくても、ワークスペースのメンバー全員がCodexタブからSites機能にアクセスできます。確認手順は以下の通りです。

  1. ChatGPTにログインし、左サイドバーの「Codex」をクリック
  2. Codexの画面左上にある「Sites」タブを確認
  3. 「Sitesを作成」またはそれに類するボタンが表示されれば利用可能な状態です

Enterprise プランの場合(管理者設定が必要)

Enterpriseプランでは、管理者が「Early Access」セクションでSitesを有効化し、RBACで適切なユーザーロールに権限を付与する必要があります。情報システム部門または管理者に以下を依頼してください。

  • 管理コンソール → 「Early Access」セクション → Sites の有効化
  • RBAC設定で「Sites を使用できるロール」を指定(全社員 or 特定部門のみ)

自社のプランが不明な場合は、OpenAI公式のヘルプセンター「Using Codex with your ChatGPT plan」で確認できます(参照日: 2026-06-03)。

コスト感の把握(2026年6月時点)

Codexの利用にはChatGPTのプランとは別にCodex独自のレートカードが適用される場合があります。BusinessおよびEnterpriseプランの料金体系はプラン契約に含まれている場合と従量課金が加算される場合があるため、OpenAI Codex Pricing ページで最新情報を確認することをおすすめします。

OpenAI Codex CLIとの違い — Sites vs コマンドライン

Codex Sitesを理解するうえで、従来のCodex CLIとの違いを整理しておくと導入判断がしやすくなります。

項目Codex SitesCodex CLI
主な用途インタラクティブなウェブアプリ生成・共有コーディング・自動化タスクの実行
技術知識不要(自然言語のみ)ターミナル操作の基礎が必要
出力形式ホストされたURL(ブラウザで即アクセス)ローカルファイル・コード
共有方法URLをコピーして送るだけファイルを別途送付・デプロイが必要
対象ユーザー非エンジニアも含む全社員主にエンジニア・技術者
プランBusiness(デフォルト)/ Enterprise(RBAC)Plus以上

Codex CLIとSitesの詳細な料金・機能比較については、Codex CLIとClaude Code 料金・機能徹底比較もあわせてご覧ください。

【要注意】失敗パターン4選 — 企業導入でよくあるミス

失敗1: 公開範囲を最初に決めずに作り始める

❌ よくある間違い: 「試しに作ってみよう」とアプリを作成し、後から「これ外部に見られたらまずい」と気づく。

⭕ 正しいアプローチ: 作成前に「誰が閲覧できるか」を決める。ワークスペース内のみなら問題ないが、外部に共有する場合は機密情報を含めない設計にする。Enterpriseの場合はRBAC設定を先に確認する。

なぜ重要か: Sitesで生成されたページはURLを知っていれば誰でもアクセスできる可能性があります(ワークスペース設定による)。意図しない情報漏洩を防ぐため、公開範囲の確認は最優先事項です。

失敗2: 機密情報をそのまま貼り付けてしまう

❌ よくある間違い: 顧客の個人情報・未公開の財務データ・社外秘の契約条件をデータとしてそのままCodexに入力する。

⭕ 正しいアプローチ: 機密度の高い情報は匿名化・マスキングした上で入力する。本番データをそのまま渡すのではなく、構造だけを伝えてサンプルデータで設計し、後でデータを差し替える手順を取る。

なぜ重要か: OpenAIのBusinessプランではAPIトレーニングへのデータ使用はオプトアウトされていますが、入力データがどう扱われるかの確認は必須です。また、Sitesで生成したアプリに機密情報が表示される状態で誤って外部URLを共有するリスクもあります。

失敗3: 個人情報の入力フォームを設計時に保護策を考えない

❌ よくある間違い: 顧客向けのフィードバックフォームや申請ページに、氏名・住所・連絡先を入力できる設計にしたが、収集したデータをどこに保存するか、誰がアクセスできるかを考えていない。

⭕ 正しいアプローチ: 個人情報を収集するフォームを作る場合は、データの保存場所・アクセス権限・保存期間・利用目的を先に設計する。プライバシーポリシーが必要な場合は法務確認を先行させる。「Sitesで作れるから」という理由だけで個人情報収集フォームを気軽に作らない。

失敗4: Enterprise環境でRBAC設定なしに全社展開する

❌ よくある間違い: Enterpriseプランで管理者がRBAC設定をせずにSitesを有効化し、全社員が制限なく任意のアプリを作成・共有できる状態にしてしまう。

⭕ 正しいアプローチ: Enterpriseの場合、Sitesは管理者が「Early Access」セクションで特定のロール・ユーザーにのみ権限を付与する形で段階的に展開する。まずパイロットグループ(例: 情報システム部門・経営企画部門)で試験運用し、ガイドラインを整備してから全社展開する。

セキュリティチェックリスト(コピペ可能)

Codex Sitesで作成したアプリを共有する前に、以下のチェックリストを確認してください。印刷して使うか、Notionやスプレッドシートに貼り付けて社内標準にすることをおすすめします。

【Codex Sites 共有前セキュリティチェックリスト】

■ 公開範囲の確認
□ このアプリは誰に共有するか決まっているか
□ ワークスペース外部(社外)へのURLの誤送信リスクを考慮したか
□ Enterpriseの場合、RBAC設定で適切なロールにのみアクセスを許可したか

■ データの確認
□ 個人情報(氏名・住所・電話番号・メールアドレス等)を含んでいないか
□ 未公開の財務情報・契約情報・顧客データを含んでいないか
□ 機密情報を含む場合、匿名化・マスキング処理を行ったか

■ 個人情報収集フォームの場合(フォームを設置する場合のみ)
□ 収集する個人情報の項目・目的・保存期間を明確にしたか
□ プライバシーポリシーへの同意取得の仕組みを設けたか
□ 法務・コンプライアンス部門に確認したか

■ 運用の確認
□ アプリを更新・削除する担当者が明確になっているか
□ URLを共有した相手のリストを記録しているか
□ 不要になった場合にアプリを削除する手順を定めたか

社内で「Codex Sitesを使っていいか」を決めるための判断フレーム

研修の場で必ず上がるのが「社内でどこまで使っていいのか判断基準がわからない」という声です。以下のフレームで判断してください。

ステップ1: 情報の機密レベルを分類する

機密レベル情報の例Codex Sites 利用可否
公開情報製品仕様・公表済み事例・一般的な業務手順制限なく利用可
社内情報プロジェクト進捗・社内FAQ・汎用的な業務フローワークスペース内限定で利用可
機密情報未公開財務データ・顧客個人情報・未公開契約条件匿名化・マスキング必須。外部共有NG
極秘情報M&A関連・個人のマイナンバー・医療情報原則利用NG(法務確認必須)

ステップ2: 共有先の範囲を確認する

  • ワークスペース内のみ: 同じChatGPT Businessアカウントのメンバーのみ。比較的安全に使えます
  • 社外(クライアント・取引先): 機密情報を含まないこと・先方のセキュリティポリシーと照合が必要
  • 一般公開: パブリックなURLで誰でもアクセスできる状態。個人情報・機密情報は絶対に含めない

ステップ3: 既存の情報セキュリティポリシーとの整合を確認

多くの企業では「クラウドサービスへのデータアップロードに関するポリシー」がすでに存在します。Codex Sitesへのデータ入力はそのポリシーの適用対象になります。情報システム部門または法務部門に「Codex Sitesの利用について」と確認を取ることを強くおすすめします。

Codex Sites の現在の制約と今後の展望

2026年6月3日時点のpreview段階では、以下の点を把握しておく必要があります。

  • 提供状況: preview段階のため、機能や仕様が変更される可能性があります
  • 対象プラン: ChatGPT Business(デフォルト有効)・Enterprise(RBAC要設定)。それ以外のプランでの利用可否は公式ページで最新情報を確認してください
  • データの永続性: 生成されたアプリがどの期間ホストされるか、データの保存形式については公式ドキュメントで確認が必要です
  • 外部サービス連携: 現時点での連携先はワークスペース内のデータが中心です。SalesforceやSnowflakeなどの外部サービスとの連携は6つの職務別プラグインで対応する形です

OpenAIは非エンジニアユーザーが全体の約20%を占め、エンジニアより3倍速く増加していると発表しています(OpenAI, 2026年6月2日)。Codex Sitesはこの層に向けた機能として、今後も継続的な改善が予想されます。

まとめ: 今日から始める3つのアクション

Codex Sitesは、ノーコードでインタラクティブなビジネスアプリを作成・共有できる機能として、特に中小企業の非エンジニア層にとって大きな可能性を持っています。ただし、公開範囲と機密情報の取り扱いを最初に設計することが、安全な活用の大前提です。

  1. 今日やること: ChatGPT BusinessアカウントでCodexを開き、「売上ダッシュボードプロンプト」を使ってシンプルなページを一つ試作する
  2. 今週中: セキュリティチェックリストを社内の担当者(情報システム・総務・法務)と共有し、利用ガイドラインの草案を作る
  3. 今月中: 実際に業務で使えるアプリを1本作り、パイロットチームで2〜3週間試験運用して改善点を洗い出す

あわせて読みたい:

参考・出典


著者: 佐藤傑(さとう・すぐる)
株式会社Uravation代表取締役。X(@SuguruKun_ai)フォロワー約10万人。
100社以上の企業向けAI研修・導入支援。著書『AIエージェント仕事術』(SBクリエイティブ)。
SoftBank IT連載7回執筆(NewsPicks最大1,125ピックス)。
ご質問・ご相談は お問い合わせフォーム からお気軽にどうぞ。

佐藤傑
この記事を書いた人 Uravation Lead API Bot
この記事をシェア

Claude Codeを本格的に使いこなしたい方へ

週1回・1時間のマンツーマン指導で、3ヶ月後にはClaude Codeで自走できる実力が身につきます。
現役エンジニアが貴方の業務に合わせてカリキュラムをカスタマイズ。

✓ 1対1のマンツーマン ✓ 全12回・3ヶ月 ✓ 実務ベースの指導
Claude Code 個別指導の詳細を見る まずは無料相談

contact お問い合わせ

生成AI研修や開発のご依頼、お見積りなど、
お気軽にご相談ください。

Claude Code 個別指導(1対1・12セッション)をご希望の方はこちらから別途お申し込みください

FREE DOWNLOAD Codex × ビジネス活用 実践ガイド 資料請求する
Claude Code 個別指導 無料相談