HTML 【テクニカル・上級編】OGPのog:typeプロパティ – HTML実践ガイド
OGPの `og:type` を極める：SNSシェアの「解釈」をコードレベルで制御するフロントエンドの設計において、OGP（Open Graph Protocol）を単なる「metaタグの羅列」と捉えているなら、それは非常にもったいない。特...
HTML
HTML HTML 【実務・中級編】OGPのog:typeプロパティ – HTML実践ガイド
なぜ、あなたの「OGP」はSNSで思った通りに表示されないのか？フロントエンドエンジニアとして数年現場にいると、必ず一度は頭を抱えるのがOGP（Open Graph Protocol）の挙動です。「ローカルでは完璧に見えるのに、本番環境でな...
HTML 【入門編】OGPのog:typeプロパティ – HTML実践ガイド
SNSでシェアされた時、あなたの記事が「一番輝く」ために。OGPの`og:type`を使いこなそうWebサイトを作って、いざSNSでシェアしたとき……「あれ？ なんだか思っていた表示と違うな」と感じたことはありませんか？せっかく心を込めて書...
HTML 【テクニカル・上級編】htmlタグのmanifest属性 – HTML実践ガイド
遺物としての `manifest` 属性：なぜ我々は AppCache を過去の教訓とすべきかかつて、Webエンジニアたちがオフライン体験を夢見て縋り付いた魔法の杖があった。HTMLタグに刻むたった一行、``。それが、古き良き（あるいは悪夢...
HTML 【実務・中級編】htmlタグのmanifest属性 – HTML実践ガイド
さらば、古き良き遺産：HTML `manifest` 属性の現在地と「正しい」お別れの仕方フロントエンドの技術進化は速い。昨日まで「ベストプラクティス」と呼ばれていたものが、今日には「レガシーの墓場」へと追いやられる。そんな世界で生き抜く我...
HTML 【入門編】htmlタグのmanifest属性 – HTML実践ガイド
「昔の遺産」を知ることで、今の技術がもっと好きになる。HTMLの`manifest`属性のお話Web開発の世界に飛び込んだばかりのみなさん、こんにちは！HTMLを書き始めると、タグの中に不思議な記述を見つけることがありますよね。「これって何...
HTML 【テクニカル・上級編】htmlタグのxmlns属性 – HTML実践ガイド
現代のWeb開発における `xmlns` 属性の「亡霊」と、その真の向き合い方フロントエンドの深淵を覗き込むとき、我々は時折、化石のような属性に出会う。HTMLの冒頭、``タグの片隅に鎮座する `xmlns=""` という記述だ。「これ、本...
HTML 【実務・中級編】htmlタグのxmlns属性 – HTML実践ガイド
なぜ今さら「xmlns」を語るのか？―HTML5時代の「負の遺産」と正しい向き合い方フロントエンドの現場でコードレビューをしていると、未だに``という記述を見かけることがあります。かつてのXHTML全盛期を知るエンジニアなら見慣れた光景です...
HTML 【入門編】htmlタグのxmlns属性 – HTML実践ガイド
その``、本当に必要？HTMLの「名前空間」というちょっと不思議なルールの正体Web制作を学び始めると、先人たちのコードを見ていて「あれ、これは何だろう？」と立ち止まることがよくありますよね。その一つが、HTMLの冒頭にある `` という記...
HTML 【テクニカル・上級編】metaタグによるContent Security Policy (CSP) の指定 – HTML実践ガイド
CSPをHTMLで制御する：metaタグという名の「最後の砦」を再定義するフロントエンドのアーキテクチャ設計において、セキュリティはしばしば「後付けのスパイス」のように扱われがちです。しかし、堅牢なWebアプリケーションを構築するエンジニア...