インライン要素とテキスト装飾（a, span, strong, em, code, time）

フラグメント識別子と「戦う」：堅牢なページ内遷移を再考するWeb開発の黎明期から存在する、最もプリミティブな機能の一つである``タグとフラグメント識別子（`#`）。一見、単なる「おまけ」機能のように思えるかもしれませんが、モダンなSPAや複...

ページ内リンクの「その先」を極める：ブラウザ挙動の理解とスムーズスクロールの流儀フロントエンドの現場で、「ページ内リンクなんて `href="#target"` を書くだけでしょ？」と軽く考えているなら、少し立ち止まって考えてみてください。...

「ここを押すと、あそこに飛ぶ！」ページ内リンクの魔法をマスターしようWebサイトを見ていると、長いページで「目次」をクリックした瞬間に、スッと画面が移動する体験をしたことはありませんか？ あれ、すごく便利ですよね。実はあの動き、HTMLの「...

`download`属性の深淵：ブラウザの挙動をハックし、堅牢なファイル転送アーキテクチャを構築するWebアプリケーションのフロントエンドにおいて、「ファイルをダウンロードさせる」というタスクほど、一見単純でありながら、いざ実装するとブラウ...

`download`属性：ブラウザの「お節介」を制御し、ユーザーに直接ファイルを届ける技術Web開発の現場で、ふとこんな要求を受けることはありませんか？「このPDF、ブラウザで開くんじゃなくて、クリックしたら直接ダウンロードさせたいんだよね...

「リンクを押すとブラウザで開いちゃう…」を解決！aタグの`download`属性でファイルを直接ダウンロードさせる方法Webサイトを作っていると、「PDFの資料や画像を、ブラウザで表示させるんじゃなくて、ユーザーのパソコンに直接保存させたい...

その `target="_blank"`、あなたのサイトのセキュリティとパフォーマンスを蝕んでいないか？フロントエンドのアーキテクチャを設計する際、些細な属性一つがシステム全体の堅牢性に直結することは珍しくありません。特に `` タグの `...

`target="_blank"`の裏側に潜む罠：なぜ我々は`rel="noopener noreferrer"`を書き続けるのかフロントエンドの現場で、外部サイトへのリンクを新しいタブで開くために `target="_blank"` を書...

「新しいタブで開く」その裏側で起きていること――Webサイトを守るための小さな守護神のお話Webサイトを作っていると、リンクをクリックしたときに「今のページは残したまま、新しいタブで別のページを開いてほしいな」と思うこと、ありますよね。そん...

なぜ今さら `` タグなのか？：Webの原初を支える「リンク」の深淵フロントエンドの深淵に身を置く我々にとって、`` タグは空気のような存在だ。しかし、この「どこにでもあるタグ」を深く掘り下げると、ブラウザのレンダリング・パイプラインからH...