HTML

見出しの「階層」は飾りじゃない。HTMLアウトラインとセマンティックな構造化の真実フロントエンドの世界に入ってしばらく経つと、誰もが一度は悩みます。「``はページに一つだけなのか？」「``の次は必ず``じゃないとダメなのか？」と。結論から言...

こんにちは！フロントエンドの世界へようこそ。HTMLを学び始めると、必ずと言っていいほどぶつかるのが``から``までの「見出しタグ」の使い方です。「全部``じゃダメなの？」「どこで数字を変えればいいの？」と悩んだことはありませんか？実はこれ...

グローバル展開の落とし穴：縦書きと多言語対応で「壊れない」UIを設計するWebアプリケーションをグローバルにスケールさせる際、多くのエンジニアは「翻訳ファイル」の管理だけで満足してしまう。だが、真のフロントエンド・スペシャリストは知っている...

「横書きが世界標準」という思い込みを捨てよ：多言語対応のHTML/CSS設計、その泥臭い現場の話フロントエンドの現場で「多言語対応」と聞くと、多くのエンジニアはまず「翻訳ファイルをどう管理するか」というJSONの設計に頭を悩ませます。しかし...

世界中の人々に届くWebサイトを作りたい！ そう思ったとき、真っ先にぶつかる壁が「言葉の壁」……だけじゃないんです。実は、文字の「向き」や「カタチ」という、もっと手強い壁が立ちはだかっています。今日は、HTMLとCSSを使って、世界中のどん...

印刷という「死の淵」からWebアプリケーションを救う：ブラウザエンジンの挙動を制御するCSS設計Webフロントエンドの世界において、「印刷用スタイル（`@media print`）」は往々にして軽視される。しかし、バックオフィス系SaaSや...

Webの常識は紙の非常識。フロントエンドエンジニアが避けて通れない「印刷スタイル」の極意モダンなWeb開発において、`display: flex`や`grid`を駆使したレスポンシブ対応は日常茶飯事ですが、意外と忘れ去られがちなのが「印刷」...

こんにちは！Web制作の世界へようこそ。HTMLとCSSを学び始めると、どうしても「ブラウザでどう見えるか」ばかりを気にしがちですよね。でも、プロの現場では「紙に印刷されたとき」の美しさまで気配りできるかどうかが、一人前かどうかの分かれ道だ...

HTMLの「p要素」に潜む深淵 —— インライン・ネストの制約をアーキテクチャの視点から紐解くフロントエンドの深淵を覗くとき、私たちはしばしば「なぜHTMLの仕様はこれほどまでに制約だらけなのか」という問いに突き当たります。特に `p` 要...

なぜ``の中に``を入れてはいけないのか？―DOMの「暗黙の修正」という名の爆弾フロントエンド開発の現場で、ふとコードレビューをしていると時折見かける光景があります。``タグの中に、つい安易に``や``を突っ込んでしまうミスです。「ブラウザ...