Tags
3rd party cookie
HTTP
IETF
abnf
abortsignal
ads
amp
aom
async
async local storage
atom
av1
avif
background-fetch
block-all-mixed-contents
blog
- 2022 年を振り返る
- 2021 年をふりかえる
- 自作 Markdown プロセッサベースの blog.jxck.io v2 リリース
- 2020 年をふりかえる
- 2019 年をふりかえる
- 2018 年をふりかえる
- 2017 年を振り返る
- 2016 年を振り返る
- Blog を移転しました
bnf
book
boolmarklet
bootcamp
brotli
- Compression Dictionary Transport (Shared Brotli) によるコンテンツ圧縮の最適化
- Brotli を用いた静的コンテンツ配信最適化と Accept-Encoding: br について
- zopfli で静的コンテンツの gzip 配信と Content/Transfer-Encoding について
browser
btoa
cache
- Cache-Control: must-understand ディレクティブとは何か
- Clear-Site-Data Header
- Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
- Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
cache digest
cbor
chatgpt
coep
compression
cookie
- Cookie2 とは何か
- Cookie Store API による document.cookie の改善
- Public Suffix List の用途と今起こっている問題について
- 牧歌的 Cookie の終焉
- 3rd Party Cookie 調査のための Web 広告導入
- Cookie の性質を利用した攻撃と Same Site Cookie の効果
- Clear-Site-Data Header
- Foreign Fetch が削除されそうな理由と Cookie の double keying
cookie store
coop
corb
corp
crypto
csp
- CSP Report 収集と実レポートの考察
- mixed contents 対応を促進する CSP ディレクティブ
- Content Security Policy(CSP) 対応と report-uri.io でのレポート収集
csrf
css
- 誇りを被った仕様の針に意図を通す
- 次世代 CSS 仕様が与えるコンポーネント時代の Web への影響
- Markdown の Table 記法を CSS で実現する
- CSS Layout API で Masonry Layout
- prefers-color-scheme を用いた Dark Mode 対応と User Preference Media Features
- Font Display プロパティを用いた FOIT/FOUT 最適化
- Houdini Paint API
- CSS Rhythmic Sizing で Vertical Rhythm
- HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について
ct
dark mode
debug
devtools
display locking
dns
dom
domain
early hints
ecosystem
element query
erlang
es modules
event emitter
event target
expect-ct
extensible web
feature-policy
fetch
- Fetch の中断と Promise のキャンセル方法の標準化
- Foreign Fetch による Micro Service Workers
- Fetch での Stream を用いたプログレス取得とキャンセル
fido-u2f
font metrics
font-display
font-feature-settings
foreign fetch
form
formdata
fragment
gde
gen_fsm
gen_statem
grid
h2o
history
houdini
hpke
hpkp
- Certificate Transparency の仕組みと HPKP から Expect-CT への移行
- Public Key Pinning for HTTP(HPKP) 対応と report-uri.io でのレポート収集
hsts
html
http
- IETF RFC における ABNF と Parsing Algorithm の関係
- JavaScript のメディアタイプと RFC 9239
- Cache-Control: must-understand ディレクティブとは何か
- Structured Field Values による Header Field の構造化
- Referrer-Policy によるリファラ制御
- Clear-Site-Data Header
- Brotli を用いた静的コンテンツ配信最適化と Accept-Encoding: br について
- HTTP の新しいステータスコード 103 Early Hints
- Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
- Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
- zopfli で静的コンテンツの gzip 配信と Content/Transfer-Encoding について
http2
- Cache Digest と HTTP2 Server Push の現状
- HTTP の新しいステータスコード 103 Early Hints
- HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について
- h2o で https/2 のデプロイと設定
http3
https
ie
ietf
- IETF RFC における ABNF と Parsing Algorithm の関係
- JavaScript のメディアタイプと RFC 9239
- ABNF Parser の実装
- Cache-Control: must-understand ディレクティブとは何か
- Structured Field Values による Header Field の構造化
iframe
image
- 画像最適化戦略 AVIF 編
- img の srcset 指定時に選択される画像
- 画像最適化戦略 Lazy Loading 編
- 画像最適化戦略 SVG/Font 編
- 画像最適化戦略 WebP 編
- 画像最適化戦略 Picture 編
- 画像最適化戦略 PNG/JPEG 編
internet
intersection observer
ip blindness
isolation
javascript
- JavaScript のメディアタイプと RFC 9239
- Promise.allSettled と Promise.any
- Nullish Coalescing と Optional Chaining
- Private Class Field の導入に伴う JS の構文拡張
- .mjs とは何か、またはモジュールベース JS とエコシステムの今後
- JavaScript における文字コードと「文字数」の数え方
jsonld
layered api
layout
lazyload
linux
localhost
map
markdown
media query
mixed contents
monthly
monthly-web
mozaic.fm
- mozaic.fm v3 リリースと Podcast の PWA 化
- mozaic bootcamp 2019
- Monthly Web の作り方 2018 年版
- mozaic.fm の v2 のリリースと Podcast の実装と移行
navigation
navigation preload
net neutrality
network
next-web-conf
node.js
nomodule
noto sans
nuc
offline
open graph
openai
orb
origin trials
- Foreign Fetch による Micro Service Workers
- Link rel=serviceworker ヘッダによる API やアセットの Offline 対応
- Web 標準化のフィードバックサイクルを円滑にする Origin Trials について
paint api
performance
- 画像最適化戦略 AVIF 編
- Webbundle によるサブリソース取得の最適化
- 画像最適化戦略 Lazy Loading 編
- Feature Policy による Permission Delegation
- WebFont の WOFF2 対応によるサイズ最適化
- ResizeObserver による変更検知と Element Query
- Font Display プロパティを用いた FOIT/FOUT 最適化
- Brotli を用いた静的コンテンツ配信最適化と Accept-Encoding: br について
- Service Worker の Navigation Preload による表示遅延回避
- Cache-Control の Immutable 拡張によるリロード時のキャッシュ最適化
- Intersection Observer を用いた要素出現検出の最適化
- Passive Event Listeners によるスクロールの改善
- Stale-While-Revalidate ヘッダによるブラウザキャッシュの非同期更新
- 画像最適化戦略 SVG/Font 編
- 画像最適化戦略 WebP 編
- 画像最適化戦略 Picture 編
- 画像最適化戦略 PNG/JPEG 編
- Noto Sans の Web Font 対応とサブセットによる最適化
- Preload を用いたリソースプリローディングの最適化
- zopfli で静的コンテンツの gzip 配信と Content/Transfer-Encoding について
- HTTP2 を前提とした HTML+CSS コンポーネントのレンダリングパス最適化について
- Resource Hints API でリソースの投機的取得
- AMP HTML 対応
- HTML の省略によるサイズ最適化
periodic background sync
permission
picture
ping
podcast
polyfill
prefetch
preload
privacy
private
private relay
promise
- AbortSignal.any(), AbortSignal.timeout(), そして addEvnetListener() の Signal
- Promise.allSettled と Promise.any
- Promise.prototype.finally
- Fetch の中断と Promise のキャンセル方法の標準化
- Fetch での Stream を用いたプログレス取得とキャンセル
property and values
proxy
pty
public suffix list
puppeteer
push
pwa
quic
quictransport
random
record
referer
referrer-policy
rendering
report-to
reporting
reporting observer
resize observer
resource hints
rhythmic sizing
rss
safari
same-site-cookie
schema.org
scroll
sdp
search
security
- CORB から ORB へ
- Cross Origin iframe からの alert/confirm/prompt 呼び出しの無効化
- ローカル開発環境の https 化
- Site Isolation 及び Web のセキュリティモデルの更新
- 安全な文字列であると型で検証する Trusted Types について
- Cookie の性質を利用した攻撃と Same Site Cookie の効果
- Clear-Site-Data Header
- Certificate Transparency の仕組みと HPKP から Expect-CT への移行
- Feature Policy による Permission Delegation
- CSP Report 収集と実レポートの考察
- リンクのへの rel=noopener 付与による Tabnabbing 対策
- HTTP Strict Transport Security(HSTS) 対応
- Public Key Pinning for HTTP(HPKP) 対応と report-uri.io でのレポート収集
- Content Security Policy(CSP) 対応と report-uri.io でのレポート収集
selects
semantics
server push
service worker
- Periodic Background Sync 及び Web を Install するということ
- Service Worker の Background Fetch によるメディアのキャッシュ
- Foreign Fetch が削除されそうな理由と Cookie の double keying
- Service Worker の Navigation Preload による表示遅延回避
- Web Budget API と Web に導入されつつある Budget と Cost の概念
- Foreign Fetch による Micro Service Workers
- Link rel=serviceworker ヘッダによる API やアセットの Offline 対応
- 中級者向け Service Worker Tutorial
sfv
signed-http-exchange
- 本サイトの AMP 提供の停止とここまでの振り返り
- Non AMP SXG による Prefetch 対応と AMP 提供の停止
- AMP SXG 対応
- WebPackaging の Signed HTTP Exchanges
socket.io
spa
spectre
sql
srcset
ssh
standards
stream
string
svg
swr
systemd
tc39
- Promise.allSettled と Promise.any
- Nullish Coalescing と Optional Chaining
- .mjs とは何か、またはモジュールベース JS とエコシステムの今後
- Promise.prototype.finally
timeout
tips
- mouseover 中に表示される DOM のデバッグ
- Linux で出力を別の shell に pts 経由で表示する
- record to map in Erlang
- ブラウザで適当なランダム文字列
tmux
trusted types
tutorial
typed om
unicode
upgrade-insecure-request
url
urlsearchparams
user-agent
utf-16
vender prefix
vertical rhythm
w3c
web
- Web のセマンティクスにおける Push と Pull
- Web 技術の調査方法
- mozaic bootcamp 2019
- Web における技術の解釈とエコシステムによる合意形成プロセスについて
- 次世代 Web カンファレンス 2019 開催後記
- 次世代 Web カンファレンス 2019 開催告知
- Monthly Web 2017/02
- Monthly Web 2017/01
- Web 標準化のフィードバックサイクルを円滑にする Origin Trials について
- Google Developer Experts (GDE) になりました
- Blog を移転しました
web authentication api
web budget api
web font
- Web Font のメトリクス上書きによる CLS の改善
- Puppeteer で静的サイトの Font Subsetting
- Noto Sans Hinted と font-feature-settings: 'palt'
- WebFont の WOFF2 対応によるサイズ最適化
- Font Display プロパティを用いた FOIT/FOUT 最適化
- Noto Sans の Web Font 対応とサブセットによる最適化
web+db
web-share
webbundle
webcodecs
webp
webpackaging
- 本サイトの AMP 提供の停止とここまでの振り返り
- Non AMP SXG による Prefetch 対応と AMP 提供の停止
- AMP SXG 対応
- Webbundle によるサブリソース取得の最適化
- WebBundle によるコンテンツの結合と WebPackaging
- WebPackaging の Signed HTTP Exchanges
webrtc
- WebCodecs と WebTransport でビデオチャット
- Apple の AOM 加盟と AV1 への期待
- SDP の Unified Plan と Plan B
- Safari 11.0 will support WebRTC
- WebRTC 1.0 に向けたロードマップ
websocket
webtransport
- WebCodecs と WebTransport でビデオチャット
- QuicTransport によるアプリケーションレイヤでの QUIC 活用
- WebTransport と WebCodecs そして Web はどこまで "ゲーム化" するか
whatwg
- Layered APIs と High Level API の標準化指針
- WHATWG の IPR Policy と Governance Structure
- Web Share API
- Node v7 で入った WHATWG URL 実装について
- Fetch での Stream を用いたプログレス取得とキャンセル