モノレポの workspace プロトコルと公開時の書き換え
workspace:* で内部パッケージをリンクし、公開時に実際のバージョンへ置換するモノレポのパブリッシュ機構
Frontend カテゴリーの知識文書です。
workspace:* で内部パッケージをリンクし、公開時に実際のバージョンへ置換するモノレポのパブリッシュ機構
frontmatter related・wikilink インデックスを BFS で N ホップ以内の近傍だけ集め、force-graph で可視化するパターン
localePrefix always 環境では内部リンクは next-intl の Link だけで移動し、ロケールを維持する必要がある
同じ slug の文書を .{locale}.md ファイル名で区別し、ローダー・DB・検索・SEO id を type:slug:locale に揃えるパターン
無限スクロール・window virtualizer で bootstrap・React・N-frame reassert が競合しないよう、単一 corrective scroll に統合するパターン
Cursor・Lovable・Granola など2026年に話題のスタートアップ10社のランディングページを Playwright で実測キャプチャ・分析して導いた Web デザイントレンド
GSAP なしで scroll-timeline・sticky stage・純粋 CSS keyframes によって製品ストーリーをスクロールに同期させる zero-JS ナラティブパターン
単一のmodal shell内でdocumentIdスタックをpush/popし、gallery→peek→relatedをつなぐナビゲーションパターン
ブロック文書グラフでpageブロック・push/peekナビゲータ・breadcrumbで子文書を探索するパターン
リッチテキストeditorとread-only viewerのentryを分離し、peek・embed経路からPM/dndバンドルを取り除くパターン
SSRでpeek + after()を使い、TTFBを増やさずにblur placeholderをwarmするstale-while-populateパターン
内蔵の画像最適化が無効な環境で Route Handler によりリサイズ・webp 変換・CDN+LRU キャッシュを構成するパターン
不変ツリーに対する正規化read-modelとid別useSyncExternalStore購読で、ネストUIの再レンダーをO(depth)からO(1)に減らすCQRS projectionパターン
ハイブリッドブロックエディタで複数ブロックにまたがるnative選択に対し、delete·mark·insertを無状態派生とhostパッチで処理するパターン
頻繁に変わる大きな状態を広いContext valueに入れるとmemoが無力化される理由と、狭いProvider分離パターン
catch-all vendor に固定 name と chunks:all を使うと dynamic import が無力化され、すべてのエントリが巨大な共有 vendor を受け取る理由と対処
ローカルのoptimistic applyとinverse patchでpendingキューをロールバック・再適用し、リモート変更と収束するクライアント同期パターン
Radix Popover PortalがCSS scope ancestorを外れるとき、インラインレンダーでエディタスコープのスタイルを保つ方法
文書の意味はhostが所有し、リッチテキストエンジンはフォーカスされたブロックだけに一時的にマウントされるguestとして置くエディタアーキテクチャ
HTML をチャンク単位で flush する Streaming SSR が FCP・LCP・SI・CLS に与える影響と LCP チャンク配置の基準
編集を do/inverse のペアで記録し、undo・redo の 2 つのスタックで状態を往復する履歴モデル
useSyncExternalStore は Object.is でスナップショットを比較するため、内容が変わっても同じ値だと再レンダーを永遠に取りこぼす
横型カルーセルで表示されていないスライド画像のfetchを防ぎ、LCP候補のみをeager読み込みするパターン
Next.js App Routerでschema.org JSON-LDをサーバーのpage.tsxに注入するパターンとXSS sanitize
サーバーで React Query などのキャッシュを埋めて client auth→API waterfall を減らすパターンと query key の整合
長い一覧でビューポート付近の行だけをDOMにレンダーし、メモリ・レイアウトコストを一定に保つ手法
@layer·@scope·light-dark()とカスタムプロパティで優先順位・範囲・モードを分離し、トークンテーマを一貫させる方法
サーバーレンダー HTML とクライアントの初回レンダーが食い違う原因と、クライアント専用の状態を安全に適用する戦略
debounce、AbortController、最新リクエストidでout-of-order応答を防御する非同期UIパターン
frontmatter という単一ソースから sitemap・RSS・OG・JSON-LD をビルド時に決定的に生成する原則
LCPが測定される仕組みと改善方法
ブラウザのリソース優先度と fetchpriority の活用