Jxck
日本のフロントエンドエンジニア Jxck が運営する技術ブログ。ブラウザ仕様や Web 標準、HTTP、Cookie、圧縮やキャッシュ戦略、Dialog や Popover などの最新 API まで、実験と検証に基づく詳しい解説が読めます。実装上の落とし穴やベストプラクティスをコードと計測結果で示すのが特徴です。 Jxck 本人のポートフォリオサイト jxck.io からは、研究用の Labs、登壇スライド、著書、ポッドキャスト mozaic.fm へのリンクも公開されています。コミュニティ向けの企画や試験問題の公開など、学習リソースとしての役割も大きい技術ブログです。
Articles from this Blog
74 記事 from this blog
Element.toggleAttribute
Element.toggleAttributeの提案と実装状況について解説。Boolean属性を直感的に操作する新しいWeb API。
Monthly Web の作り方 2018 年版
2018年版のMonthly Web作成方法。Web技術の月次動向をまとめるPodcastの仕組みと、主要ブラウザ・仕様の追跡方法を解説。
Web Authentication API で FIDO U2F(YubiKey) 認証
Web Authentication API と FIDO U2F (YubiKey) を使用したパスワードレス認証の実装方法について、登録と認証のフローをコード付きで解説します。
Layered APIs と High Level API の標準化指針
Web標準におけるHigh Level APIの標準化指針と、Layered APIsによるポリフィルとネイティブ実装の移行手法について解説します。
Linux で出力を別の shell に pts 経由で表示する
Linuxのpts疑似端末を使用して、コマンド出力を別のシェルセッションにリダイレクトする方法を解説。tmuxでの実用的な活用例も紹介。
Certificate Transparency の仕組みと HPKP から Expect-CT への移行
Certificate Transparencyの仕組みと、HPKPからExpect-CTへの移行について解説。HTTPSのセキュリティを強化する技術的アプローチを説明。
Feature Policy による Permission Delegation
Feature Policy APIの概要と、権限移譲・機能制限の仕組みをCSPやiframe sandboxと比較しながら解説。
Safari による User-Agent 固定化と Web における Feature Detection
SafariのUser-Agent固定化がWeb開発に与える影響を解説。フィンガープリンティング防止と機能検出の重要性について考察。
Apple の AOM 加盟と AV1 への期待
AppleがAOMに加盟したことで、AV1コーデックのWebRTCでの標準化とブラウザサポートの進展に期待が高まっています。
Form で submit されたデータの収集と FormData & URLSearchParams
フォーム送信データを効率的に収集・処理する方法を解説。FormDataとURLSearchParamsの活用で、サーバー送信を最適化。
Bookmarklet という一番身近な自動化技術
Bookmarklet(ブックマークレット)の基本と実用的な自動化例を紹介。ブラウザ上でJavaScriptを簡単に実行する身近な自動化技術。
SDP の Unified Plan と Plan B
WebRTCのSDPにおけるUnified PlanとPlan Bの違い、Chromeの実装状況、互換性問題と将来の影響について解説。
ResizeObserver による変更検知と Element Query
ResizeObserverの解説とElement Queryの実装方法について。パフォーマンス改善のための要素リサイズ検知手法を紹介。
WHATWG の IPR Policy と Governance Structure
WHATWGがIPRポリシーとガバナンス構造を更新。特許ポリシー導入と運営体制の整備により、HTML仕様策定の安定性向上を目指す。
Font Display プロパティを用いた FOIT/FOUT 最適化
CSSのfont-displayプロパティを使ったWebフォント読み込み時のFOIT/FOUT問題の最適化手法について解説。
Houdini Paint API
CSS Houdini Paint API の解説と、カスタムボーダーを描画する実装デモ。Workletsと関連APIの使い方を紹介。
CSS Rhythmic Sizing で Vertical Rhythm
CSS Rhythmic Sizing 仕様を使った Vertical Rhythm の実装方法と本サイトへの適用事例について解説します。