Scroll to Text Fragment を用いたサイト内検索の実装
Scroll to Text Fragment 機能を使用してサイト内検索を実装する方法と、その技術的考察について解説しています。
日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
257 記事 from this blog
Scroll to Text Fragment 機能を使用してサイト内検索を実装する方法と、その技術的考察について解説しています。
Web広告を導入し、3rd Party Cookieの制限やPrivacy Sandboxへの移行が広告技術に与える影響を調査・検証する方法について解説。
Service WorkerのBackground Fetch APIを使用して、Podcastのような大きなメディアファイルを効率的にキャッシュする方法について解説します。
ブラウザ内で発生した問題を検知・収集するReporting APIとReportingObserverの仕組みと実装について解説します。
ブロガーJxckによる2019年の活動振り返り。ブログ執筆、ポッドキャスト運営、Web技術カンファレンス主催、自宅開発環境構築など一年間のIT活動をまとめています。
WebBundleとWebPackagingの仕組みについて解説。複数のWebコンテンツを1つのファイルにまとめて配信する技術の詳細を説明。
Intel NUCにUbuntu開発環境を構築し、SSH Port Forwardingで外部からアクセスする方法を解説。
ChromeのScroll To Text Fragment仕様について解説。URLフラグメントでIDなし要素へのスクロールを実現する新機能。
Noto Sansフォントのサブセット生成とfont-feature-settingsの'palt'機能を使った字詰め最適化についての技術検証。
Promise.allSettledとPromise.anyの仕様と使い方を、Promise.all/raceとの比較を通じて解説。JavaScriptの非同期処理を強化する新しいメソッド。
WebTransportとWebCodecsの提案を基に、Webゲーム開発における通信とメディア処理の現状と将来性を考察。
JavaScriptのNullish Coalescing(??)とOptional Chaining(?.)演算子について、null/undefinedの扱いを改善する方法を解説します。
Display LockingとAsync DOMによるDOMレンダリングの最適化手法について解説。Chromeでの実装状況や既存の課題を説明。
Webのリンクping属性を例に、技術仕様とプライバシーのバランスをどう合意形成するか、そのエコシステムのプロセスを解説。
JavaScriptのPrivate Class Fieldの仕様と構文、導入によるクラス設計の変化について解説します。
Trusted TypesによるDOM操作の安全性向上について解説。文字列を型で検証し、XSS脆弱性を防止する仕組みを説明。
Cache DigestとHTTP/2 Server Pushの現状と課題について解説。標準化の停滞と代替技術を考察。
WebPackagingのSigned HTTP Exchangesについて解説。コンテンツ署名によりオリジンと配信元を分離する仕組みとAMPなどでの活用事例を紹介。