AI時代のWeb制作は
「見た目」だけでは終われない
|
見た目≠品質
表面と骨格
|
検証
プロの仕事の核
|
初回無料
DX相談
|
✍️ 近森 満(株式会社サートプロ CEO)
#AI検証
#デジタル人材
#生成AI
・見た目の品質と公開物としての品質が同じではない理由
・AIに作らせた後の検証観点と、人間が最終責任者であるべき理由
・発注者側にも必要な「検証するリテラシー」と、育てるべきデジタル人材像
タップで該当セクションに移動
こんにちは、IT・DX教育サービスの株式会社サートプロ 近森満です。www.certpro.jp/blogs/dx_chikamori/
当社では「DX推進人材教育プログラム」として初回無料のコンサルティングを提供しています。DX推進や人材育成のご相談をお待ちしています。www.certpro.jp/dxconsulting/
AI時代、プロの仕事はどこで決まるのか
利用者は画面(表面)を見て評価しますが、プロはソースコードや構造、セキュリティ(骨格)を見ます。AIで制作コストが下がったからこそ、最後に人間が何を確認するかが重くなっています。
最近、ある公共サイトのリニューアルをめぐって、私の中で少し考え込む出来事がありました。見た目はきれいです。いま風で、落ち着きもあり、利用者にとっても悪くない印象を受けます。ところが、プロの方が裏側を見たときに「これは大丈夫なのか」と気になる点があった。ここに、AI時代の仕事の本質が表れているように感じました。
Webサイトは、利用者から見ると画面に表示されるものがすべてです。色、余白、写真、導線、スマートフォンでの見え方。そこが整っていれば「よくできている」と感じます。私も一人の利用者として見れば、まずはそう判断します。けれども、エンジニアやWeb制作のプロは違います。ソースコード、構造、実装の癖、コメント、セキュリティ、運用のしやすさまで見てしまう。いわば表面ではなく、骨格を見るわけです。
今回の話で私が大事だと思ったのは、特定の誰かを批判することではありません。むしろ、生成AIによって制作コストが下がり、短期間で形にできる範囲が広がったからこそ、最後に人間が何を確認するべきかが重くなっている、という点です。
価格が安いこと自体は、悪いことではありません
AI・ノーコード・テンプレートで効率化でき、価格が下がるのは自然です。安い=悪い、高い=良いではありません。ただし「作るコスト」と「検証する責任」は別物。作業時間が短くなっても確認項目は消えません。
公共の仕事や企業のWeb制作に関わっていると、制作費の感覚があります。簡単なランディングページでも、設計、デザイン、実装、確認、修正、公開作業まで含めれば、それなりの費用がかかります。以前なら「この規模なら100万円ぐらいは見ても不思議ではない」と感じる案件もありました。
一方で、いまは生成AIやAIエージェント、ノーコード、テンプレート、CMS、既存コンポーネントを組み合わせることで、かなりの部分を効率化できます。価格が下がること自体は自然です。安いから悪い、高いから良い、という単純な話ではありません。むしろ、AIを上手に使えば、限られた予算でも一定以上の品質を出せる可能性があります。
今回の考察の題材として、参議院ホームページ(www.sangiin.go.jp)の公開情報を確認しました。ただし、ここで注意したいのは「作るコスト」と「検証する責任」は別物だということです。AIで作業時間が短くなっても、公開前に確認すべき項目が消えるわけではありません。むしろ、AIを使った成果物ほど、どこに何が混ざっているかを丁寧に見なければいけません。
事例:見た目はよいのに、裏側で不安が残るWebサイト
画面が整っていても、ソースコードに制作メモや内部情報、不要なファイル参照が残っていれば信頼を損ねます。見た目の品質と公開物としての品質は同じではありません。公共性の高いサイトほど、裏側の検証が重要です。
たとえば、トップページのデザインが美しく、写真や動画も整っていて、利用者から見ると「きれいになった」と感じるサイトがあるとします。一般の利用者は、そこで十分に満足するかもしれません。けれども、プロがソースコードを見ると、制作時の指示や検討メモのようなコメントが大量に残っている。もしそこに内部情報、設計意図、セキュリティ上のヒント、不要なファイル参照が含まれていたらどうでしょうか。
見た目の品質と、公開物としての品質は同じではありません。画面に見える部分が整っていても、裏側に不要な情報が残っていれば、それは信頼を損ねるきっかけになります。公共性の高いサイトであればなおさらです。利用者に直接見えない部分だからこそ、プロが見なければいけない。ここに、検証する仕事の価値があります。
参議院は2026年8月28日、17年ぶりにホームページのデザインを刷新し、視認性・操作性の向上を発表しました(参議院審議中継 公式X)。一方で、公開直後にソースコード冒頭へ大量のコメントが残っている点を指摘する声もSNS上で見られました。詳細は各公式・投稿元をご確認ください。
AIが制作を助けるほど、人間の確認力が問われます
AIは「それらしいもの」を高速に作ります。だからこそ事実・文脈・権利・セキュリティ・公開前レビューが欠かせません。ハルシネーションは文章だけでなくコードや設定にも起こり得ます。AIと人間の役割を分けることが鍵です。
生成AIは便利です。HTMLを書き、CSSを整え、構成案を出し、画像の方向性まで提案してくれます。AIエージェントを使えば、ページ制作の一部をほぼ自動化できる場面もあります。私自身も、AIを活用することで仕事の進め方が大きく変わった実感があります。
しかし、AIは万能ではありません。もっと正確に言えば、AIは「それらしいもの」をかなり高い速度で作ります。だからこそ、事実確認、文脈確認、権利確認、セキュリティ確認、公開前レビューが欠かせません。生成AIのハルシネーションは文章だけの問題ではありません。コード、設定、コメント、リンク、画像、ファイル構成にも起こり得ます。
ここで大事なのは、AIを疑うことではなく、AIと人間の役割を分けることです。AIには作る、広げる、たたき台を出す、漏れを探す仕事を任せる。人間は責任を持って判断し、公開してよい状態かを確認する。私はこの分担こそ、これからのデジタル・トランスフォーメーションに必要なマインドセットだと考えています。
事例:AIに作らせた後、AIに検証させる
AIエージェントで作るなら「作って終わり」にせず、実装後に別観点で検証させます(不要コメント・機密情報・リンク切れ・アクセシビリティ・モバイル崩れ・セキュリティ)。そのうえで人間も確認。曖昧にすると効率化ではなくリスクの高速化になります。
仮にAIエージェントでWebページを作るなら、私は「作って終わり」にはしません。たとえばClaude Codeのような開発支援ツールを使うなら、実装後に別の観点で検証させます。不要なコメントは残っていないか。公開してはいけない情報はないか。リンク切れはないか。アクセシビリティは最低限満たしているか。モバイルで崩れていないか。セキュリティ上の注意点はないか。
さらに、人間の目でも確認します。AIのチェックは有効ですが、最終責任者にはなれません。組織として公開する以上、最後に「これで出してよい」と判断するのは人間です。ここを曖昧にすると、AI活用は効率化ではなく、リスクの高速化になってしまいます。
デジタル人材に必要なのは、作る力だけではありません
作る力と同じくらい、検証する力が必要です。ソースコードを読む力、仕様を確認する力、AIの出力を疑いすぎず信じすぎずに扱う力。役割の境界が溶けるAI時代には、発注者側も確認力が求められます。
これからのデジタル人材には、作る力と同じくらい、検証する力が必要です。スキルセットで言えば、HTMLやCSS、JavaScript、CMSの知識だけではなく、ソースコードを読む力、仕様を確認する力、AIが出したものを疑いすぎず、信じすぎずに扱う力です。
私はこれを、スキルチェンジとマインドチェンジの両方の課題だと見ています。従来の制作現場では、デザイナー、エンジニア、ディレクター、発注者の役割が比較的分かれていました。しかしAI時代には、その境界が少しずつ溶けていきます。発注者側も、成果物を丸投げするだけではなく、何を確認すべきかを理解する必要があります。
人や組織の変化で詰まったときの参考図書として、私の著書『マインド・トランスフォーメーション AI時代の思考革命: AI時代に必要な人間OSのアップデート』も、必要に応じて手に取っていただければと思います。AI時代に必要なのは、ツールの使い方だけでなく、自分の前提を更新することだからです。
安さではなく、説明できる品質で選ばれる時代へ
価格だけで選ぶと危うい。どの工程でAIを使い、どこを人間が見て、何をもって品質保証したのかを説明できることが大切です。公開前に誰が何を確認するかを仕組みにできる組織が、AI時代に強くなります。
AIによって制作費が下がることは、これからも続くと思います。LP、バナー、記事、動画、簡単なアプリ、業務ツール。多くのものが、以前より短時間で作れるようになります。AGI(Artificial General Intelligence)やASI(Artificial Super Intelligence)の議論が現実味を帯びるほど、仕事の速度はさらに変わるでしょう。
だからこそ、価格だけで仕事を選ぶと危うくなります。安いから頼む、高いから安心、ではありません。大事なのは、どの工程でAIを使い、どこを人間が見て、何をもって品質保証したのかを説明できることです。これは公共調達だけでなく、企業のDX推進、人材育成・教育支援、研修講座・eラーニング、採用広報、社内ポータルにも関わる話です。
読者の皆さんはどうでしょうか。もし自社のWebサイトや採用ページ、研修ポータルをAIで作るとしたら、公開前に誰が何を確認しますか。見た目のレビューだけで終わっていませんか。ソースコード、リンク、アクセシビリティ、個人情報、権利、運用保守まで見ていますか。ここを仕組みにできる組織が、AI時代に強くなると私は思います。
発注者側にも、検証するリテラシーが必要です
発注者が確認観点を知らないと評価は見た目に寄ります。仕様書に不要コメント・テストファイル等の確認を明記し、納品時チェックリストやAI使用範囲の説明を求める。採用ページなど組織の信用に直結するWeb接点ほど重要です。
もう一つ、私は発注者側のリテラシーも大きなテーマだと思っています。外部の制作会社に依頼する場合でも、AIを使って内製する場合でも、発注者が「何を確認すればよいのか」を知らなければ、完成物の評価はどうしても見た目に寄ってしまいます。かっこいい、今風、動きがある、スマートフォンで見やすい。もちろん大切です。ただ、それだけではWebサイトの品質は測れません。
たとえば、仕様書に「公開前に不要コメント、テストファイル、サンプルデータ、内部メモ、未使用リンクを確認する」と明記しておく。納品時にチェックリストを出してもらう。AIを使った場合は、どの範囲で使い、どの範囲を人間が確認したのかを説明してもらう。こうした小さな設計があるだけで、仕事の質はかなり変わります。
これは、エンジニアだけの問題ではありません。人事、広報、総務、教育担当、DX推進担当も関係します。採用サイト、研修案内、社内ポータル、自治体向けの申請ページなど、組織の信用に直結するWeb接点は増えています。だからこそ、デジタル人材の育成では「作る人」だけではなく「確認できる人」を育てる必要があります。
たとえば、エンジニア採用ページを生成AIで作ったとします。見た目は整っていて、職種紹介も読みやすい。けれども、候補者が本当に知りたい情報に届く導線になっているか。古い制度説明が残っていないか。外部リンクが切れていないか。画像の権利は問題ないか。問い合わせフォームの遷移は正しいか。ソースコードや埋め込みスクリプトに余計な情報が残っていないか。見るべき点はいくつもあります。ここを確認できる人材は、これからのキャリアパスでかなり重要になるはずです。AIに作らせる人は増えます。しかし、AIが作ったものを組織の成果に変える人は、まだ足りません。私は、そこにFDE的な働き方、つまり現場に入り込み、技術と業務の両方を見ながら成果まで持っていく人材の価値があると考えています。
AI時代のプロの仕事は「作れること」だけでは決まりません。見た目を整える力はもちろん大切ですが、それ以上に、裏側まで確認し、説明できる状態にする力が問われます。公開後に社会と接点を持つのは、AIではなく私たちの組織だからです。
AIは制作を助けてくれます。コストも下げてくれます。発想も広げてくれます。けれども、公開後に社会と接点を持つのは、AIではなく私たちの組織です。だから最後の検証を軽く見てはいけません。
本日の内容が、あなたの「シンギュラリティ時代への準備」に向けた、わずかながらでも「気づき」や「次の一歩」のヒントになれたなら幸いです。10年先の超知性ASIやAGIが当たり前になる未来に向けて、私たち自身をアップデートし続けることが、今最も重要です。ぜひ一緒に学びを深めていきましょう。
「社員のDXマインドをどう高めるか?」、「実践的なITスキル教育が進まない」など、DX推進担当者の育成やIT教育研修でお悩みでしたら、ぜひ一度お聞かせください。初回無料の「DX推進人材教育プログラム」コンサルティングにご応募いただければ、あなたの組織の課題解決に必ずお役に立ちます。www.certpro.jp/dxconsulting/ 次回の記事も、どうぞお楽しみに!
| ▶ 無料相談を申し込む | DX推進人材教育プログラム |
よくある質問
重要なキーワード解説
AI時代の検証する仕事
AIの成果物を公開できる品質まで確認する専門的な仕事。
AI時代の検証する仕事とは、生成AIやAIエージェントが作った成果物を、公開できる品質まで確認する仕事です。文章、コード、画像、リンク、データ、権利、セキュリティを横断して見る必要があります。単なるミス探しではなく、組織が責任を持って説明できる状態に整える専門性です。
デジタル人材のスキルセット
作る技術に加え、AI活用・検証・説明の力を含む総合力。
デジタル人材のスキルセットは、作る技術だけでは足りません。要件を読み解く力、AIを使いこなす力、成果物を検証する力、関係者に説明する力が必要です。キャリアパスとしても、実装者から検証者、伴走者、FDE型の成果創出人材へ広がっていく可能性があります。
マインド・トランスフォーメーション
人間側の前提や判断基準を更新する考え方。
マインド・トランスフォーメーションとは、AIやDX推進を単なるツール導入で終わらせず、人間側の前提や判断基準を更新する考え方です。マインドシフト、マインドチェンジを伴わなければ、生成AIは便利な道具で止まります。自分の仕事をどう変えるかまで考えることが重要です。
著者紹介
|
近森満(ちかもり みつる)
株式会社サートプロ 代表取締役CEO / DXコンサルタント/IT人材育成/検定事業化
IT技術者の教育支援と人材育成を専門とする事業化コンサルタントとして、2006年に株式会社サートプロを創業し、IoT検定・+DX認定・アジャイル検定などの資格制度を創出。独自の技術者向け教育研修の開発に定評があり、実践的なスキル向上を支援。経済産業省DX推進ラボおよびIoT推進ラボのメンターとして自治体や中小企業のDX推進を支援。近年は超知性ASIスキル可視化にも取り組み、次世代技術の普及に注力している。 |
|
| X (Twitter) | YouTube | note |
