HTML 【入門編】OGPのog:typeプロパティ – HTML実践ガイド
SNSでシェアされた時、あなたの記事が「一番輝く」ために。OGPの`og:type`を使いこなそうWebサイトを作って、いざSNSでシェアしたとき……「あれ？ なんだか思っていた表示と違うな」と感じたことはありませんか？せっかく心を込めて書...
frontendintronational
HTML 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アプリケーションを構築するエンジニア...
HTML 【実務・中級編】metaタグによるContent Security Policy (CSP) の指定 – HTML実践ガイド
CSPをmetaタグで制御する：現場で直面する「セキュリティの壁」を突破する技術Web開発の現場で、脆弱性診断の結果やセキュリティ要件定義書を前に頭を抱えた経験はありませんか？「クロスサイトスクリプティング（XSS）を防げ」「インラインスク...
HTML 【入門編】metaタグによるContent Security Policy (CSP) の指定 – HTML実践ガイド
Web制作の世界へようこそ！HTMLを学び始めると、``や``といったタグにはすぐ馴染みますよね。でも、その中にある「metaタグ」って、なんだか呪文みたいで難しそうに見えませんか？今日は、そんなmetaタグの中でも、あなたのWebサイトを...