All the latest

ClaudeMixで扱う技術一覧

2026.06.03

...記事を扱います。 Remix RemixおよびReact Router関連技術です。 SSR サーバーサイドレンダリングです。初期表示やパフォーマンス最適化に関する記事を扱います。 ...

AI
Remix v3 設計判断シリーズのサムネイル

Remix v3 設計判断シリーズ

2026.05.28

...の責務 蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性

Rendering
蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性のサムネイル

蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性

2026.05.22

...。 この記事をお勧めしない人 記事が頻繁に更新される動的コンテンツを扱っている人 SSRの柔軟性(ユーザーごとの出し分け等)を必要としている人 ビルド時間より運用のシンプルさを優...

Performance
ブラウザに教えるのか、ブラウザが発見するのか:modulepreload が問い直した依存解決の責務のサムネイル

ブラウザに教えるのか、ブラウザが発見するのか:modulepreload が問い直した依存解決の責務

2026.05.18

...にいくつかのmodulepreloadを注入する。React Routerのようなフレームワークも、SSR時に必要なチャンクをpreloadするロジックを持っている。 だから「自分では何もしなくて...

Performance
色を決めるためにJSを待つな:light-dark() が問い直したテーマ制御の責務のサムネイル

色を決めるためにJSを待つな:light-dark() が問い直したテーマ制御の責務

2026.05.15

... ReactとHydrationが普及すると、この構造がそのまま引き継がれた。SPA時代のパターンがSSR時代に持ち込まれ、「初期化コードとして useEffect でDOM操作する」ことが当たり...

Performance
フレームを先に送れ:HTML Streaming が問い直した「送る単位」の設計判断のサムネイル

フレームを先に送れ:HTML Streaming が問い直した「送る単位」の設計判断

2026.05.11

はじめに SSRは「速い」と言われる。 サーバーでHTMLを作って返すから、クライアントでJSが動くより先にコンテンツが見える。そう理解していた。 ある日、Lighthouseのタイム...

PerformanceRendering
React Router v7 移行後、wrangler pages dev で起きる2つの環境問題のサムネイル

React Router v7 移行後、wrangler pages dev で起きる2つの環境問題

2026.04.20

... (以下, 同様の警告が続く) 【原因】 Cloudflare Workers の SSR ビルド時、Node.js ビルトインモジュール( node:events 、 node:st...

Deployment
ブログマップのサムネイル

ブログマップ

2026.04.17

...の責務 蜘蛛は巣を張る前に全経路を知っている:Prerender Spider が問い直したSSRの必然性 シリーズインデックス Lighthouseスコア改善シリーズ ...

アトミック・レンダリング:Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計のサムネイル

アトミック・レンダリング:Lighthouse最適化が露出させるUIの時間的不整合と、Edge時代の可視化制御設計

2026.04.13

...かもしれません。 本当の敵は「時間の分解能」 問題の発生条件は明確です。 Edge配信 + SSR + Lazy + Hydration遅延 + 非同期リソース この組み合わせでのみ、UI...

RenderingPerformance
AIにRemixを任せる前に知っておくこと ― Reactの歴史がSSRで牙を剥くときのサムネイル

AIにRemixを任せる前に知っておくこと ― Reactの歴史がSSRで牙を剥くとき

2026.02.13

...に興味がある人。 もし一つでも当てはまらないなら、読み進める価値があるかもしれません。 SSR環境でuseEffectを使い続けると AIはSPA時代の学習データに基づくため、ハイ...

Rendering
RemixのResource RouteでOGP画像を生成する際にハマったWASM問題とその解決法のサムネイル

RemixのResource RouteでOGP画像を生成する際にハマったWASM問題とその解決法

2026.01.14

...esolve "workers-og" エラーが出ます。 vite.config.ts の ssr.external: ["workers-og"] を追加することで解決できます。 この...

DeploymentCompute
Remix × Cloudflare Workers で実現する動的OGP画像生成 - workers-ogとCache APIで日本語フォントを最適化するのサムネイル

Remix × Cloudflare Workers で実現する動的OGP画像生成 - workers-ogとCache APIで日本語フォントを最適化する

2026.01.13

... Google Fonts CSS APIから.ttfのURLを取得 const cssResponse = await fetch (fontFetchConfig.a...

Deployment
爆速ブログを実現するJamstackアーキテクチャ:RemixとViteで作るHTMLプレビルドシステムのサムネイル

爆速ブログを実現するJamstackアーキテクチャ:RemixとViteで作るHTMLプレビルドシステム

2026.01.09

はじめに SSRでリクエストのたびにMarkdownをHTMLに変換していると、TTFBが長くなります。 ビルド時に変換を完了させ、生成したTypeScriptファイルをそのままimportす...

PerformanceRendering
Cloudflare WorkersのWebAssembly制約をビルド時HTML変換で乗り越えるのサムネイル

Cloudflare WorkersのWebAssembly制約をビルド時HTML変換で乗り越える

2026.01.07

...像生成でも発生しました。 workers-og ライブラリのWASM問題 はビルド時変換ではなく ssr.external 設定という別のアプローチで解決しています。 パフォーマンス結果 ...

DeploymentCompute
Cloudflare Workers における React Hooks エラーとの戦い:重複バンドル問題の深堀りのサムネイル

Cloudflare Workers における React Hooks エラーとの戦い:重複バンドル問題の深堀り

2025.12.19

...でエラーが出ました。React のバージョンを疑って数時間調査しましたが、原因はバージョンではなく、SSR とクライアントのビルドでそれぞれ React がバンドルされる「重複バンドル」でした。Vit...

RenderingDeploymentCompute
Remix + Cloudflare WorkersでCSS読み込み問題を解決: パスエイリアスとSSRの落とし穴のサムネイル

Remix + Cloudflare WorkersでCSS読み込み問題を解決: パスエイリアスとSSRの落とし穴

2025.12.17

...記事をお勧めしない人 ローカルで動けばそれで十分で、エッジ環境の制約など気にしない人。 SSR とクライアントレンダリングの違いは、単なる実装の詳細でしかないと考える人。 パスエイリア...

RenderingDeployment
Cloudflare Pages デプロイの挑戦: ファイルシステム依存からビルド時バンドルへのサムネイル

Cloudflare Pages デプロイの挑戦: ファイルシステム依存からビルド時バンドルへ

2025.12.10

...モダンフレームワーク + エッジホスティング環境 レンダリング : サーバーサイドレンダリング(SSR) 環境差異 : ローカル: 動作、本番デプロイ: ❌ エラー ⚠️ 問題の発見...

Deployment