ChatGPTにCSSを書かせる前に、人が決めておくべきこと

ChatGPTにCSSを書かせると、 見た目としてはそれなりに整ったコードが、すぐに出てきます。 「とりあえず動く」「デザイン要件は満たしている」 ここまでは、特に問題を感じないかもしれません。 ただ...続きを読む

生成AIでHTML/CSS構築するなら「先に設計→後でAI」が安全な理由

ここまでの記事で、 AIが書いたHTMLが読みにくくなる理由や、 AI生成CSSが後から直しづらくなる構造、 Bootstrap・Flexbox・CSS Gridが混ざったときの違和感について整理してきました。 ...続きを読む

Bootstrap世代がつまずくモダンCSSの壁

Bootstrapを使って実務を回してきた人ほど、 モダンCSSに触れたときに、少し戸惑う瞬間はありませんか？ CSS Gridも分かる。 Flexboxも理解している。 Tailwindの考え方も、理屈とし...続きを読む

Bootstrapのグリッドレイアウトを生成AIで書き直すべきか？

近年のフロントエンド開発では、 CSS Gridを前提にレイアウトを考えるケースが増えています。 CSS Gridは、2017年前後に主要モダンブラウザで本格対応が揃い、 現在ではIEを考慮しないプロジェクトで...続きを読む

Bootstrapは今も使える？Tailwind・生成AI時代に考える実務での役割

今回は、Bootstrapはもう古いのか？生成AI時代の実務から再評価してみようと思います。 「今はTailwind CSSや独自CSSの時代だ」 「Bootstrapはもう役割を終えた」 こうした言葉を、...続きを読む

「動くけど、採用できない」AIコードの見分け方

「動くけど、採用できない」AIコードはどこで見分ければいいのか？ AIで生成したコード、エラーは出ていない。 画面も想定どおりに表示されている。 それなのに、実務に組み込もうとすると手が止まる。 「このま...続きを読む

AIが書いたCSSは正しいのか？「動くけど、後から直せなくなる」コードの正体

AIが書いたCSSは正しいのか、それとも「後から直せなくなる設計」なのか？ 今見ているそのCSS、表示は問題ない。 デザインも要件どおりで、とりあえず見た目も問題ない。 それなのに、少し修正しようとした瞬間...続きを読む

ChatGPTで生成するHTMLはなぜ実務で扱いづらいのか ─ HTML / CSS / Bootstrap視点で考える

ChatGPTで生成したHTMLは正しいのか、それとも“たまたま動いているだけ”なのか？ ChatGPTで生成したHTML、表示は崩れていない。エラーも出ていない。 それなのに、いまいち腑に落ちない。コードを読むのに時間...続きを読む

プロンプト設計の基本｜なぜ「聞き方」で結果が変わるのか

前回までで、 生成AIの主なツールと役割を一通り理解できました。 ここで多くの方が、次の疑問を感じます。 「同じAIを使っているのに、 うまくい...続きを読む

業務支援・統合型AIとは何か｜日常業務にAIが溶け込む時代へ

前回の記事では、検索型AIとChatGPTの使い分けを整理しました。 ここまで学ぶと、 「生成AIには、それぞれ得意な役割がある」 という感覚が少しずつ身についてきたと思...続きを読む