HTML 【実務・中級編】OGPのog:urlプロパティ – HTML実践ガイド
なぜ、その「URL」を適当に扱うのか？ OGタグにおける `og:url` の重要性と現場の鉄則フロントエンドの現場で、「OGP（Open Graph Protocol）？ ああ、とりあえず適当に埋めてるよ」なんて言っている人がいたら要注意...
HTML HTML 【入門編】OGPのog:urlプロパティ – HTML実践ガイド
SNSでシェアされた時、あなたの記事が「迷子」にならないために。`og:url`の正体とは？Web制作を始めたばかりのみなさん、こんにちは！一生懸命書いた渾身の記事や、こだわって作ったポートフォリオサイト。いざSNSでシェアしたとき、画像や...
HTML 【テクニカル・上級編】OGPのog:typeプロパティ – HTML実践ガイド
OGPの `og:type` を極める：SNSシェアの「解釈」をコードレベルで制御するフロントエンドの設計において、OGP（Open Graph Protocol）を単なる「metaタグの羅列」と捉えているなら、それは非常にもったいない。特...
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全盛期を知るエンジニアなら見慣れた光景です...