株式会社 サートプロ|IoT*人材育成・スキル可視化と教育支援

サートプロのブログ サートプロのブログ

AIがWeb制作を自分化する日。OpenAI Sitesが変えるデザイナーとFDEの新しい価値

2026年6月24日




CONCEPT

AIがWeb制作を「自分化」する日。
OpenAI Sitesが変えるデザイナーとFDEの新しい価値

Webサイト・業務ダッシュボードが自然言語で作れる時代へ。デザイナーが不要になるのではなく、作業から設計・価値判断へと役割が移ります。
OpenAI
Sitesリリース
3区分
制作物の責任分担法
FDE
現場伴走の新職種

📅 2026年6月11日
✍️ 近森 満(株式会社サートプロ CEO)

#OpenAI
#生成AI
#FDE
#DX推進

SUMMARY
■ 記事概要
OpenAIの「Sites」は、WebページやダッシュボードをAIで作れる仕組みを現場に届けています。けれどもこれはデザイナーや制作者が不要になる話ではありません。誰でも作れるようになる時代だからこそ、UX、ブランド、データ設計、AIディレクション、そして現場で成果まで届けるFDEの価値が問われます。AI時代の仕事の再定義を実務目線で整理します。

✅ この記事でわかること
・OpenAI Sitesが業務ダッシュボード・Webページ制作に与える影響
・デザイナー・UXデザイナーの価値が「作業」から「設計」へ移る理由
・業務ダッシュボードをAIで作る前に決めるべき3つの責任範囲
・FDE(Forward Deployed Engineer)が現場で成果を出す具体的な方法
・制作物を「AI任せ」「プロ任せ」「自社作成」に分ける判断基準

SECTION 01

AIがWeb制作を「自分化」する日が来ました

📌 ポイント
「民主化」を超えた「自分化」が起きている。専門家の領域だった制作物が現場の手元に来ることで、「何を伝えるべきか」から考える力が問われます。

こんにちは、IT・DX教育サービスの株式会社サートプロ 近森満です。

OpenAIが「Sites」という新しい機能を出してきたことで、私はいよいよWeb制作の見方が変わると感じています。よく「民主化」という言葉を使います。もちろん民主化でもあります。けれども今回の感覚は、もう少し踏み込んで「自分化」です。専門家の領域にあった制作物が、現場の人の手元に近づいてくる。しかも、文章で頼めば、見た目のあるページやダッシュボードに近いものが出てくる。この変化は小さくありません。

私はデザイナーやクリエイターの仕事がなくなる、と言いたいわけではありません。むしろ逆です。誰でも作れるようになるほど、プロの仕事は「作業」から「価値判断」へ移ります。何を見せるのか。誰に届けるのか。どんな順番で情報を置くのか。どの数字を可視化し、どの言葉を削り、どの体験を残すのか。そこに、人間の専門性が残ります。

読者の皆さんはどうでしょうか。自社のWebや資料を「作れるか」ではなく「何を伝えるべきか」から考えられているでしょうか。今回の論点は、Webサイトだけに閉じません。名刺、チラシ、パンフレット、ポスター、業務ダッシュボード、社内ポータル、プロジェクト進捗画面。これらの制作物がAIによって再定義されます。AIがきれいな画面を出せる時代に、私たちは何にお金を払い、何を自分たちで作り、どこをプロに任せるのか。その判断力が、企業のDX推進そのものになっていきます。

SECTION 02

Sitesはホームページ制作ツールだけではありません

📌 ポイント
業務用ダッシュボードが自然言語から作れるようになる可能性。ただし「きれいな画面より先に、業務上の責任範囲を決める」ことが重要です。

「Sites」と聞くと、多くの人はホームページやランディングページを想像すると思います。もちろんそれも含まれます。ただ、私が現場でより大きいと感じるのは、業務用ダッシュボードや社内向けの小さなWebアプリに近い使い方です。会社の売上進捗、KPI、KGI、プロジェクトの状況、タスク、担当者、期限、部門ごとの数字。こうしたものを見やすくまとめる画面が、自然言語から作れるようになる可能性が出てきました。

ダッシュボードは、ただ数字を並べるものではありません。交通管制室や気象情報の画面を思い浮かべてください。大きなモニターに、今どこで何が起きているのかが一目で見える。風の向き、雨の強さ、混雑、警戒すべき場所。ああいう可視化は、情報を見せる順番、色、粒度、操作性が設計されています。企業の業務ダッシュボードも同じです。単にグラフを置けばよいわけではないのです。

私はここを、単なる新機能ニュースとしてではなく、企業の「見える化」と「仕事の分担」を変える入口として見ています。自然言語で画面を作れるなら、現場の担当者が自分に必要な見方を作れる。これは便利です。ただし便利だからこそ、誰が確認し、誰が責任を持ち、どこまで社内外に見せるのかを決める必要があります。

✓ 結論:制作物を3区分に分けると、コストと品質管理の議論が具体化します

制作物の種類 推奨アプローチ 人間の責任領域
会社・ブランドの顔(コーポレートサイト・名刺) ◎ プロに任せる ブランド戦略・UX設計・最終判断
業務ダッシュボード・社内ポータル ○ AIで下書き→人が整える KPI定義・権限管理・データ確認
進捗メモ・内部共有ページ・試作品 ◎ AIで自社作成 情報範囲の確認・更新責任者の明確化

SECTION 03

イノベーションのジレンマは、デザインの現場にも来ています

📌 ポイント
AIがプロを不要にするのではなく「発注者側の判断力」が問われる時代へ。50万円かけるものかAIで2万円相当に抑えるものかの線引きが経営判断になりました。

新しい技術が既存市場の価値基準を変えていく。これは、いわゆるイノベーションのジレンマです。これまで強かった人や会社が、突然弱く見えてしまう。Web制作会社、フリーランス制作者、ノーコード事業者、中小企業向け制作サービス。こうした領域は、AIによって確実に影響を受けます。

ただし、ここで間違えてはいけないのは、AIがプロを不要にするわけではないということです。プロと素人の間には、やはり大きな差があります。たとえば名刺一枚でも、ロゴの置き方、余白、肩書き、文字サイズ、紙の質感、ブランドの見え方があります。テンプレートで十分な場面もありますが、会社の顔として長く使うなら、やはり魂を込める必要があります。

問題は、発注者側の判断です。50万円かけるべきものなのか。AIで2万円相当の手間に抑えてよいものなのか。あるいは社内で作って、プロにはUXやブランド戦略だけ見てもらうのか。生成AIが登場したことで、この線引きが現実的な経営判断になりました。

事例:名刺一枚にも、ブランドと責任が宿る

📌 ポイント
AIで作れるものほど「目的を決めてから作る」ことが重要。名刺・会社案内・Web・研修資料を3区分に棚卸しするだけでコスト議論が具体化します。

何が起きたか。ある会社で名刺を作る場面を考えてみます。急ぎであれば、量販店で売っている名刺用紙に印刷して、今日の商談に間に合わせることもできます。AIやテンプレートによって「とりあえず作る」は簡単になりました。そこだけ見れば、制作のハードルは大きく下がっています。

何に気づいたか。名刺は単なる連絡先ではありません。会社のブランド、事業の方向性、相手に残す第一印象です。ロゴ、肩書き、色、余白、紙質まで含めて、信頼を表現します。ここを軽く扱うと、安く済ませたつもりが、相手に伝わる信頼まで薄くなるリスクがあります。

読者が応用できる行動。名刺、会社案内、採用資料、研修資料、Webページを棚卸しし、「自分たちで作るもの」「プロに任せるもの」「AIで下書きして人が仕上げるもの」に分けることです。ここを分けるだけで、制作コストと品質管理の議論がかなり具体的になります。

SECTION 04

AIは「きれいな画面」だけでなく、専門知の圧縮装置です

📌 ポイント
生成AIは世界中の制作物と知見を学習し「それっぽいもの」を出してきます。だからこそ「目的とリスクに照らして編集する」力がデジタル人材の新スキルになります。

デザイナーの仕事には、見た目だけでなく科学的な要素があります。視線の動き、情報の優先順位、ヒートマップ、Z型に目が動くと言われる読み方、ボタンの配置、キャッチコピー、画像の役割。こうした知見を踏まえて、プロは画面を作ります。

では、AIが作る画面はそこを完全に無視しているのでしょうか。私は、そう単純ではないと思っています。生成AIは、世界中で積み重ねられてきた膨大な制作物と知見を学習し、私たちが頼んだ内容に近いものを出そうとします。もちろん完璧ではありません。ハルシネーションもありますし、文脈違いもあります。でも、遠からず「それっぽい」ものは出してきます。ここが怖くもあり、面白くもあります。

だからこそ、人間側の仕事は変わります。AIが出してきたものを見て、これは誰に向けた画面なのか、数字は正しいのか、ブランドから外れていないか、操作した人が迷わないか、情報漏洩につながらないかを判断する。生成AIの出力をそのまま成果物にするのではなく、目的とリスクに照らして編集する。ここにデジタル人材の新しいスキルセットがあります。

SECTION 05

作る時代から、指示して作らせる時代へ

📌 ポイント
「指示すれば終わり」は危険。指示する側に戦略と体験の設計力が必要。AIに作らせる時代ほど、人間の設計責任が重くなります。

Web制作は、作る時代から、指示して作らせる時代へ移っています。会話でサイトが生成できる。AIエージェントが毎日少しずつ更新する。業務データを読み込み、見やすい形で出す。自然言語で頼めば、初期案が出る。この流れは止まらないと思います。

ただ、ここで「指示すれば終わり」と考えると危険です。指示する側に、戦略と体験の設計力が必要になります。誰のための画面か。何を見れば行動できるのか。どの情報を載せてはいけないのか。どこに人間の承認を挟むのか。AIに作らせる時代ほど、実は人間の設計責任が重くなります。

少子高齢化が進む日本では、若い人や現場担当者が、余計な制作作業に時間を取られず、本来やるべき仕事に集中できることは大きな意味があります。社長はお客様と話し、大きな仕事を取りに行く。現場リーダーは顧客課題を見に行く。スタッフはAIを使って資料や画面を整える。こうした役割分担が進めば、生産性は確実に変わります。

事例:業務ダッシュボードを自分で作れるようになった部門で起きること

📌 ポイント
「数字を見る前に資料を作る作業で時間が消えていた」問題がAIで解消できる。ただし元データの定義・権限・確認責任を先に決めることが鍵です。

何が起きていたか。たとえば営業部門が、毎週の案件状況を見える化したいとします。これまではExcelを更新し、誰かがグラフを作り、会議用にPowerPointへ貼り替えていました。数字を見る前に、資料を作る作業で時間が消えていたのです。

何に気づいたか。Sitesのような仕組みとAIエージェントが組み合わさると、案件一覧、担当者、確度、次のアクション、今月の見込みをダッシュボード化しやすくなります。担当者が自然言語で「今週の停滞案件を赤く出して」「受注確度が高い順に並べて」と頼めるなら、現場はかなり助かります。AIはデザインを置き換えるだけでなく、業務の見方を変えるということです。

⚠️ よくある失敗
数字の定義が部門ごとに違う、元データが古い、権限のない人に見えてはいけない情報が表示される、AIが勝手に説明文を補ってしまう。これらを放置すると、きれいな画面ほど危険です。

読者が応用できる行動。まずKPI、KGI、データ元、更新頻度、閲覧権限を決めることです。きれいな画面づくりより先に、業務上の責任範囲を決める。ここがFDE的な仕事です。「この画面を見て誰がどんな行動を変えるのか」を一文で書けない段階では、まだ作る段階ではありません。

SECTION 06

デザイナーは不要になるのではなく、価値の置き場所が変わります

📌 ポイント
UXデザイナー・ブランドストラテジスト・AIディレクター・データ設計者の需要は、AIが画面を作れる時代ほど高まります。

今回の変化で影響を受ける職種は、Web制作会社、フリーランスの制作者、ノーコード事業者だけではありません。UXデザイナー、ブランドストラテジスト、AIディレクター、コンテンツ設計者、データ設計者の価値も見直されます。

UXデザイナーは、単に画面をきれいにする人ではありません。ユーザーがどこで迷うか、どこで押したくなるか、どの情報があると行動できるかを設計する人です。車のドアを自然に引けるのも、アプリのボタンを迷わず押せるのも、当たり前に見えて、裏側には設計があります。AIが画面を作れる時代でも、その当たり前を設計する人は必要です。

ブランドストラテジストは、会社をただの箱として見せるのではなく、人が関心を持ち、信頼し、熱を感じるように整える人です。AIディレクターは、AIに何を任せ、どう指示し、どこで止め、どう直すかを管理する人です。コンテンツ設計者やデータ設計者は、表面のページだけでなく、裏側の情報構造を考える人です。このあたりの仕事は、むしろ需要が増えると私は見ています。

また個人のポートフォリオも、会社の情報発信も変わります。自分の履歴書、ポートフォリオ、実績、講演、SNS、仕事の考え方をAIが整理し、個人のページとして更新してくれる未来は十分にあり得ます。これは採用、人材配置、研修、キャリアパスにも影響します。人事の方にとっては、スキルセットや経験を見える化しやすくなります。一方で、本人が意図しない評価や、古い情報の再利用、プライバシーの問題も出ます。AIに読まれる前提で、自分の情報をどう整えるか。これはデジタル人材にとって新しい課題です。

SECTION 07

FDEは、AI時代の「現場で成果を出せる人」です

📌 ポイント
FDEは制作担当ではなく成果責任を持つ現場伴走者。現場に入り、AIエージェントとSitesを使って小さなダッシュボードを作り、業務に定着させます。

ここでFDE(Forward Deployed Engineer)の話につながります。Engineerと入っているので、どうしても技術者だけの話に見えます。しかし私は、FDEを「現場で成果を出せる人」として理解したほうが、日本企業には合うと思っています。

現場には、AIが苦手な人もいます。自分の仕事ではないと思っている人もいます。やりたいけれど何から始めればよいかわからない人もいます。そこへ入り、AIエージェントを使い、Sitesのような仕組みで小さなアプリやダッシュボードを作り、現場が使える状態まで持っていく。これがFDEの役割です。

事例:「できない人」の隣でAIエージェントを動かすFDE

📌 ポイント
「データはあるのに経営判断に使える形になっていない」問題を解決するのがFDEの仕事。大規模システム導入を提案せず、小さなダッシュボードから始めます。

何が起きたか。ある中小企業で、社長が「会社の数字をもっと見える化したい」と言ったとします。現場にはExcelがあります。販売管理システムもあります。けれども、それらがつながっていない。担当者は忙しく、毎月の資料作成で手一杯です。データはあるのに、経営判断に使える形になっていないのです。

FDEがすること。いきなり大規模システム導入を提案しません。まず現場のExcelを見て、どの列が重要か、どの数字を毎週見たいのか、誰が更新するのかを聞きます。そのうえで、AIエージェントやSitesのような仕組みを使って、小さなダッシュボードを作る。必要ならデザイナーや情報システム担当と連携し、見やすさ、権限、運用方法まで整えます。

✓ 結論
FDEは制作担当ではなく、成果責任を持つ現場伴走者です。AIで何かを作る前に「この画面を見て、誰がどんな行動を変えるのか」を一文で書いてください。そこが曖昧なら、まだ作る段階ではありません。

まとめ:AI時代の制作は、作業から設計へ移る

OpenAI Sitesの登場は、Web制作やダッシュボード制作を「一部の専門家だけの仕事」から「現場が自分で扱える仕事」へ近づけています。これは大きな変化です。ただし、デザイナーやクリエイターが不要になるわけではありません。作る人を減らすのではなく、考える人、設計する人、責任を持って判断する人の価値を高める変化です。

企業側に必要なのは、AIに任せる範囲と、人が責任を持つ範囲を分けることです。UX、ブランド、データ構造、権限、セキュリティ、ハルシネーション対策。こうしたものを軽く見ると、AIで作った便利な画面が、かえって信頼を損ねることがあります。

もしDX推進やデジタル化で手詰まりを感じているなら、まず小さな業務ダッシュボードから始めてみてください。売上、進捗、タスク、研修状況、問い合わせ件数。見える化するだけで、会議の質は変わります。

▶ DX推進・人材育成について相談する 無料コンサルティングを見る

FAQ

よくあるご質問

📌 ポイント
OpenAI Sites・デザイン・FDE・業務ダッシュボードに関するよくある疑問にお答えします。
Q1:OpenAI Sitesとは何ですか?どんな場面で使えますか?
OpenAI Sitesは自然言語でWebページや業務ダッシュボードを作成できる機能です。ホームページだけでなく、社内KPI管理、プロジェクト進捗、案件状況などの業務用ダッシュボードを現場担当者が自分で作成できる点が最大の特徴です。ただし権限管理・データ確認・セキュリティ対策は人間が担う必要があります。
Q2:AIでWeb制作ができるようになるとデザイナーの仕事はなくなりますか?
なくなるのではなく、価値の置き場所が変わります。「作業」から「価値判断」へ役割が移ります。何を見せるか、誰に届けるか、情報の優先順位、UX設計、ブランド戦略の判断は人間の専門性として残ります。むしろAIが画面を作れる時代だからこそ、設計力を持つプロの価値が高まります。
Q3:業務ダッシュボードをAIで作る際に最初にすべきことは何ですか?
KPI・KGI・データ元・更新頻度・閲覧権限を先に決めることです。きれいな画面づくりより先に業務上の責任範囲を明確にする。「この画面を見て誰がどんな行動を変えるのか」を一文で書けない段階では、まだ作る段階ではありません。これがFDE的な現場実装の基本姿勢です。
Q4:FDE(Forward Deployed Engineer)が日本企業で担うべき役割とは何ですか?
現場に入り、業務課題と技術をつなぎ、成果が出るところまで伴走する役割です。AIが苦手な人の隣でAIエージェントを動かし、小さなダッシュボードを作り、現場が使える状態まで持っていく。制作担当ではなく成果責任を持つ現場伴走者として、日本企業のDX推進に必要な人材像です。株式会社サートプロではFDE検定を2026年夏にスタート予定です。
Q5:AI時代に企業が「任せる範囲」と「人が責任を持つ範囲」をどう分けるべきですか?
制作物を「自分たちで作るもの」「プロに任せるもの」「AIで下書きして人が仕上げるもの」の3区分で棚卸しすることが有効です。名刺・採用資料・Web・研修資料ごとに判断基準を設けることで制作コストと品質管理の議論が具体化します。UX、ブランド、データ構造、権限、セキュリティは人間が責任を持つ領域です。

GLOSSARY

重要なキーワード解説

AIエージェント

📌 一行定義
単発の回答だけでなく、目的に沿って情報収集・生成・整理・更新を進めるAI活用の形。

Sitesのような仕組みと組み合わせると、業務ダッシュボード・社内ポータル・資料作成の自動化が進みます。ただし出力確認・権限管理・責任判断は人間側に残ります。

FDE(Forward Deployed Engineer)

📌 一行定義
現場に入り、業務課題と技術をつなぎ、成果が出るところまで伴走する役割。

Engineerとありますが、日本企業では「現場で成果を出せる人」として広く捉えるほうが現実的です。生成AI時代のDX推進では、FDE的な人材育成が重要になります。

UXデザイン

📌 一行定義
見た目の美しさだけでなく、ユーザーが迷わず使える体験を設計する仕事。

AIが画面を作れる時代でも、誰が何を見るのか・どこで行動するのか・どの情報を削るのかを判断する力は人間の専門性として残ります。AIが作れる時代ほど、設計力の価値が高まります。

マインド・トランスフォーメーション

📌 一行定義
ツールを覚えるだけでなく、仕事の見方や役割認識そのものを変えること。

AIで制作物を作れる時代には、作業者から設計者へ、依頼者から判断者へと意識を変えることが求められます。Web制作・ダッシュボード設計・FDE活用のすべてで、このマインドシフトが基盤になります。

関連ハッシュタグ
#OpenAI #Sites #生成AI #AIエージェント #DX推進 #FDE #デジタル人材 #UXデザイン #業務ダッシュボード #人材育成 #マインドトランスフォーメーション

AUTHOR

著者紹介

近森 満(ちかもり みつる)
株式会社サートプロ 代表取締役CEO|DXコンサルタント/IT人材育成/検定事業化

IT技術者の教育支援と人材育成を専門とする事業化コンサルタントとして、2006年に株式会社サートプロを創業。IoT検定、+DX認定、アジャイル検定などの資格制度を創出。独自の技術者向け教育研修の開発に定評があり、実践的なスキル向上を支援。経済産業省DX推進ラボおよびIoT推進ラボのメンターとして、自治体や中小企業のDX推進を支援。近年は超知性ASIスキル可視化にも取り組み、次世代技術の普及に注力している。

𝕏 Twitter Facebook YouTube note
■ 所属・役職
・IoT検定制度委員会 事務局長(IoT検定・+DX認定・超知性ASI検定)
・一般社団法人 IT職業能力支援機構 理事長(Android資格)
・電気・電子系技術者育成協議会 副理事長(E検定)
・経済産業省 地方版IoT推進ラボ ビジネス創出事業メンター(IoT支援)
・経済産業省 地域DX推進ラボ ビジネス創出事業メンター(DX支援)
・デジタル庁 デジタル推進委員(デジタル化支援)
・アジャイル開発技術者検定試験コンソーシアム 事務局長(Agile検定)
・一般社団法人国際サイバーセキュリティ協会 事務局長(IACS認定)

DX推進・AI活用・人材育成でお悩みの方へ
「業務ダッシュボードをどう作ればいい?」「FDE人材をどう育てるか?」など、お気軽にご相談ください。初回無料のDX推進人材教育プログラムコンサルティングで現場の壁打ちをお受けしています。無理な営業は一切しません。情報収集だけでも歓迎です。
▶ 無料相談・お問い合わせ コンサルティング詳細

  • 月別

  • カテゴリー