シェルの単語分割とクォート
シェルが変数展開の結果を空白区切りで複数の引数に分割する単語分割と、それをクォートで防ぐ規則
TILから一般化した再利用できる知識文書です。カテゴリー別に整理されています。
シェルが変数展開の結果を空白区切りで複数の引数に分割する単語分割と、それをクォートで防ぐ規則
workspace:* で内部パッケージをリンクし、公開時に実際のバージョンへ置換するモノレポのパブリッシュ機構
Service Worker Cache Storage でキャッシュを即返却しバックグラウンドで最新化する SWR パターンと、容量・セキュリティ上の注意点
一時署名 URL をキャッシュするとき、認証クエリだけ除去し意味クエリは維持するキー正規化ルール
E2E CI で retry 結果から flaky と deterministic failed を分離し、タイミング競合とビルド欠陥を区別する方法
Canvas 2D グラフノードの色・きらめきを ID ハッシュで安定化し、globalAlpha・shadow 状態を復元するパターン
非同期キャッシュ削除と stale-while-revalidate が重なるとき、generation で遅れて終わったリクエストの再保存を防ぐパターン
無限スクロール・window virtualizer で bootstrap・React・N-frame reassert が競合しないよう、単一 corrective scroll に統合するパターン
同じ slug の文書を .{locale}.md ファイル名で区別し、ローダー・DB・検索・SEO id を type:slug:locale に揃えるパターン
localePrefix always 環境では内部リンクは next-intl の Link だけで移動し、ロケールを維持する必要がある
frontmatter related・wikilink インデックスを BFS で N ホップ以内の近傍だけ集め、force-graph で可視化するパターン
GSAP なしで scroll-timeline・sticky stage・純粋 CSS keyframes によって製品ストーリーをスクロールに同期させる zero-JS ナラティブパターン
optional display で遅延した webfont の swap を防ぎ、タグ・本文の layout shift(CLS)を減らすタイポグラフィ戦略
animation-timeline view() と animation-range entry でスクロール進入の fade/slide を JS なしで作るパターン
Cursor・Lovable・Granola など2026年に話題のスタートアップ10社のランディングページを Playwright で実測キャプチャ・分析して導いた Web デザイントレンド
単一のmodal shell内でdocumentIdスタックをpush/popし、gallery→peek→relatedをつなぐナビゲーションパターン
リッチテキストeditorとread-only viewerのentryを分離し、peek・embed経路からPM/dndバンドルを取り除くパターン
ブロック文書グラフでpageブロック・push/peekナビゲータ・breadcrumbで子文書を探索するパターン
サーバがユーザー提供 URL を fetch するプロキシで、スキーム・ホストの allowlist によって SSRF を防ぐ方法
内蔵の画像最適化が無効な環境で Route Handler によりリサイズ・webp 変換・CDN+LRU キャッシュを構成するパターン