2026-07

なぜ、あなたの「OGP」はSNSで思った通りに表示されないのか？フロントエンドエンジニアとして数年現場にいると、必ず一度は頭を抱えるのがOGP（Open Graph Protocol）の挙動です。「ローカルでは完璧に見えるのに、本番環境でな...

SNSでシェアされた時、あなたの記事が「一番輝く」ために。OGPの`og:type`を使いこなそうWebサイトを作って、いざSNSでシェアしたとき……「あれ？ なんだか思っていた表示と違うな」と感じたことはありませんか？せっかく心を込めて書...

遺物としての `manifest` 属性：なぜ我々は AppCache を過去の教訓とすべきかかつて、Webエンジニアたちがオフライン体験を夢見て縋り付いた魔法の杖があった。HTMLタグに刻むたった一行、``。それが、古き良き（あるいは悪夢...

さらば、古き良き遺産：HTML `manifest` 属性の現在地と「正しい」お別れの仕方フロントエンドの技術進化は速い。昨日まで「ベストプラクティス」と呼ばれていたものが、今日には「レガシーの墓場」へと追いやられる。そんな世界で生き抜く我...

「昔の遺産」を知ることで、今の技術がもっと好きになる。HTMLの`manifest`属性のお話Web開発の世界に飛び込んだばかりのみなさん、こんにちは！HTMLを書き始めると、タグの中に不思議な記述を見つけることがありますよね。「これって何...

現代のWeb開発における `xmlns` 属性の「亡霊」と、その真の向き合い方フロントエンドの深淵を覗き込むとき、我々は時折、化石のような属性に出会う。HTMLの冒頭、``タグの片隅に鎮座する `xmlns=""` という記述だ。「これ、本...

なぜ今さら「xmlns」を語るのか？―HTML5時代の「負の遺産」と正しい向き合い方フロントエンドの現場でコードレビューをしていると、未だに``という記述を見かけることがあります。かつてのXHTML全盛期を知るエンジニアなら見慣れた光景です...

その``、本当に必要？HTMLの「名前空間」というちょっと不思議なルールの正体Web制作を学び始めると、先人たちのコードを見ていて「あれ、これは何だろう？」と立ち止まることがよくありますよね。その一つが、HTMLの冒頭にある `` という記...

CSPをHTMLで制御する：metaタグという名の「最後の砦」を再定義するフロントエンドのアーキテクチャ設計において、セキュリティはしばしば「後付けのスパイス」のように扱われがちです。しかし、堅牢なWebアプリケーションを構築するエンジニア...

CSPをmetaタグで制御する：現場で直面する「セキュリティの壁」を突破する技術Web開発の現場で、脆弱性診断の結果やセキュリティ要件定義書を前に頭を抱えた経験はありませんか？「クロスサイトスクリプティング（XSS）を防げ」「インラインスク...