Bootstrap5実装環境でmt-5を足しても余白が変わらない原因
Bootstrap 5 の実装環境でmt-5を足したのに、「あれ？ 余白、変わってない？」と首をかしげたことはありませんか？ 講座やレビューの場でも、この違和感は本当によく出てきます。コードは正しそうに見えるし、Bootstrap...続きを読む
「ウイルスに感染しました」と突然音が出たとき、本当にやってはいけないこと
スマホやパソコンを使っていて、 突然、 「ウイルスに感染しました」 「ピーッ！ピーッ！」という大きな音 が鳴り出すと、 誰でも驚きます。 画面には赤い文字や警告が表示され、...続きを読む
メールで見覚えのある名前の通知。 通販会社などからの「ご注文内容の確認」 配送会社などからの「お荷物をお届けできませんでした」 有名企業などからの「キャッシュバックキャンペーンのお手続きがまだです」 カード会社などからの「ポ...続きを読む
生成AIを使ったHTML/CSSコーディングが当たり前になり、 「コードを書くスピード」そのものは、以前よりも確実に上がりました。 一方で、こんな感覚はありませんか？ ・その場では便利だったはずのC...続きを読む
ChatGPTにCSSを書かせる前に、人が決めておくべきこと
ChatGPTにCSSを書かせると、 見た目としてはそれなりに整ったコードが、すぐに出てきます。 「とりあえず動く」「デザイン要件は満たしている」 ここまでは、特に問題を感じないかもしれません。 ただ...続きを読む
生成AIでHTML/CSS構築するなら「先に設計→後でAI」が安全な理由
ここまでの記事で、 AIが書いたHTMLが読みにくくなる理由や、 AI生成CSSが後から直しづらくなる構造、 Bootstrap・Flexbox・CSS Gridが混ざったときの違和感について整理してきました。 ...続きを読む
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で生成したコード、エラーは出ていない。 画面も想定どおりに表示されている。 それなのに、実務に組み込もうとすると手が止まる。 「このま...続きを読む