日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
250 記事 from this blog
Webページ終了時に確実にデータを送信する技術の変遷を解説。sendBeacon()、fetch() keepalive、fetchLater()などのAPIを比較。
災害時にデジタルアカウントを失った場合のリカバリ方法について考察。パスワード管理と2FAの依存関係を分析し、回復チェーンの設計を提案。
2024年のWeb技術トレンドを振り返る試験「Web技術年末試験2024」の講評。問題、解答、平均点、参加者データを公開。
ChromeのDevice Bound Session CredentialsによるCookie窃取対策について解説。セッションクッキーのセキュリティ強化と実装状況を説明。
Web開発者による2024年の活動振り返り。ブログ執筆、Chromiumへのコントリビュート、ポッドキャスト運営、カンファレンス開催など技術的な一年をまとめています。
2024年のサードパーティCookie廃止の現状と業界の反応、Googleの方針転換についてまとめた技術記事。
HTMLのPopoverとToastにおける自動タイムアウト機能がWCAGアクセシビリティ基準に違反する可能性について議論する技術記事。
GitHubのホバーUIを例に、DialogとPopoverを使ったTooltip/Toggletip実装のセマンティクスとARIA属性に関する最新の議論と実装方法を解説。
DialogとPopover APIを使用したメニューボタンの実装方法について解説。HTML、CSS、JSを用いた具体的なコード例を紹介。
DialogとPopover APIを使ったToast UIの実装方法を解説。HTML構造、ARIA属性、CSSアニメーションについて詳しく説明。
Dialog と Popover の仕様を使った Cookie バナーの実装方法について解説。HTML、CSS、JS の具体的なコード例を紹介。
HTMLのDialog要素とPopover APIを使った「利用規約への同意」モーダルUIの実装方法とアクセシビリティ考慮点について解説します。
ChromeのPopover APIとDialog要素のアニメーション実装について解説。display属性のアニメーション対応とCSS Transitionの活用方法。
HTMLの<dialog>要素と<popup>/<popover>要素の標準化の流れ、Toast UIの提案から<popup>への移行について解説。
HTMLの<dialog>要素のAPI詳細解説。show()/showModal()、フォーム連携、returnValueの扱いなど実用的な使い方を説明。
HTMLの<dialog>要素とpopover属性の標準化と実装について解説。従来のshowModalDialogの問題点と新しいAPIの利点を紹介。
Web Developer Conference 2024の開催後記。40分セッションと1分LT「1分de Web標準」の形式で開催されたWeb開発カンファレンスの内容と運営方法を振り返ります。
GoogleがPrivacy Sandboxの方針転換を発表。3rd Party Cookie廃止からユーザー選択制へ移行する内容とその影響を分析。
