All the latest
ClaudeMixで扱う技術一覧
2026.06.03
... Routing ネストルーティングです。画面構成やレイアウト設計に関する記事を扱います。 Vite ビルドツールです。バンドル最適化や開発環境構築に関する記事を扱います。 React...
蜘蛛は巣を張る前に全経路を知っている：Prerender Spider が問い直したSSRの必然性
2026.05.22
... } ビルド時に prerender 関数が実行される。その戻り値のパス一覧に対して、Viteプラグインが静的HTMLを生成する。 build/client/blog/inde...
ブラウザに教えるのか、ブラウザが発見するのか：modulepreload が問い直した依存解決の責務
2026.05.18
...にしているのか バンドラーがmodulepreloadを自動注入する、と信じているからだ。 Viteは確かにいくつかのmodulepreloadを注入する。React Routerのようなフレ...
React Router v7 移行で typecheck が壊れる4つの原因（Remix v2 → v7）
2026.04.24
... 【ホスティング】: Cloudflare Pages / Workers 【ビルドツール】: Vite 【言語】: TypeScript 【その他】: Windows 11、Node.j...
React Router v7 移行後、wrangler pages dev で起きる2つの環境問題
2026.04.20
...wsではキャッシュロックで古い画面が表示され続けました。この2点を移行計画に最初から組み込むための、Vite プラグインとクリーンアップスクリプトを記録します。 React Router v7 移...
アトミック・レンダリング：Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計
2026.04.13
...】 Remix v2 【ホスティング】 Cloudflare Pages 【ビルドツール】 Vite 【CSS】 ユーティリティCSSフレームワーク / CSS Modules ...
100点の「神話」を解体する：Remix + Vite が直面する PSI の実用上の上限と賢い撤退戦略
2026.04.03
はじめに Remix + Viteスタックでサーバー応答2msを達成しても、PSIモバイルではLCPが1秒を切れません。 PSIのSlow 4Gシミュレーション（RTT 150ms）とReac...
E2Eテストを「文言の呪縛」から解放する：extractTestId による契約の分離
2026.03.30
...headerId)). toBeVisible (); }); ユニットテスト（Vitest / React Testing Library）でも、同様にスペックベースで要素を取得...
AIと2日間戦って、数十のファイルの修正を「捨てた」話。—— エッジ環境で10年死なない認証基盤を築くための外科的切断
2026.03.23
...行した「外科的切断」の記録を共有します。 実行環境 Framework: Remix (Vite) Runtime: Cloudflare Workers Database: Cl...
CLAUDE.md最適化：公式ベストプラクティスでコンテキスト負荷を削減
2026.03.09
...Metadata). - `npm test` - Run unit tests (Vitest). - `npm run generate` - Generate c...
ログイン機能追加後のLighthouse影響調査計画 - 100点スコアを維持できるのか
2026.02.27
...リロード） Mermaidチャートの遅延読み込み 記事表示数の削減（10件 → 6件） Viteビルド最適化 成果 : クリティカルパス 478ms → 118ms（75%改善）...
ログイン機能追加後のLighthouse測定結果 - 92点という現実と予想外の改善
2026.02.23
...iptが減少した。 推測される理由 : コード分割が改善された可能性 Remix/Viteの共有バンドル戦略が最適化された 不要なコンポーネントの遅延読み込みが機能している ...
Lighthouseの未使用CSS削減 - ルート別分割で19.3%軽量化
2026.02.09
... 同じ「分割すれば削減できる」という発想で次はJavaScriptにも挑みましたが、 Remix/Viteの共有バンドル戦略という壁に完全に敗北します 。
Lighthouse JavaScript最適化の壁 - 削減できなかった39 KiBから学んだこと
2026.01.30
...ing・manual chunk splitting・prefetch無効化を試しても、Remix/Viteの共有バンドル戦略により39 KiBは変わりませんでした。この警告はRemixの全体最適化の...
claude skill prompts 公式まとめ
2026.01.26
...リングとして評価可能な基準を与えます。 悪い例 : 「テストを書いて」 良い例 : 「 vitest を使用し、カバレッジ100%を目指して、正常系2ケース・異常系3ケースのテストコード...
Lighthouseモバイルスコア85点から100点へ - 7つの最適化で実現した完全合格
2026.01.15
...追加・見出し階層修正・フォント preload ・Mermaid動的import・記事数6件削減・Vite cssCodeSplit の施策と効果値が手に入る。 この方法は、このブログで実証...
RemixのResource RouteでOGP画像を生成する際にハマったWASM問題とその解決法
2026.01.14
...erビルドで Could not resolve "workers-og" エラーが出ます。 vite.config.ts の ssr.external: ["workers-og"] を...
爆速ブログを実現するJamstackアーキテクチャ：RemixとViteで作るHTMLプレビルドシステム
2026.01.09
...rkdownを唯一の情報源として保ちつつ、パフォーマンスを最大化 この記事では、RemixとViteで作るJamstack型HTMLプレビルドシステムの設計思想と、ビルドプロセスとリクエスト時...
Cloudflare Workers における React Hooks エラーとの戦い：重複バンドル問題の深堀り
2025.12.19
...における React の「重複バンドル問題」の根本原因と、正しい解決策が手に入る。 具体的には、Vite の設定でローカル開発環境を本番と完全に一致させる方法を手に入れられる。 この方法は、本...
Remix + Cloudflare WorkersでCSS読み込み問題を解決: パスエイリアスとSSRの落とし穴
2025.12.17
...Remix v2 ホスティング : Cloudflare Workers ビルドツール : Vite ⚠️ 問題の発見と症状 症状 コミット 0c1c665 以降、CS...
Cloudflare Pages デプロイの挑戦: ファイルシステム依存からビルド時バンドルへ
2025.12.10
...に提案しない 「ビルド時バンドル」という解決策 の全貌と、具体的なプリビルドスクリプトのコード、Vite設定の変更差分、ESM/CommonJS競合を乗り越えた技術的手順、そして実際のパフォーマン...
Remix+Vite環境で`import.meta.glob`がファイルを見つけられない問題のデバッグログ
2025.12.03
はじめに Remix+Vite で import.meta.glob を使うと、ローカルでは動くのにビルド時に「ファイルが見つからない」500エラーが出ることがあります。 原因は一つではな...