<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>有限会社エージーワークス &#187; AI時代のウェブ開発</title>
	<atom:link href="https://www.ag-works.com/blog/ai-era-development/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.ag-works.com</link>
	<description>WebGL実装力で、御社のビジネスを加速させる「作れる」DXコンサルティング。</description>
	<lastBuildDate>Thu, 10 Sep 2026 00:48:04 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>AIに会社を正しく理解してもらうには？企業Webサイトの情報設計</title>
		<link>https://www.ag-works.com/blog/ai-understand-company-web-information/</link>
		<comments>https://www.ag-works.com/blog/ai-understand-company-web-information/#comments</comments>
		<pubDate>Tue, 18 Aug 2026 02:40:58 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[ブログ]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14760</guid>
		<description><![CDATA[AIに会社を説明してもらう時代が始まっている 「この会社は何をしている会社ですか &#8230; <a href="https://www.ag-works.com/blog/ai-understand-company-web-information/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h2><img class="alignnone size-full wp-image-14785" title="ai-understand-company-web-information" src="/wp/wp-content/uploads/2026/08/ai-understand-company-web-information.jpg" alt="" width="800" height="400" /></h2>
<h2>AIに会社を説明してもらう時代が始まっている</h2>
<p>「この会社は何をしている会社ですか？」</p>
<p>「この会社にはどんなサービスがありますか？」</p>
<p>「この商品を扱っている企業を教えてください」</p>
<p>「この課題を解決できる会社を探してください」</p>
<p>これまで、このような質問は検索エンジンにキーワードを入力して調べることが一般的でした。しかし、生成AIやAI検索の普及によって、ユーザーがAIに直接質問し、AIがWeb上の情報をもとに企業や商品、サービスを説明する場面が増えています。</p>
<p>この変化によって、企業Webサイトの役割も変わり始めています。</p>
<p>これまでの企業Webサイトは、まず人に見てもらうことが前提でした。検索結果から訪問者を呼び込み、ページを読んでもらい、会社や商品の魅力を伝える。そのためにデザインやコピー、導線、SEOなどを最適化してきました。</p>
<p>これからは、それだけではありません。</p>
<p>企業Webサイトは、<strong>AIや検索エンジン、各種サービスが企業を理解するための公式情報源</strong>としても機能する必要があります。</p>
<p>そのためには、「AIに読ませるための文章」を追加するだけではなく、そもそも企業が持っている情報を、AIや人間の双方が理解しやすい形に整理しておくことが重要になります。</p>
<h2>「AIに認識される」と「AIに正しく理解される」は違う</h2>
<p>企業名をWebサイトに掲載し、会社概要やサービスページを公開していれば、AIがその存在を認識する可能性はあります。</p>
<p>しかし、「存在を認識されること」と「企業のことを正しく理解されること」は同じではありません。</p>
<p>例えば、ある企業が「住宅設備向けの営業支援システム」と「一般消費者向けの3Dシミュレータ」の両方を提供していたとします。</p>
<p>Webサイトにそれぞれの情報が掲載されていても、サービス同士の関係がわかりにくかったり、対象ユーザーが明確でなかったり、古い情報と新しい情報が混在していたりすれば、企業として何を強みにしているのかを正しく理解することは難しくなります。</p>
<p>さらに、サービス名称がページごとに異なっていたり、同じ商品について異なる説明が掲載されていたりすると、AIがそれぞれを別の情報として扱ってしまう可能性もあります。</p>
<p>重要なのは、単純に情報量を増やすことではありません。</p>
<p><strong>企業として何を提供しているのか、その情報がどのような関係にあるのかを、Web全体で一貫して伝えられる構造を作ることです。</strong></p>
<h2>AIが企業を理解するために必要なのは「企業情報の構造」</h2>
<p>企業Webサイトには、実際には非常に多くの情報が存在しています。</p>
<p>会社概要だけではありません。提供しているサービス、取り扱っている商品、導入事例、制作実績、FAQ、ニュース、ブログ、採用情報、拠点情報、スタッフ情報など、企業に関するさまざまな情報がWeb上に蓄積されています。</p>
<p>これらを単にページとして並べるのではなく、「どの情報が何について説明しているのか」を整理することが重要になります。</p>
<p>例えば、ある商品について考えてみます。</p>
<p>商品名があり、その商品のカテゴリがあり、仕様や価格があり、関連するFAQがあり、その商品を使った導入事例があり、関連するサービスがあり、場合によっては3Dデータやシミュレータも存在する。</p>
<p>これらをそれぞれ独立したページとして扱うのではなく、商品を中心に情報同士を関連付けておけば、ユーザーにもAIにも、その商品の全体像が理解しやすくなります。</p>
<p>同じように、企業についても「会社概要」「サービス」「商品」「事例」「FAQ」という情報を別々に考えるのではなく、それぞれがどのようにつながっているのかを設計する必要があります。</p>
<p>このような考え方が、これからの企業Webにおける<strong>情報設計</strong>の重要な部分になります。</p>
<h2>SEOだけでは企業情報を整理しきれない</h2>
<p>「AIに理解してもらう」と聞くと、SEOを強化すればよいと考えるかもしれません。</p>
<p>もちろん、検索エンジンから見つけてもらうためのSEOは今後も重要です。しかし、AI時代の企業Webを考えると、検索順位だけでは捉えきれない領域が増えています。</p>
<p>検索キーワードに合わせてページを増やすだけでは、企業が持っている情報そのものが整理されるわけではありません。</p>
<p>例えば「3Dシミュレータ」というキーワードでページを作ったとしても、そのページから、どのような業界向けなのか、どのような商品に利用できるのか、関連する導入事例は何か、どのような技術で実現できるのか、といった情報が適切につながっていなければ、企業全体の理解にはつながりません。</p>
<p>これから重要になるのは、検索されるキーワードを増やすことだけではなく、<strong>企業そのものをWeb上でわかりやすく表現すること</strong>です。</p>
<p>SEOを「検索順位を上げるための施策」とだけ考えるのではなく、企業情報を整理し、正確に届けるためのWeb設計の一部として捉える必要があります。</p>
<h2>AIに理解される企業Webには「正確さ」と「一貫性」が必要</h2>
<p>企業情報をAIに理解してもらううえで、特に重要なのが情報の正確さと一貫性です。</p>
<p>例えば、サービスページでは「法人向けサービス」と説明しているのに、別のページでは個人向けのサービスとして紹介されている。会社概要には存在しないサービスが古いブログ記事に残っている。商品の仕様がページによって異なっている。</p>
<p>こうした状態では、人間がWebサイトを読んでも混乱します。</p>
<p>AIにとっても同じです。</p>
<p>AI対応というと、何か特殊な仕組みを導入することを想像しがちですが、その前に企業自身が公開している情報を整理し、現在の事業内容と一致させることが重要です。</p>
<p>古いページをどう扱うのか。終了したサービスをどう整理するのか。新しいサービスと既存サービスをどう関連付けるのか。商品情報をどこで管理するのか。</p>
<p>こうした運用まで含めて設計しなければ、時間が経つほどWeb上の企業情報は分散していきます。</p>
<p><strong>AIに正しく理解されるための第一歩は、企業自身が自社の情報を正しく管理できる状態を作ることです。</strong></p>
<h2>自社サイトの「AIから見た企業情報」を整理してみる</h2>
<p>自社のWebサイトを見ながら、「AIがこの会社を説明するとしたら、何を根拠に説明するだろう」と考えてみると、現在の情報構造が見えてきます。</p>
<p>会社概要だけでなく、サービス、商品、事例、FAQ、ブログなどがどのようにつながっているかを確認してみてください。</p>
<p><strong>「情報がページごとに分散している」</strong><br />
<strong> 「古い情報が残っている」</strong><br />
<strong> 「商品情報を複数の場所で管理している」</strong></p>
<p>といった状態であれば、Webサイトを作り直す前に、情報構造そのものを整理する余地があります。</p>
<h2>CMS・DB・APIが「AIに理解されるWeb」を支える</h2>
<p>企業情報を継続的に正しく管理するためには、Webページだけを作って終わりにするのではなく、CMSやデータベースの設計も重要になります。</p>
<p>例えば商品情報を考えてみましょう。</p>
<p>商品名、型番、カテゴリ、サイズ、価格、素材、カラー、画像、関連商品、FAQ、導入事例などの情報を、それぞれのページに直接入力して管理していると、更新のたびに複数のページを修正する必要があります。</p>
<p>そこで商品情報をデータとして管理し、その情報をWebサイトへ表示する仕組みにしておけば、情報の一貫性を保ちやすくなります。</p>
<p>さらにAPIを利用すれば、その商品情報をECや営業支援システム、Webサービス、3Dシミュレータなど別の仕組みから利用することもできます。</p>
<p>ここまで考えると、AIに企業を理解してもらうためのWeb設計は、単純なSEO対策ではないことがわかります。</p>
<p><strong>企業の情報をどこに持ち、どのように管理し、どのような形で外部へ届けるのか。</strong></p>
<p>そこまで含めた情報基盤の設計が必要になります。</p>
<h2>構造化データは「AI対策」ではなく、情報の意味を伝えるための仕組み</h2>
<p>企業Webサイトでは、構造化データも重要な技術の一つです。</p>
<p>構造化データを利用することで、ページに書かれている情報が「会社についての情報なのか」「商品についての情報なのか」「FAQなのか」「記事なのか」といった意味を機械に伝えやすくできます。</p>
<p>ただし、構造化データを設定すれば、それだけでAIに企業が正しく理解されるわけではありません。</p>
<p>重要なのは、Webページの内容、情報構造、データ、構造化データなどが矛盾せず、一貫して企業情報を表現していることです。</p>
<p>つまり、構造化データは単独の「AI対策」ではなく、<strong>企業情報を正しく構造化して伝えるためのWeb設計の一部</strong>として考える必要があります。</p>
<h2>AgWORKSなら「情報設計」から「実装」までつなげられる</h2>
<p>こうした企業Webの情報設計を実際のWebサイトへ落とし込むには、情報を整理するだけでは十分ではありません。</p>
<p>情報構造を考え、それをCMSで管理できるようにし、必要なデータをDBに持たせ、Webサイトへ表示し、必要に応じてAPIで外部システムと連携する。さらに、その情報をECやWebサービス、3Dシミュレータなどのユーザー体験につなげる。</p>
<p>AgWORKSは、これまでWebサイト制作だけでなく、CMS、データベース、API連携、Webサービス、WebGL、3Dシミュレータなどを一つのWeb開発領域として扱ってきました。</p>
<p>そのため、「AIに理解される文章を作る」というところだけではなく、<strong>企業が持っている情報をどう整理し、それを実際のシステムとしてどう利用できる状態にするか</strong>まで設計できます。</p>
<p>例えば商品情報をデータとして管理し、その情報をWebサイトだけでなく、ECや営業用のWebサービス、3Dシミュレータへ展開する。あるいは、企業の事例情報をCMSで管理し、関連するサービスや商品と結び付けて表示する。</p>
<p>このように、情報設計とWebシステム開発を分離せずに考えられることが、AgWORKSの開発領域の特徴です。</p>
<p>AI時代の企業Webでは、ページを作ることとシステムを作ることの境界が、これまで以上に小さくなっていきます。</p>
<h2>「AIに会社を理解してもらう」ために、まずWebサイトを見直す</h2>
<p>生成AIやAI検索への対応というと、何か新しい技術を追加することに意識が向きがちです。</p>
<p>しかし、最も重要なのは、企業が何者なのか、何を提供しているのか、誰のどのような課題を解決しているのかを、Web上で正しく整理しておくことです。</p>
<p>会社情報、商品情報、サービス、事例、FAQ、コラムなどが適切に整理され、それぞれの関係がわかり、最新の情報が一貫して管理されている。</p>
<p>その上でCMS、DB、API、構造化データなどを組み合わせ、必要な情報をWebサイトだけでなくECやWebサービス、シミュレータなどにも展開できるようにする。</p>
<p>こうした状態になって初めて、企業Webサイトは単なる「会社案内」から、<strong>企業を理解し、情報を利用するためのWeb情報基盤</strong>へ変わっていきます。</p>
<p>AIに自社を正しく理解してもらうために必要なのは、AI向けの特別な文章を書くことだけではありません。</p>
<p><strong>企業そのものを、Web上で正しく構造化すること。</strong></p>
<p>それが、これからの企業Webサイトに求められる重要な考え方です。</p>
<p>AgWORKSでは、AIによってWeb制作の方法が変化する中で、企業Webサイトを「人に見せるためのページ」から「人にもAIにも理解され、さまざまなサービスから利用できる情報基盤」へ変えていくための設計と開発に取り組んでいます。</p>
<p>自社サイトがAIからどのように理解されるのかを考えることは、同時に、自社がWeb上でどのような情報を持ち、どのように伝え、どのように活用しているのかを見直すことでもあります。</p>
<p>これからの企業Webサイトは、デザインだけでなく、<strong>情報・データ・システムまで含めて設計する時代</strong>になっていきます。</p>
<h2><strong>自社のWebサイトが「AIから見て、どんな会社に見えているのか」を整理してみませんか。</strong></h2>
<p>会社情報、商品情報、サービス、事例、FAQなど、現在のWebサイトにどのような情報があり、それらがどのようにつながっているのかを整理することで、これから整備すべきWeb情報基盤が見えてきます。</p>
<p>「AI検索で自社が正しく紹介されるようにしたい」「Webサイトの商品情報をECやシステムでも利用したい」「CMSやDBを含めて企業Webを見直したい」といった課題があれば、AgWORKSまでご相談ください。</p>
<p>そのアイデアや課題について、一緒に実現方法を考え、解決し、形にしていきましょう。</p>
<ul>
<li><a title="お問い合わせはこちらから" href="/contact/">お問い合わせはこちらから</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-understand-company-web-information/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>企業Webサイトは「人に見せるもの」から「AIに理解されるもの」へ</title>
		<link>https://www.ag-works.com/blog/ai-understandable-web-site/</link>
		<comments>https://www.ag-works.com/blog/ai-understandable-web-site/#comments</comments>
		<pubDate>Tue, 18 Aug 2026 01:53:35 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[ブログ]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14757</guid>
		<description><![CDATA[企業Webサイトの役割が変わり始めている これまで企業のWebサイトは、企業や商 &#8230; <a href="https://www.ag-works.com/blog/ai-understandable-web-site/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h2><img class="alignnone size-full wp-image-14783" title="ai-understandable-web-site" src="/wp/wp-content/uploads/2026/08/ai-understandable-web-site.jpg" alt="" width="800" height="400" /></h2>
<h2>企業Webサイトの役割が変わり始めている</h2>
<p>これまで企業のWebサイトは、企業や商品、サービスについて知ってもらうための「会社案内」としての役割が中心でした。検索エンジンで見つけてもらい、ページを開いてもらい、デザインされた画面を人が読みながら企業を理解する。それが企業Webサイトの基本的な役割だったといえます。</p>
<p>しかし、生成AIやAI検索が普及したことで、Webサイトを取り巻く環境は変わり始めています。</p>
<p>ユーザーが検索エンジンの検索結果からWebサイトを探すだけではなく、「この会社は何をしている会社なのか」「この商品を扱っている企業はどこか」「この課題を解決できる会社はどこか」とAIに質問し、AIがWeb上の情報をもとに企業や商品、サービスを説明したり、候補を提示したりする場面が増えています。</p>
<p>つまり企業Webサイトは、<strong>人が見るためだけのWebページではなく、AIや各種サービスが企業を理解するための公式情報源</strong>としての役割も持つようになっています。</p>
<p>これからの企業Webサイトでは、「きれいに見えるか」「検索順位が高いか」だけではなく、企業が何をしているのか、どのような商品やサービスを提供しているのか、どのような実績があるのかといった情報が、Web上で正しく整理され、機械からも扱いやすい状態になっていることが重要になります。</p>
<h2>AIに「会社を説明してください」と聞かれたとき、何が情報源になるのか</h2>
<p>例えば、AIに「この会社は何をしている会社ですか？」と質問したとします。</p>
<p>そのときAIが企業について理解するためには、企業がWeb上に公開している情報が重要になります。会社概要だけではなく、サービスページ、商品ページ、導入事例、ブログ、FAQなど、企業が発信しているさまざまな情報が企業理解の材料になります。</p>
<p>ところが、これらの情報がページごとにバラバラに存在していたり、同じ商品についてページによって表現が違っていたり、重要な情報が画像の中だけに存在していたりすると、企業が何を提供しているのかを正確に理解することは難しくなります。</p>
<p>例えば「3Dシミュレータを開発できる会社」という情報があったとしても、それだけでは十分ではありません。</p>
<p>どのような3Dシミュレータを開発できるのか。商品カスタマイズなのか、営業支援なのか、レイアウトなのか。どのような業界で利用されているのか。どのような技術を使っているのか。実際にどのような開発事例があるのか。どのような相談に対応できるのか。</p>
<p>こうした情報がそれぞれ独立したページに存在するだけでなく、互いに関連付けられ、企業の提供価値として理解できる構造になっていることが重要になります。</p>
<p>これは、従来の「Webページを作る」という発想だけでは捉えにくい部分です。</p>
<h2>これからは「ページ」ではなく「企業情報全体」を設計する</h2>
<p>企業Webサイトを考えるとき、これまでは「トップページをどうするか」「サービスページをどうデザインするか」「ブログをどう更新するか」といったページ単位で考えることが一般的でした。</p>
<p>しかし、AI時代の企業Webでは、ページ単位ではなく<strong>企業が持つ情報全体をどのように構造化するか</strong>という視点が必要になります。</p>
<p>企業情報、商品情報、サービス情報、事例、FAQ、ニュース、コラム、スタッフ情報など、それぞれの情報がどのような関係にあるのかを整理し、それらをCMSやデータベースで管理し、必要に応じてWebサイトやEC、Webサービス、シミュレータなどへ展開できるようにしておく。</p>
<p>さらに、検索エンジンやAIなどの機械が情報の意味を理解しやすくするために、構造化データなどの技術も組み合わせる。</p>
<p>こうして考えると、企業Webサイトは単なる「ページの集合」ではなく、<strong>企業が持っている情報をWeb上で整理し、さまざまな場所へ届けるための情報基盤</strong>として捉えることができます。</p>
<h2>「見せるWeb」から「利用されるWeb」へ</h2>
<p>この変化は、AI検索への対応だけに限りません。</p>
<p>企業が持っている商品情報をWebサイトだけでなくECにも利用する。商品情報を営業担当者が利用できるようにする。商品データを3Dシミュレータと連携する。FAQをWebサイトと問い合わせ対応の両方で利用する。企業情報やサービス情報をAPI経由で別のWebサービスから利用できるようにする。</p>
<p>このように、一度整理した企業情報を複数の場所で利用できるようにしておけば、Webサイトそのものの価値も変わってきます。</p>
<p>「このページを見せる」というだけではなく、「この情報を必要な場所で利用できる」という状態を作ることができるからです。</p>
<p>例えば商品情報を一元管理しておけば、同じ情報をWebサイト、EC、営業支援ツール、商品シミュレータなどで利用できます。さらに将来的に新しいサービスやAIを活用した仕組みが登場したとしても、整理された情報を新しい用途へ展開しやすくなります。</p>
<p>これからの企業Webサイトには、こうした<strong>情報を蓄積し、つなぎ、再利用できる設計</strong>が求められるようになります。</p>
<h2>AI時代のWeb制作では「デザイン」と「システム」を分けて考えない</h2>
<p>このようなWeb情報基盤を作るためには、Webデザインだけでも、SEOだけでも、システム開発だけでも十分ではありません。</p>
<p>企業がどのような情報を持っているのかを整理し、それをユーザーにどう見せるのかを考えながら、CMSやデータベースの構造を設計し、必要に応じてAPIで外部サービスと連携する。さらに、検索エンジンやAIが情報を理解しやすいように、HTMLや構造化データなどの技術面も考える必要があります。</p>
<p>そして企業によっては、その情報をさらにECやWebサービス、3Dシミュレータなどにつなげる必要があります。</p>
<p>つまり、これからの企業Webには、<strong>情報設計、デザイン、フロントエンド、バックエンド、データベース、API、SEO、構造化データ、Webサービス開発などを横断して考える視点</strong>が必要になります。</p>
<h3>AIで作ったWebサイトも、情報設計がなければ企業Webにはならない</h3>
<p>生成AIを使えば、Webページの文章やデザイン、HTML、JavaScriptなどを短時間で作ることができます。これはWeb制作のスピードを大きく変えるものです。</p>
<p>一方で、AIにページを作ってもらうことと、企業の情報基盤を設計することは同じではありません。</p>
<p>どの情報を管理するのか。その情報同士をどのように関連付けるのか。どこをCMSで更新するのか。どの情報をデータベースに持つのか。どの情報をAPIで外部に提供するのか。そして、それを将来どのようなサービスへ利用する可能性があるのか。</p>
<p>こうした設計がなければ、ページを大量に作ることはできても、企業情報全体として一貫したWeb基盤を作ることはできません。</p>
<p>AIによって「作る」ことが容易になったからこそ、これからは<strong>何を、どのような構造で作るのかを設計する力</strong>がより重要になります。</p>
<h2>AgWORKSが取り組んできた「Webとシステムをつなぐ開発」</h2>
<p>AgWORKSでは、これまで企業Webサイトの制作だけでなく、CMSやデータベースを利用したWebシステム、API連携、Webサービス、WebGL、3Dシミュレータなど、企業の情報をWeb上で扱うための開発を行ってきました。</p>
<p>例えば、商品をブラウザ上で確認・編集できる3Dシミュレータでは、単に3Dモデルを表示するだけではなく、商品情報や選択条件、画像、価格などのデータを扱いながら、ユーザーの操作に応じて画面を変化させる仕組みを構築します。</p>
<p>また、Webサイトと外部サービスを連携させる場合には、APIを利用して必要な情報を受け渡します。管理画面から登録した情報をWebサイトへ表示したり、Webサービス側からデータを利用したりすることもできます。</p>
<p>こうした開発経験があるため、AgWORKSではWebサイトを「デザインされたページ」としてだけではなく、<strong>企業が持つ情報をユーザーやシステムへ届けるための仕組み</strong>として設計できます。</p>
<p>Web制作会社とシステム開発会社を別々に考えるのではなく、情報設計から画面設計、CMS、DB、API、Webサービス、3Dコンテンツまでを一つのWeb環境として考えられることが、AgWORKSの開発領域の特徴です。</p>
<h2>企業Webサイトを「公式情報源」として設計する</h2>
<p>AIが企業を理解する時代になったからといって、特別なAI対策だけを行えばよいわけではありません。</p>
<p>まず必要なのは、企業自身が持っている情報を整理し、正確で一貫した形でWeb上に公開することです。</p>
<p>会社は何をしているのか。どのような商品やサービスを提供しているのか。どのような企業やユーザーに向けたものなのか。どのような課題を解決できるのか。どのような実績があるのか。問い合わせの多い質問には何があるのか。</p>
<p>こうした情報を適切なページとして整理するだけでなく、情報同士の関係性まで含めて設計することで、Webサイトは企業の「公式情報源」として機能するようになります。</p>
<p>その上で、構造化データやCMS、DB、APIなどを組み合わせれば、その情報を検索エンジンだけでなく、EC、Webサービス、シミュレータなどさまざまな仕組みへ展開できるようになります。</p>
<p><strong>人に伝わることと、AIやシステムに理解・利用されることは、別々の取り組みではありません。</strong></p>
<p>企業情報を正しく整理し、適切な構造でWeb上に公開すること。その情報を必要な場所へ届けられるようにすること。その結果として、人にもAIにも理解されやすいWeb情報基盤ができていきます。</p>
<h2>これからの企業Webに必要なのは「Webページを作る」だけではない</h2>
<p>AIによってWeb制作そのものが効率化される一方で、企業Webサイトに求められる役割は広がっています。</p>
<p>これからは「どんなデザインのサイトを作るか」だけではなく、「企業が持っている情報をどう整理し、どう構造化し、誰がどのように利用できるようにするか」まで考える必要があります。</p>
<p>企業情報、商品情報、事例、FAQ、CMS、DB、API、構造化データ、Webサービス、EC、シミュレータ。</p>
<p>これらを別々のものとして扱うのではなく、企業の情報を中心に一つのWeb基盤として設計する。</p>
<p>それが、これからの企業Webサイトに求められる新しい考え方です。</p>
<p>AgWORKSでは、AIによってWeb制作の方法そのものが変化している今、<strong>「AIで何を作るか」だけではなく、「企業の情報を人にもAIにもどう理解・利用してもらうか」</strong>という視点から、これからのWeb開発を研究し、自社サイトでも実践していきます。</p>
<p><strong>「人に見せるサイトを作る」から、「人にもAIにも理解される企業のWeb情報基盤を作る」へ。</strong></p>
<p>企業Webサイトの役割は、これからさらに変わっていきます。</p>
<h2>AI時代の企業Webサイトについて、まず自社サイトの情報構造から考えてみませんか。</h2>
<p>企業情報、商品情報、事例、FAQ、CMS、DB、API、Webサービスなど、現在のWebサイトがどのような情報構造になっているのかを整理するところから、これからのWeb基盤を考えることができます。</p>
<p><strong>「AIに自社のことを正しく理解してもらえるWebサイトにしたい」</strong><br />
<strong> 「Webサイトと商品DBやシステムをつなげたい」</strong><br />
<strong> 「これからの企業Webサイトをどう設計すればよいかわからない」</strong></p>
<p>といった課題があれば、AgWORKSにご相談ください。</p>
<p>そのアイデアや課題について、一緒に実現方法を考え、解決し、形にしていきましょう。</p>
<ul>
<li><a title="お問い合わせはこちらから" href="/contact/">お問い合わせはこちらから</a></li>
</ul>
<p><strong>AI時代のWeb開発について、AgWORKSの考え方や実際の開発事例も引き続き紹介していきます。</strong></p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-understandable-web-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CMS・DB・APIまで考える。AI時代の企業Web情報基盤</title>
		<link>https://www.ag-works.com/blog/ai-era-web-information-platform-cms-db-api/</link>
		<comments>https://www.ag-works.com/blog/ai-era-web-information-platform-cms-db-api/#comments</comments>
		<pubDate>Tue, 18 Aug 2026 01:47:41 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[ブログ]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14763</guid>
		<description><![CDATA[Webサイトを作るだけでは、企業の情報基盤にはならない 企業のWebサイトを制作 &#8230; <a href="https://www.ag-works.com/blog/ai-era-web-information-platform-cms-db-api/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<h2><img class="alignnone size-full wp-image-14781" title="ai-era-web-information-platform-cms-db-api" src="/wp/wp-content/uploads/2026/08/ai-era-web-information-platform-cms-db-api.jpg" alt="" width="800" height="400" /></h2>
<h2>Webサイトを作るだけでは、企業の情報基盤にはならない</h2>
<p>企業のWebサイトを制作するとき、「どんなページを作るか」「どんなデザインにするか」というところから考え始めることが多いと思います。</p>
<p>トップページがあり、会社概要があり、サービス紹介があり、実績や事例があり、お問い合わせページがある。必要に応じてブログやニュースを追加し、それぞれのページをデザインして公開する。<br />
<span style="font-weight: 300;">これまでの企業Webサイトでは、それで十分なケースもありました。</span></p>
<p>しかし、企業がWeb上で扱う情報が増え、ECやWebサービス、営業支援システムなどとの連携が進み、さらに生成AIやAI検索によってWeb上の情報が機械にも利用されるようになると、Webサイトを単純な「ページの集合」として考えるだけでは対応しにくくなっています。</p>
<p>例えば、ある企業が100種類の商品を扱っているとします。</p>
<p>商品名、型番、価格、サイズ、素材、カラー、画像、仕様、関連商品、FAQ、導入事例など、商品に関する情報は一つのページだけに収まるものではありません。</p>
<p>それらをWebページに直接書き込んで管理するだけでは、情報が増えるほど更新や再利用が難しくなります。</p>
<p>WebサイトだけでなくECでも使いたい。営業担当者にも使わせたい。商品シミュレータにも表示したい。将来的にはAIにも利用させたい。</p>
<p>そう考えたときに必要になるのが、<strong>企業情報をWebサイトの外側も含めて整理し、管理し、必要な場所へ届けられる仕組み</strong>です。</p>
<h2>これからの企業Webは「ページ」ではなく「情報」を中心に考える</h2>
<p>AI時代の企業Webサイトを考えるうえで重要なのは、ページを増やすことではありません。<br />
<span style="font-weight: 300;">企業がどのような情報を持っているのかを整理し、その情報をどのような単位で管理し、どの情報とどの情報が関連しているのかを明確にすることです。</span></p>
<p>例えば、「商品」という情報があれば、その商品には商品名や型番だけでなく、画像、仕様、価格、カラー、関連商品、対応サービス、導入事例、FAQなど、さまざまな情報が関連しています。</p>
<p>「事例」という情報にも、導入企業、導入した商品、解決した課題、利用したサービス、関連する業界などの情報があります。</p>
<p>こうした情報をそれぞれ独立したページとして扱うのではなく、企業の情報構造として整理しておけば、一つの情報を複数の場所で利用できるようになります。</p>
<p>Webサイトに掲載するためだけの商品情報ではなく、<strong>企業が持つ商品データそのものをWeb上で活用できる状態にする</strong>という考え方です。</p>
<p>この発想に変えると、Webサイトの設計も変わってきます。</p>
<h2>CMSは「ページを更新する道具」から「企業情報を管理する仕組み」へ</h2>
<p>企業WebサイトではCMSが広く利用されています。</p>
<p>文章を書き換えたり、画像を差し替えたり、新しい記事を追加したりすることで、専門的な知識がなくてもWebサイトを更新できるようになります。</p>
<p>しかし、企業情報をWeb情報基盤として考える場合、CMSの役割はそれだけではありません。</p>
<p>例えば商品情報をCMSで管理するのであれば、商品名や説明文だけではなく、型番、仕様、カテゴリー、画像、関連商品などを構造化して管理することができます。</p>
<p>事例についても、タイトルと本文を登録するだけではなく、業界、サービス、商品、課題、導入企業などの情報を関連付けて管理することができます。</p>
<p>そうすれば、同じ商品に関連する事例を自動的に表示したり、特定の業界に関連するサービスや事例をまとめたり、条件に応じて必要な情報を表示したりすることが可能になります。</p>
<p>CMSを「Webページを書くための管理画面」としてだけではなく、<strong>企業が持つ情報を整理して管理するための仕組み</strong>として設計することが、これから重要になります。</p>
<h2>DBを使うことで、情報を「蓄積して再利用」できる</h2>
<p>さらに情報量が増えたり、複雑な条件で情報を扱ったりする場合には、データベースが重要になります。</p>
<p>Webページに文章として書かれた情報は、そのページを見るためには便利ですが、別のサービスで利用することは簡単ではありません。</p>
<p>一方、商品名、型番、価格、サイズ、カテゴリーなどをデータとして管理しておけば、その情報を必要な場所へ取り出して利用できます。</p>
<p>例えば商品データベースを構築しておけば、Webサイトの商品ページだけでなく、商品検索、比較機能、EC、営業支援システム、3Dシミュレータなど、さまざまな仕組みで同じ情報を利用できます。</p>
<p>情報を一度登録したら、その情報を何度も入力し直すのではなく、<strong>一つの情報を複数の用途で利用する。</strong></p>
<p>この考え方は、企業がWeb上で扱う情報が増えるほど大きな意味を持ちます。</p>
<p>そして、情報を一元的に管理することで、Webサイトごとに内容が違ってしまう、古い情報が残ってしまう、といった問題も減らしやすくなります。</p>
<h2>APIによって、企業情報をWebサイトの外へ届ける</h2>
<p>CMSやDBに情報を整理しても、その情報を一つのWebサイトだけで利用するのであれば、活用範囲には限界があります。</p>
<p>そこで重要になるのがAPIです。</p>
<p>APIを利用することで、あるシステムが持っている情報を、別のシステムから利用できるようになります。</p>
<p>例えば、商品データベースに登録されている情報をWebサイトへ表示するだけでなく、ECサイトや営業支援システム、商品シミュレータなどから利用することもできます。</p>
<p>企業が持っている情報を「このページに表示するもの」として閉じるのではなく、<strong>必要なサービスへ届けられるデータとして扱う</strong>ことができます。</p>
<p>これから企業が新しいWebサービスを立ち上げたり、AIを利用したサービスを導入したりするときにも、すでに整理された情報基盤があれば、その情報を新しい用途へ展開しやすくなります。</p>
<p>Webサイトを作る段階で、将来的なデータ利用まで考えておくことには、このような意味があります。</p>
<h2>AI時代には「Webサイトの中身」そのものが企業の資産になる</h2>
<p>生成AIやAI検索の普及によって、企業がWeb上で公開している情報は、これまで以上に重要になっています。</p>
<p>AIが企業を理解するとき、会社概要だけを読むとは限りません。</p>
<p>サービスページ、商品情報、事例、FAQ、コラム、ニュースなど、Web上に存在するさまざまな情報が企業を理解するための材料になります。</p>
<p>そのため、企業が何を提供しているのかという情報がサイト内のあちこちに分散し、それぞれのページで表現が異なっている状態よりも、企業情報全体が整理され、関連付けられている状態の方が、企業の情報を一貫して伝えやすくなります。</p>
<p>さらに構造化データなどを適切に利用すれば、ページに書かれている情報が何を意味するのかを機械に伝えるための手段も増やせます。</p>
<p>ここで重要なのは、「AIに読ませるために特殊な文章を書く」ということではありません。</p>
<p><strong>企業自身が持っている情報を、正確に整理し、適切な構造でWeb上に公開する。</strong></p>
<p>その結果として、人にもAIにも企業の情報を理解してもらいやすい状態を作ることができます。</p>
<h2>自社のWebサイトは「情報基盤」になっていますか？</h2>
<p>現在の企業Webサイトが、単にページを表示するだけの仕組みなのか、それとも企業情報を蓄積・管理・再利用できる仕組みになっているのかを確認するだけでも、これからのWeb戦略を考えるきっかけになります。</p>
<p>「商品情報をWebサイト以外でも利用したい」「CMSの管理方法を見直したい」「Webサイトと社内システムを連携したい」といった課題があれば、現在の情報構造から整理することができます。</p>
<ul>
<li><a title="企業Webの情報設計について相談する" href="/contact/">企業Webの情報設計について相談する</a></li>
</ul>
<h2>Webサイト、EC、Webサービス、シミュレータを一つの情報でつなぐ</h2>
<p>企業によっては、Webサイトとは別にECサイトを運営していたり、商品検索システムを持っていたり、営業担当者向けのシステムを利用していたりします。</p>
<p>さらに商品をWeb上でカスタマイズするシミュレータや、3Dモデルを使った商品確認ツールなどが必要になるケースもあります。</p>
<p>これらをそれぞれ別々に開発してしまうと、同じ商品情報を複数のシステムに登録しなければならなくなります。</p>
<p>商品名を変更したら複数箇所を修正する。価格が変わったら複数の管理画面を更新する。商品が廃番になったら、それぞれのシステムから削除する。</p>
<p>こうした状態は、情報量が増えるほど運用上の負担になります。</p>
<p>そこで、企業の商品情報を中心にCMSやDBを設計し、その情報をAPIなどで必要なサービスへ提供するという考え方が重要になります。</p>
<p><strong>企業情報</strong><br />
<strong> ↓</strong><br />
<strong> CMS / DB</strong><br />
<strong> ↓</strong><br />
<strong> API</strong><br />
<strong> ├── 企業Webサイト</strong><br />
<strong> ├── EC</strong><br />
<strong> ├── 営業支援システム</strong><br />
<strong> ├── Webサービス</strong><br />
<strong> ├── 3Dシミュレータ</strong><br />
<strong> └── その他のサービス</strong></p>
<p>こうした構造を作ることで、Webサイトは企業情報を「見せる場所」の一つになります。</p>
<p>そして、その情報を利用する場所はWebサイトだけではなくなります。</p>
<h2>AgWORKSは「Web制作」と「システム開発」を分けずに考えられる</h2>
<p>このような情報基盤を構築するには、Webサイト制作だけの知識では対応しにくい部分があります。</p>
<p>情報設計を行い、CMSを設計し、データベースを構築し、APIを開発し、それをWebサイトの画面へ実装する。必要に応じてECや外部サービスと連携し、さらに3DシミュレータなどのWebアプリケーションまでつなげる。</p>
<p>AgWORKSは、これまで企業サイトの制作に加えて、CMSやデータベースを利用したWebシステム、API連携、Webサービス、WebGL、3Dシミュレータなどの開発に取り組んできました。</p>
<p>そのため、Webサイトを「デザインする部分」と「裏側のシステム」を完全に分離するのではなく、<strong>企業が持つ情報を中心に、画面からデータ、システムまで一つの構造として考えることができます。</strong></p>
<p>例えば3Dシミュレータを開発する場合も、3Dモデルをブラウザに表示するだけではありません。</p>
<p>商品情報、選択条件、価格、画像、バリエーションなどをどのように管理するのか。その情報をどこから取得するのか。ユーザーの選択結果をどのように扱うのか。必要であればECや営業システムとどのように連携するのか。</p>
<p>こうしたところまで含めて設計することで、3Dシミュレータを単独のコンテンツではなく、<strong>企業のWeb情報基盤につながるWebサービス</strong>として構築できます。</p>
<p>これは、Webページの制作だけを行う場合とも、システムだけを開発する場合とも異なるアプローチです。</p>
<h2>AIによって「作ること」が容易になるからこそ、情報基盤の設計が重要になる</h2>
<p>生成AIによって、Webサイトの文章、デザイン、コード、画像、3DCGなどを作ることは以前よりも容易になりました。</p>
<p>これからは、プロトタイプや小規模なWebサービスを短期間で作ることも、これまで以上に身近になっていくでしょう。</p>
<p>しかし、企業が長期間利用するWebサイトやWebサービスでは、「作れること」と「運用できること」は別の問題です。</p>
<p>情報をどこで管理するのか。誰が更新するのか。複数のサービスでどのように利用するのか。古くなった情報をどう管理するのか。新しいサービスを追加するときにどう拡張するのか。</p>
<p>そして、AIや検索サービスが企業情報を利用するようになったとき、その情報をどのように正確に提供するのか。</p>
<p>こうしたことまで考えて初めて、企業にとって長く利用できるWeb基盤になります。</p>
<p>AIによって「作るコスト」が下がっていくほど、Web開発の価値は単純な制作量から、<strong>情報をどう設計し、どうつなぎ、どう運用できる状態にするか</strong>へ移っていきます。</p>
<h2>これからの企業Webは「情報を持つ場所」から「情報を活用する基盤」へ</h2>
<p>企業Webサイトは、企業の情報を人に見せるためだけの場所ではなくなりつつあります。</p>
<p>企業情報を管理し、商品情報を蓄積し、事例やFAQを関連付け、必要な情報をWebサイトやEC、Webサービス、シミュレータへ届ける。</p>
<p>さらに、その情報を検索エンジンやAIが理解しやすい形でWeb上に公開する。</p>
<p>こうした仕組みが整えば、企業Webサイトは単なる「会社案内」ではなく、企業が持つ情報を活用するための基盤になります。</p>
<p>その中心にあるのは、CMSでもDBでもAPIでもありません。</p>
<p><strong>企業が持っている情報を、どのような構造で整理し、どのように利用できるようにするかという情報設計です。</strong></p>
<p>CMS、DB、API、Webサイト、EC、Webサービス、3Dシミュレータなどは、その情報を活用するための仕組みとして位置付けられます。</p>
<p>AgWORKSでは、これまで培ってきたWeb制作とシステム開発、WebGL・3D開発の経験を組み合わせ、企業の情報を「見せる」だけではなく、「管理する」「つなぐ」「利用する」ところまで含めたWeb情報基盤として設計していきます。</p>
<p><strong>「Webページを作る」から、「企業の情報基盤を作る」へ。</strong></p>
<p>AI時代の企業Webには、これまでとは異なる設計思想が求められています。</p>
<h2>関連記事</h2>
<p>AIによってWeb制作そのものが変わる一方で、企業Webサイトの役割も変化しています。</p>
<p>企業情報、商品情報、事例、FAQ、CMS、DB、API、構造化データなどをどのように整理し、Web上で活用していくのか。</p>
<p>これからの企業Webに必要な情報設計について、こちらの記事でも紹介しています。</p>
<ul>
<li><a title="企業Webサイトは「人に見せるもの」から「AIに理解されるもの」へ。" href="/blog/ai-understandable-web-site/">企業Webサイトは「人に見せるもの」から「AIに理解されるもの」へ。</a></li>
</ul>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-era-web-information-platform-cms-db-api/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIが描いた3DCG UIを、本当に動くWebアプリへ。制作会社と一緒に形にした開発の話</title>
		<link>https://www.ag-works.com/blog/ai-3dcg-ui-webgl-development/</link>
		<comments>https://www.ag-works.com/blog/ai-3dcg-ui-webgl-development/#comments</comments>
		<pubDate>Tue, 28 Jul 2026 22:04:23 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[web3d]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[制作ポリシー]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14118</guid>
		<description><![CDATA[AIが生成した3DCG UIイメージを、WebGL・API連携・動的UI実装により実際に使えるWebアプリへ。制作会社と共に形にした開発事例をご紹介します。 <a href="https://www.ag-works.com/blog/ai-3dcg-ui-webgl-development/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-14139" title="ai-3dcg-ui-webgl-development" src="/wp/wp-content/uploads/2026/07/ai-3dcg-ui-webgl-development.jpg" alt="" width="800" height="400" /></p>
<p>AIの画像生成ツールを使えば、以前では考えられなかったようなUIデザインやコンセプトイメージを短時間で作れるようになりました。</p>
<p>今回ご紹介するのは、制作会社様がAIを活用して提案した人体3Dモデルを使ったカルテアプリを、実際に操作できるWebシステムへ落とし込んだ開発事例です。</p>
<p>企業名や詳細な画面は公開できませんが、AIで生まれたアイデアを「実際に使える形」にするまで、どのような課題があり、どのような考え方で実装したのかをご紹介します。</p>
<h2>AIで生まれたのは「完成品」ではなく「理想のイメージ」</h2>
<p>制作会社様から共有いただいたデザインには、AIで生成した人体の3Dイメージが組み込まれていました。</p>
<p>提案段階では十分な完成度でしたが、それはあくまで2Dのデザインイメージです。<br />
実際のシステムとして考えると、</p>
<ul>
<li>人体を自由に回転できる</li>
<li>部位ごとに情報を表示する</li>
<li>バックエンドのデータと連携する</li>
<li>タブレットでも快適に動く</li>
</ul>
<p>といった要件を満たす必要がありました。<br />
つまり、「見せるためのデザイン」を、「使うためのUI」へ変換する工程が必要だったのです。</p>
<h2>AgWORKSでは「AIのイメージ」をWebGL向けに再構築</h2>
<p>まず行ったのは、AIのイメージをそのまま使うのではなく、WebGLで快適に動作する人体3Dモデルへ最適化することでした。</p>
<p>見た目を近づけるだけではなく、</p>
<ul>
<li>描画負荷</li>
<li>モデル構造</li>
<li>アニメーション</li>
<li>データとの連携</li>
</ul>
<p>まで考慮して設計しています。<br />
AIが作ったイメージを「再現」するのではなく、「実際に動く形へ設計し直す」というアプローチです。</p>
<h2>UIは「静止画」から「操作できる体験」へ</h2>
<p>AIが生成したUIは、美しいビジュアルとして完成していました。</p>
<p>しかし、実際のアプリケーションでは、</p>
<ul>
<li>ボタンを押したときの反応</li>
<li>情報の表示切り替え</li>
<li>部位選択</li>
<li>アニメーション</li>
</ul>
<p>など、多くのインタラクションが必要になります。</p>
<p>デザインの印象を維持しながら、Webアプリとして自然に操作できるUIへ実装しました。</p>
<h2>API連携により、実際のシステムと接続</h2>
<p>画面は見た目だけでは成立しません。</p>
<p>バックエンドのカルテシステムとAPIで連携し、JSON形式で取得したデータを人体モデルやUIへ反映する仕組みを構築しました。</p>
<p>これにより、デザインモックではなく、実際の業務データを扱うアプリケーションとして利用できる状態になりました。</p>
<h2>デザインを比較・検証できる仕組みも用意</h2>
<p>開発では、「完成した画面を一つ作る」ことだけが目的ではありません。</p>
<p>複数のデザイン案やカラーバリエーションを比較しながら検討できる仕組みも実装しました。</p>
<p>これにより、制作会社様・クライアント様双方で完成イメージを確認しながら調整を進められる環境を提供しています。</p>
<h2>WebGLだから実現できた、高解像度画像の書き出し</h2>
<p>開発の途中で、新たな要望もありました。</p>
<p>イベントで使用する大型パネル用に、高解像度の画像を書き出したいというものです。</p>
<p>通常、このような用途ではCGソフトで再レンダリングするケースもありますが、レンダリングには時間がかかります。</p>
<p>そこで、WebGLビューアから解像度を指定してPNGを書き出せる機能を実装しました。</p>
<p>その結果、デザイン確認だけでなく、印刷用素材の作成までWebブラウザ上で完結できるようになり、制作フローの効率化にもつながりました。</p>
<p>これはAIとは直接関係ありませんが、「実際の現場で役立つ仕組み」を追加することで、プロジェクト全体の価値を高められた一例です。</p>
<h2>AIで終わらせず、「実際に使えるシステム」にするために</h2>
<p>AIは、企画やデザインのスピードを大きく変えました。</p>
<p>一方で、AIが生み出すのは、多くの場合「アイデア」や「完成イメージ」です。それを、</p>
<ul>
<li>実際に操作できるUIへ落とし込み、</li>
<li>バックエンドと連携し、</li>
<li>複数のデバイスで安定して動作させ、</li>
<li>開発や制作の現場でも活用できる仕組みへ育てる。</li>
</ul>
<p>この最後の工程こそ、私たちAgWORKSが大切にしている開発領域です。</p>
<p>AIのアウトプットをそのまま使うのではなく、実際のビジネスで使えるプロダクトへ</p>
<p>上げること。それが、このプロジェクトで私たちが担った役割でした。</p>
<h2>関連記事</h2>
<p>AIで作ったデザインやUIを実際のシステムへ落とし込むには、品質や設計も重要になります。こちらの記事もぜひご覧ください。</p>
<p>▶ <a title="AIで作ったコードはそのまま使える？実運用で見直した5つのポイント" href="/blog/ai-generated-code-production-checklist/">AIで作ったコードはそのまま使える？実運用で見直した5つのポイント</a></p>
<p>▶ <a title="AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例" href="/blog/ai-prototype-webgl-refactoring/">AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例</a></p>
<p>▶ <a title="担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした" href="/blog/system-operation-design-handover/">担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした</a></p>
<h2>AIで作ったUI・WebGL開発をご検討の方へ</h2>
<p data-start="351" data-end="405">AgWORKSでは、AIで作成したイメージや試作品を、実際に業務で利用できるWebシステムへ開発しています。</p>
<ul>
<li>WebGL・Three.jsを活用したシステム開発</li>
<li>業務システムとの連携</li>
<li>保守・運用を見据えた設計</li>
<li>試作品（PoC）から本番開発まで対応</li>
</ul>
<p>そのアイデアや試作品、一緒に実現方法を考え、形にしていきましょう。</p>
<p>▶ <a title="WebGL開発について" href="/service/tech-webgl/">WebGL開発について</a></p>
<p>▶ <a title="お問い合わせ" href="/contact/" target="_blank">お問い合わせ</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-3dcg-ui-webgl-development/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIで作ったコードはそのまま使える？実運用で見直した5つのポイント</title>
		<link>https://www.ag-works.com/blog/ai-generated-code-production-checklist/</link>
		<comments>https://www.ag-works.com/blog/ai-generated-code-production-checklist/#comments</comments>
		<pubDate>Tue, 28 Jul 2026 22:03:56 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[web3d]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[制作ポリシー]]></category>
		<category><![CDATA[運用型ウェブ開発]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14122</guid>
		<description><![CDATA[AIで作ったコードは試作には最適ですが、本番運用では見直したいポイントもあります。実際の開発現場で確認している5つの視点をご紹介します。 <a href="https://www.ag-works.com/blog/ai-generated-code-production-checklist/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-14137" title="ai-generated-code-production-checklist" src="/wp/wp-content/uploads/2026/07/ai-generated-code-production-checklist.jpg" alt="" width="800" height="400" /></p>
<p>ChatGPT、Claude、Cursorなどを活用すれば、以前では考えられないスピードでコードを書けるようになりました。</p>
<p>画面が動き、必要な機能も実装できるため、そのまま本番環境へ公開したくなることもあるでしょう。</p>
<p>実際、AIが生成したコードは十分実用的なケースも増えています。</p>
<p>しかし、企業で長く使うWebシステムやWebGLアプリケーションでは、「動くこと」と「運用できること」は少し意味が異なります。</p>
<p>今回は、AgWORKSがAIで作られたコードを実運用へ組み込む際に確認しているポイントをご紹介します。</p>
<h2>AIで作ったコードは本番運用できる？</h2>
<p>結論から言えば、<br />
<strong>「ケースによります。」</strong><br />
AIは優秀なコードを書いてくれます。</p>
<p>一方で、システム全体との整合性までは考慮されていないこともあります。</p>
<p>実際の開発では、コードそのものより、<br />
<strong>「システム全体の中でどう動くか」</strong><br />
を見ることが重要になります。</p>
<h2>① コードの役割は明確になっているか</h2>
<p>AIへ何度も指示を出して開発すると、似たような処理が複数存在したり、どこで何を行っているのか分かりにくくなることがあります。</p>
<p>例えば、</p>
<ul>
<li>同じ処理が複数ある</li>
<li>共通化できる</li>
<li>名前だけでは役割が分からない</li>
</ul>
<p>といった状態です。<br />
まずは役割を整理することで、今後の保守が大きく変わります。</p>
<h2>② システム全体へ組み込める構成になっているか</h2>
<p>AIは一つの機能を作ることは得意です。<br />
しかし、複数の機能を長く運用するシステムとして設計することは別の視点になります。例えば、</p>
<ul>
<li>データの流れ</li>
<li>他機能との関係</li>
<li>エラー時の処理</li>
<li>状態管理</li>
</ul>
<p>なども含めて確認します。</p>
<h2>③ 将来の機能追加を考えた設計になっているか</h2>
<p>企業向けシステムでは、「完成」がゴールではありません。</p>
<p>運用が始まると、新しい要望が必ず出てきます。</p>
<p>そのとき、<strong>「簡単に追加できる構成」</strong>なのか、<strong>「毎回大きく修正しなければならない構成」</strong>なのかで、開発コストは大きく変わります。</p>
<h2>④ バグだけではなく、運用も考えられているか</h2>
<p>試作品では気にならなかったことも、<span style="font-weight: 300;">実際の運用では重要になります。<br />
</span><span style="font-weight: 300;">例えば、</span></p>
<ul>
<li>エラー発生時の表示</li>
<li>ログ</li>
<li>管理画面</li>
<li>権限管理</li>
<li>データ更新</li>
</ul>
<p>などです。<strong>「正常に動く」</strong>だけではなく、<strong>「問題が起きても運用できる」</strong>状態を目指します。</p>
<h2>⑤ 次の担当者が理解できる状態になっているか</h2>
<p>意外と見落とされがちなのが、引き継ぎです。<br />
担当者が異動したり、外部の開発会社へ依頼したりすることは珍しくありません。<br />
そのため、</p>
<ul>
<li>設計資料</li>
<li>アーキテクチャ図</li>
<li>データ構成</li>
<li>機能一覧</li>
</ul>
<p>などを整理し、誰が見ても理解できる状態を作ることも重要です。</p>
<p>これは、長く使えるシステムづくりには欠かせない工程だと考えています。</p>
<h2>AIが作ったコードを「使える資産」にする</h2>
<p>AIによって、コードを書くこと自体のハードルは大きく下がりました。</p>
<p>その一方で、企業のシステム開発では、コードを書くこと以上に、整理し、設計し、運用できる形へ整えることが重要になります。</p>
<p>AgWORKSでは、AIで作られたコードを否定するのではなく、その成果を活かしながら、長く使えるシステムへ整理・統合することを大切にしています。</p>
<p>AI時代だからこそ、<br />
<strong>「コードを書くこと」</strong>ではなく、<strong>「コードを育てられること」</strong>が、これからの開発ではより重要になっていくと考えています。</p>
<h2 data-section-id="1bugmif" data-start="539" data-end="546">関連記事</h2>
<p data-start="548" data-end="605">AIが生成したコードは開発を加速させますが、本番運用では設計や保守性も重要になります。こちらの記事もおすすめです。</p>
<p data-start="548" data-end="605">▶ <a title="AIが描いた3DCG UIを、本当に動くWebアプリへ" href="/blog/ai-3dcg-ui-webgl-development/">AIが描いた3DCG UIを、本当に動くWebアプリへ</a></p>
<p>▶ <a title="AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例" href="/blog/ai-prototype-webgl-refactoring/">AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例</a></p>
<p>▶ <a title="担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした" href="/blog/system-operation-design-handover/">担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした</a></p>
<h2>AIで作ったUI・WebGL開発をご検討の方へ</h2>
<p data-start="351" data-end="405">AgWORKSでは、AIで作成したイメージや試作品を、実際に業務で利用できるWebシステムへ開発しています。</p>
<ul>
<li>WebGL・Three.jsを活用したシステム開発</li>
<li>業務システムとの連携</li>
<li>保守・運用を見据えた設計</li>
<li>試作品（PoC）から本番開発まで対応</li>
</ul>
<p>▶ <a title="WebGL開発について" href="/service/tech-webgl/">WebGL開発について</a></p>
<p>▶ <a title="お問い合わせ" href="/contact/" target="_blank">お問い合わせ</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-generated-code-production-checklist/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした</title>
		<link>https://www.ag-works.com/blog/system-operation-design-handover/</link>
		<comments>https://www.ag-works.com/blog/system-operation-design-handover/#comments</comments>
		<pubDate>Tue, 28 Jul 2026 22:03:23 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[ブログ]]></category>
		<category><![CDATA[作れるコンサル]]></category>
		<category><![CDATA[制作ポリシー]]></category>
		<category><![CDATA[運用型ウェブ開発]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14128</guid>
		<description><![CDATA[システムは完成しても終わりではありません。担当者の退職をきっかけに見えた、運用設計と引き継ぎの重要性について、実際の事例をもとにご紹介します。 <a href="https://www.ag-works.com/blog/system-operation-design-handover/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-14134" title="system-operation-design-handover" src="/wp/wp-content/uploads/2026/07/system-operation-design-handover.jpg" alt="" width="800" height="400" /></p>
<p><strong>「システムは完成した。」</strong></p>
<p>多くのプロジェクトでは、ここがゴールのように思われます。</p>
<p>しかし実際には、システムは公開されたその日から運用が始まります。</p>
<p>今回は、実際の開発・保守の中で経験した出来事をもとに、「運用設計」の重要性についてお話しします。</p>
<p>企業名やシステムの詳細は控えますが、多くの企業でも起こり得る内容です。</p>
<h2>システムは問題なく動いていました</h2>
<p>ある企業では、社内で利用するWebシステムが運用されていました。</p>
<p>担当者と相談を重ねながら、ご要望に合わせて機能を実装し、必要な運用方法も含めてシステムを構築しました。</p>
<p>システム自体は安定して稼働し、日々の業務にも活用されていました。</p>
<p>開発としては、大きな問題はありませんでした。</p>
<h2>担当者の退職で状況が一変</h2>
<p>しばらくして、その担当者が退職されました。</p>
<p>ここで初めて問題が表面化します。</p>
<p>担当者が日常的に行っていた運用や管理が、十分に引き継がれていなかったのです。</p>
<p>例えば、</p>
<ul>
<li>どの管理画面を使うのか</li>
<li>誰が何を管理するのか</li>
<li>定期的に行う作業は何か</li>
<li>セキュリティ維持のための運用手順</li>
<li>管理権限をどのように管理しているか</li>
</ul>
<p>これらが社内で共有されていませんでした。</p>
<p>システムは正常に動いているにもかかわらず、「誰も安心して運用できない」という状態になってしまったのです。</p>
<h2>問題はシステムではなく「運用設計」でした</h2>
<p>このとき私たちが感じたのは、問題はシステムそのものではなかった<br />
ということです。</p>
<p>システムは設計どおりに動いていました。<br />
しかし、</p>
<p><strong>「誰が、どのように運用するか」</strong></p>
<p>という設計が組織の中で十分に引き継がれていなかったため、担当者の退職と同時に運用が止まりかけてしまいました。</p>
<p>これは、どんなに優れたシステムでも起こり得ることです。</p>
<h2>セキュリティは機能だけでは守れません</h2>
<p><span style="font-weight: 300;">「セキュリティ」というと、不正アクセス対策や脆弱性対策を思い浮かべる方が多いかもしれません。</span></p>
<p>もちろん、それらは重要です。しかし企業のシステムでは、適切に運用され続けること<br />
も同じくらい重要です。</p>
<p>例えば、</p>
<ul>
<li>不要になったアカウントを削除する</li>
<li>管理者権限を適切に管理する</li>
<li>パスワードや認証情報を更新する</li>
<li>ソフトウェアを定期的にアップデートする</li>
</ul>
<p>これらはシステムが自動で判断してくれるものではありません。</p>
<p>日々の運用があって初めて、セキュリティは維持されます。</p>
<p>つまり、セキュリティは「機能」と「運用」の両方で成り立っているのです。</p>
<h2>AgWORKSが考える「長く使えるシステム」</h2>
<p>AgWORKSでは、システムは完成して終わりではないと考えています。<br />
長く安心して使い続けるためには、</p>
<ul>
<li>運用フローの整理</li>
<li>権限管理の明確化</li>
<li>担当者変更を想定した設計</li>
<li>システム構成図やアーキテクチャ図の整備</li>
<li>必要に応じた運用マニュアルの作成</li>
</ul>
<p>といった「運用できる仕組み」まで含めて考えることが重要です。</p>
<p>担当者が変わっても、外部の開発会社が加わっても、状況を把握しながら開発や運用を続けられること。</p>
<p>それが、私たちの考える「長く使えるシステム」です。</p>
<h2>AI時代だからこそ、運用設計はさらに重要になる</h2>
<p>最近では、AIを活用して短期間でシステムや試作品を作れるようになりました。</p>
<p>開発スピードは大きく向上しています。</p>
<p>しかし、AIが作ってくれるのは主に「システム」です。<br />
一方で、</p>
<ul>
<li>誰が運用するのか</li>
<li>どう引き継ぐのか</li>
<li>セキュリティをどう維持するのか</li>
<li>担当者が変わっても継続できるのか</li>
</ul>
<p>といった運用設計は、企業ごとの業務や体制に合わせて考える必要があります。</p>
<p>だからこそ、AI時代になった今も、「運用を見据えた設計」の価値は変わりません。</p>
<p>むしろ、システムを素早く作れるようになったからこそ、その後の運用をどう設計するかが、これまで以上に重要になっていると私たちは考えています。</p>
<h2>関連記事</h2>
<p>運用しやすいシステムは、開発段階からの設計が重要です。AIを活用した開発についても、こちらの記事で詳しく紹介しています。</p>
<p>▶ <a title="AIが描いた3DCG UIを、本当に動くWebアプリへ" href="/blog/ai-3dcg-ui-webgl-development/">AIが描いた3DCG UIを、本当に動くWebアプリへ</a></p>
<p>▶ <a title="AIで作ったコードはそのまま使える？実運用で見直した5つのポイント" href="/blog/ai-generated-code-production-checklist/">AIで作ったコードはそのまま使える？実運用で見直した5つのポイント</a></p>
<p>▶ <a title="AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例" href="/blog/ai-prototype-webgl-refactoring/">AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例</a></p>
<h2>AIで作ったUI・WebGL開発をご検討の方へ</h2>
<p data-start="351" data-end="405">AgWORKSでは、AIで作成したイメージや試作品を、実際に業務で利用できるWebシステムへ開発しています。</p>
<ul>
<li>WebGL・Three.jsを活用したシステム開発</li>
<li>業務システムとの連携</li>
<li>保守・運用を見据えた設計</li>
<li>試作品（PoC）から本番開発まで対応</li>
</ul>
<p>▶ <a title="WebGL開発について" href="/service/tech-webgl/">WebGL開発について</a></p>
<p>▶ <a title="お問い合わせ" href="/contact/" target="_blank">お問い合わせ</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/system-operation-design-handover/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIで作った試作品、そのまま本番運用できますか？WebGLシミュレーターを継続開発できる形へ整理した事例</title>
		<link>https://www.ag-works.com/blog/ai-prototype-webgl-refactoring/</link>
		<comments>https://www.ag-works.com/blog/ai-prototype-webgl-refactoring/#comments</comments>
		<pubDate>Tue, 28 Jul 2026 09:02:10 +0000</pubDate>
		<dc:creator>AgWORKS Limited</dc:creator>
				<category><![CDATA[AgWORKSについて]]></category>
		<category><![CDATA[AI時代のウェブ開発]]></category>
		<category><![CDATA[web3d]]></category>
		<category><![CDATA[ブログ]]></category>

		<guid isPermaLink="false">https://www.ag-works.com/?p=14093</guid>
		<description><![CDATA[ChatGPTやClaude、CursorなどのAIツールを活用することで、以前 &#8230; <a href="https://www.ag-works.com/blog/ai-prototype-webgl-refactoring/">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-14105" title="ai-prototype-webgl-refactoring" src="/wp/wp-content/uploads/2026/07/ai-prototype-webgl-refactoring.jpg" alt="" width="800" height="400" /></p>
<p>ChatGPTやClaude、CursorなどのAIツールを活用することで、以前よりも短時間で試作品（プロトタイプ）を作れるようになりました。</p>
<p>実際に画面が動き、機能も試せるため、企画や検証のスピードは大きく向上しています。</p>
<p>しかし、その試作品を「実際に社内で使えるシステム」や「長く運用できるWebシステム」へ発展させようとしたとき、新たな課題に直面するケースも少なくありません。</p>
<p>今回は、企業内で開発が進められていたWebGLシミュレーターを、継続開発できる形へ整理した事例をご紹介します。</p>
<h2>AIで作った試作品、そのまま本番運用できますか？</h2>
<p>今回ご相談いただいたのは、企業内で進められていたWebGLシミュレーター開発でした。</p>
<p>もともとの担当者が異動となり、プロジェクトは新しい担当者へ引き継がれていました。</p>
<p>新しい担当者はAIを積極的に活用し、必要な機能を試作しながら開発を進めていました。</p>
<p>実際に画面は動き、機能も少しずつ増えていましたが、</p>
<ul>
<li><strong>AIで作成したコードを既存システムへ組み込めない</strong></li>
<li><strong>コード全体の構成が把握しづらい</strong></li>
<li><strong>Three.jsで表現したい内容が実現できない</strong></li>
<li><strong>今後どのように機能追加すればよいか分からない</strong></li>
</ul>
<p>といった課題を抱え、ご相談いただきました。</p>
<p>AIによって「作る」ことはできても、「育てる」ことには別の難しさがあります。</p>
<h2>担当者変更でWebGL開発が止まる理由</h2>
<p>担当者が変わること自体は、どの企業でも起こり得ます。</p>
<p>問題になるのは、「誰が見ても理解できる構成になっているか」<br />
という点です。</p>
<p>試作品では動作を優先するため、「今動けば良い」というコードになることも珍しくありません。</p>
<p>しかし、</p>
<ul>
<li><strong>機能が増える</strong></li>
<li><strong>担当者が変わる</strong></li>
<li><strong>外部の開発会社が参加する</strong></li>
</ul>
<p>といったタイミングで、コードの役割やデータの流れが分からなくなり、開発スピードは急激に落ちてしまいます。</p>
<p>まず必要なのは、新しい機能を追加することではなく、現在の状態を整理することでした。</p>
<h2>AIで作ったコードを整理し、既存システムへ統合</h2>
<p>AgWORKSでは、まず既存コードを調査し、「どこで何を行っているのか」を整理するところから着手しました。<br />
その上で、</p>
<ul>
<li><strong>AIで試作されたコードの役割を整理</strong></li>
<li><strong>既存システムへ組み込める形へ再構成</strong></li>
<li><strong>重複処理の整理</strong></li>
<li><strong>バグフィックス</strong></li>
</ul>
<p>を行いました。</p>
<p>AIが生成したコードをすべて作り直すのではなく、使える部分は活かしながら、全体設計へ合わせて整理していきました。</p>
<p>試作品を資産として活かすことも、大切な開発の一つだと考えています。</p>
<h2>Three.jsの制約にとらわれず、実現方法から考え直す</h2>
<p>開発を進める中では、Three.jsの一般的な実装方法では難しい表現もありました。</p>
<p>そのため、「Three.jsでどう作るか」ではなく、「どのような体験を実現したいか」<br />
という視点から構成を見直しました。</p>
<p>ライブラリの制約を前提に考えるのではなく、目的に合わせて設計を工夫することで、必要な表現を実現しています。</p>
<p>技術を選ぶことよりも、目的を実現する方法を考えることを重視しています。</p>
<h2>アーキテクチャ図と設計図を整備し、継続開発できる構成へ</h2>
<p>コードが整理できた後は、開発内容を可視化しました。</p>
<ul>
<li><strong>アーキテクチャ図</strong></li>
<li><strong>システム構成図</strong></li>
<li><strong>機能構成</strong></li>
<li><strong>データの流れ</strong></li>
</ul>
<p>を整理し、「誰が見ても理解できる状態」を目指しました。</p>
<p>これにより、担当者が変わっても、新しい開発会社が参加しても、どこへ機能追加すれば良いのかが分かる状態になりました。</p>
<h2>AI時代だからこそ、「長く使える設計」が重要になる</h2>
<p>AIを活用すれば、試作品や新しいアイデアを素早く形にできます。これは非常に大きなメリットです。</p>
<p>一方で、企業で実際に使うシステムには、</p>
<ul>
<li><strong>保守</strong></li>
<li><strong>拡張</strong></li>
<li><strong>引き継ぎ</strong></li>
<li><strong>運用</strong></li>
<li><strong>パフォーマンス</strong></li>
</ul>
<p>など、試作品では見えにくい課題があります。</p>
<p>今回のプロジェクトでも、私たちが行ったのは「ゼロから作り直すこと」ではありません。</p>
<p>AIで生まれた成果を活かしながら、整理し、設計し、長く育てられるシステムへ昇華させることでした。</p>
<p>AIによって「作る」ことは以前より身近になりました。</p>
<p>だからこそ、これからは「長く使える形へ育てること」が、より重要になっていくと私たちは考えています。</p>
<h2>関連記事</h2>
<p>試作品を本番運用するには、設計だけでなく保守や運用も重要です。こちらの記事もぜひご覧ください。</p>
<p>▶ <a title="AIが描いた3DCG UIを、本当に動くWebアプリへ" href="/blog/ai-3dcg-ui-webgl-development/">AIが描いた3DCG UIを、本当に動くWebアプリへ</a></p>
<p>▶ <a title="AIで作ったコードはそのまま使える？実運用で見直した5つのポイント" href="/blog/ai-generated-code-production-checklist/">AIで作ったコードはそのまま使える？実運用で見直した5つのポイント</a></p>
<p>▶ <a title="担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした" href="/blog/system-operation-design-handover/">担当者が退職して初めて気付いた。システムは「作ること」より「運用設計」が重要でした</a></p>
<h2>AIで作ったUI・WebGL開発をご検討の方へ</h2>
<p>AgWORKSでは、AIで作成したイメージや試作品を、実際に業務で利用できるWebシステムへ開発しています。</p>
<ul>
<li>WebGL・Three.jsを活用したシステム開発</li>
<li>業務システムとの連携</li>
<li>保守・運用を見据えた設計</li>
<li>試作品（PoC）から本番開発まで対応</li>
</ul>
<p>▶ <a title="WebGL開発について" href="/service/tech-webgl/">WebGL開発について</a></p>
<p>▶ <a title="お問い合わせ" href="/contact/" target="_blank">お問い合わせ</a></p>
]]></content:encoded>
			<wfw:commentRss>https://www.ag-works.com/blog/ai-prototype-webgl-refactoring/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
