AI活用

AI時代でも陳腐化しないCSS設計の本質とは

生成AIを使ったHTML/CSSコーディングが当たり前になり、 「コードを書くスピード」そのものは、以前よりも確実に上がりました。 一方で、こんな感覚はありませんか? ・その場では便利だったはずのC...続きを読む

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、表示は問題ない。 デザインも要件どおりで、とりあえず見た目も問題ない。 それなのに、少し修正しようとした瞬間...続きを読む

AI導入で失敗する地方中小企業の共通点|始める前に確認すべきこと

「AIを導入すれば、人手不足の悩みが一気に解決するはず…」 そんな期待を胸に動き出したものの、思ったような成果が出なかった──。 地方都市の中小企業から、こうした声をよく耳にします。 実際、総務...続きを読む

地方都市の中小企業こそAIが必要な理由|人手不足を解決する3つの視点

「求人を出しても応募が来ない」「採用費だけが消えていく」──そんな経験はありませんか。 日本商工会議所の調査(2024年)では、地方都市の中小企業の約7割が人手不足を感じており、総務省のデータでは地方の働き手(15...続きを読む