AI検証
Codexにクライアントの修正指示を丸投げ。PDF1枚・24項目を一発で反映できるか試してみた
京都観光のデモサイトに、PDF1枚・24項目の架空の修正指示を渡して検証。PC・スマホの修正前後の比較画像と、タブやメニューの動作確認結果を紹介します。追加指示なしでどこまで反映できたのか、未確認の点も含めてまとめました。
AIWEB LAB / TOPIC INDEX
CATEGORY
AI
AIに関する実践記事をまとめています。AI・Web制作の現場で判断や作業に使える手順、比較、注意点をAIWeb Lab編集部が分かりやすく解説します。
14ARTICLES
AI
ChatGPT有料プランを契約したあと何をする？献立・相談・調べ物の次の一歩
ChatGPT有料プランを契約したものの、質問や相談だけで活用しきれていない人へ。献立や人生相談の次に挑戦したい「小さな仕組みづくり」を、2つの具体例とステップで案内します。
AIChatGPTCSSHTMLJavaScript検証
Codexにデザインカンプを丸投げ。JPG画像からHTMLコーディングできるか試してみた
ChatGPT CodexにPhotoshopやIllustratorのデザインデータを渡すだけで、実務レベルのコーディングはどこまで任せられるのか。丸投げが向くケースと向かないケースを、実務目線の判断軸で整理しました。
AI
ChatGPT・Claude・Gemini徹底比較 有料版で選ぶならどれ？初心者向け解説
ChatGPT・Claude・Gemini、有料版はどれを選べば損しないのか。結論は「大きな差はないが、使い方によって向き不向きがある」。プログラミング中心ならClaude+Claude Code、Web制作・ディレクション中心ならChatGPT+Codexがおすすめな理由を、初心者でも迷わないように順番に解説します。
AI
AI活用で5年後の働き方はどう変わる？Web制作者の視点で考える
AI活用でWeb制作者の働き方はどう変わるのか。実測調査ではなく、業務の進め方をもとにした将来のシナリオとして、生産性・スキル・単価・将来性を考えます。
AI
AIでWebデザインはどこまでできる？実務の工程ごとに考える使いどころ
ラフ案、情報設計、コーディング、仕上げ。Web制作の工程ごとに、AIを使いやすい場面と人が判断したい点を整理します。特定モデルの実測比較ではなく、実務での使い分けを考える記事です。
AI
ChatGPTとCodexの違いをしつこく解説！本質を理解して使いこなそう。
ChatGPTとCodexは役割が違うツールです。文章生成と対話にはChatGPT、コード生成や実装作業にはCodexを使い分けると、実務での効率が大きく変わります。導入から具体的な使い分け方、プロンプト設計のコツまで実務目線でまとめました。
AIニュース
Gemini 3.7 Flashとは？何が変わった？Web制作者が知っておくべきポイント
Googleが前モデルからわずか3週間で「Gemini 3.7 Flash」を発表しました。API価格は年内半額、コーディング性能も大幅に向上しています。Web制作者が押さえておきたい変更点と実務での活用の見極め方を整理しました。
AI
WEB制作のAI選びで迷わないために｜最適なサービスを選ぶ考え方
WEB制作におけるAIサービスのおすすめツールを実践者の視点で詳しく解説します。各ツールの特徴や使い方、注意点をまとめているので、初心者から中級者の方にも役立つ内容です。
AI
ChatGPTでHTMLをSEO対策する方法|既存サイトの改善手順を解説
すでに公開しているHTMLサイトを、ChatGPTを使って効率よくSEO対策する手順をまとめました。title・meta descriptionの見直しから見出し構造の最適化、alt属性や構造化データの追加まで、初心者でも迷わず進められる具体的な流れと注意点を解説します。