HTML 【テクニカル・上級編】OGPのog:site_nameプロパティ – HTML実践ガイド
OGPの「og:site_name」を極める：メタデータ設計が分かつUXの境界線Webエンジニアリングの世界において、OGP（Open Graph Protocol）は「単なるSEOの付随物」として軽視されがちだ。しかし、SNSという巨大な...
HTML HTML 【実務・中級編】OGPのog:site_nameプロパティ – HTML実践ガイド
OGPの「顔」を整える：`og:site_name`がUXにもたらす意外なほど大きな影響フロントエンドエンジニアの皆さん、日々の実装お疲れ様です。CSSの細かな調整や、State管理の設計に追われていると、つい疎かになりがちなのが``内のメ...
HTML 【入門編】OGPのog:site_nameプロパティ – HTML実践ガイド
SNSでシェアされたとき、「誰のサイトか」を一瞬で伝える魔法のタグ：`og:site_name`の話こんにちは！Web制作の世界へようこそ。一生懸命作ったWebサイトやブログ記事。SNSで誰かにシェアされたとき、パッと表示される「あれ」を見...
HTML 【テクニカル・上級編】meta application-nameの用途 – HTML実践ガイド
「インストール」の解像度を上げる：meta application-name が語るWebの設計思想Webアプリケーションを「Webサイト」という枠組みから解き放ち、OSレベルでネイティブに近い体験へと昇華させるPWA（Progressiv...
HTML 【実務・中級編】meta application-nameの用途 – HTML実践ガイド
その ``、ただの飾りだと思っていませんか？フロントエンド開発の現場で、`` 内のメタタグを整理しているとき、「とりあえず `title` タグさえあればいいや」と適当に済ませてしまうことはありませんか？ 特に `` は、SEO的に直接的な...
HTML 【入門編】meta application-nameの用途 – HTML実践ガイド
Webサイトを「アプリ」に変える魔法のひとこと。『meta application-name』の秘密こんにちは！Web制作の世界へようこそ。HTMLを学び始めると、``タグの中に並ぶ不思議な呪文のようなコードたちに、「これって何のためにある...
HTML 【テクニカル・上級編】viewportの高度な設定（user-scalable等） – HTML実践ガイド
viewportの深淵：`user-scalable=no` という「悪魔の誘惑」と、モダンWebにおける最適解フロントエンドの世界において、`` はあまりに平凡で、誰もが一番最初にコピペする「おまじない」のような存在だ。しかし、Webアプ...
HTML 【実務・中級編】viewportの高度な設定（user-scalable等） – HTML実践ガイド
「とりあえずコピペ」から卒業する。Viewport制御の深淵と、UXを損なわないための最適解フロントエンドエンジニアとして数年現場を歩いていると、誰もが一度は「スマホでピンチズームができないようにしたい」「意図しないレイアウト崩れを防ぎたい...
HTML 【入門編】viewportの高度な設定（user-scalable等） – HTML実践ガイド
スマホで見ると文字が小さすぎる…！「viewport」を制して、Webサイトを思い通りに操ろうWebサイトを作っていて、「PCで見るとバッチリなのに、スマホで見るとやたら文字が小さかったり、画面がスカスカだったりする……」なんて経験、ありま...
HTML 【テクニカル・上級編】link rel=dns-prefetchによるDNS解決の高速化 – HTML実践ガイド
魔法の杖ではないDNS Prefetch：モダンWebにおける「先読み」の最適解と解像度フロントエンドの最適化において、私たちはしばしば「速さ」という抽象的な指標を追い求めます。しかし、ネットワークのレイテンシという物理的な壁を前にしたとき...