frontendintronational

「Tabキーを制する者はUXを制す」——aタグのフォーカス管理と、その先にあるアクセシビリティの深淵フロントエンドの現場において、``タグを単なる「リンク」と捉えているうちは、まだジュニアの域を出ないと言わざるを得ません。我々が構築するWe...

「なんとなく実装」は卒業しよう。``タグのキーボード操作とフォーカス管理の深淵フロントエンドエンジニアなら、一度は「``タグに `tabindex` を当てるべきか否か」で迷ったことがあるはずだ。「とりあえず動けばいい」という実装を繰り返し...

「マウスなしでも迷わない！」aタグのフォーカス管理で、誰もが使いやすいWebサイトを作ろうWebサイトを作っているとき、どうしても「マウスでクリックすること」を前提にデザインしてしまいがちですよね。でも、世の中にはマウスを使わずにキーボード...

リンクの「背後」に潜む脅威：`rel="noopener"` がWebの健全性を守る理由フロントエンドのエンジニアとして、私たちは日々パフォーマンスやUXの向上に心血を注いでいます。しかし、どれほど洗練されたアーキテクチャを構築しても、HT...

リンクの「新しいタブで開く」に潜む罠。今すぐ `rel="noopener"` を入れるべき技術的理由フロントエンド開発の現場で、何気なく書いている `` 。これ、実は単なる「リンクを別タブで開く」というUI上の挙動だけを意味しているわけで...

こんにちは！フロントエンドの世界へようこそ。Web制作を始めたばかりの頃って、新しいタグを覚えるたびにワクワクしますよね。今日はそんな皆さんに、「リンクを開く」という何気ない操作に隠された、ちょっと怖いけれど大切なセキュリティの知識をお話し...

レンダリングを制する者はUXを制す：`content-visibility` で挑むインライン要素の最適化戦略Webアプリケーションのパフォーマンス改善において、我々が長年追い求めてきた「初期表示の高速化」という聖杯。Lighthouseの...

レンダリングの「さぼり方」を極める：content-visibilityでインライン要素の負荷を削ぎ落とすこんにちは。フロントエンドの現場にいると、「パフォーマンス改善」という言葉が時に重荷に感じられることはありませんか？特に、DOMツリー...

画面外の要素は「描画しない」という贅沢。`content-visibility`でWebサイトを爆速にする方法こんにちは！フロントエンド開発の世界へようこそ。HTMLを学び始めると、``で文字を囲ったり、``でリンクを貼ったりと、要素をどん...

セマンティクスの虚像を剥ぐ：ARIAロールとインライン要素の「正しい」共存戦略フロントエンドの深淵を覗くエンジニア諸氏なら、一度は直面したはずだ。「なぜ、ボタンに見える``が、スクリーンリーダーには無機質なテキストとして読み上げられるのか？...