ClaudeMix Blog

Articles

🎨

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

2025年12月3日

TTFBを極限まで短縮し、圧倒的な表示速度を実現するためのHTMLプレビルドシステムを解説。リクエスト時の動的処理を廃し、ビルド時に重い処理を完了させるJamstackのベストプラクティスをRemixとViteで実装します。

architectureperformanceVite
📚

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

2025年12月2日

Cloudflare Workers環境でShikiのWebAssemblyが動作せず、ブログ記事詳細ページがエラーになる問題に遭遇。ビルド時にマークダウンをHTMLに変換する戦略と、並列処理の競合を防ぐShiki事前初期化の実装を解説します。

WorkerstroubleshootingVite
📚

AIと育てる型定義:シリーズ総集編 〜生きた仕様書への道〜

2025年11月30日

全5回にわたるAI協調リファクタリングの旅を総括。散らばった型定義が、いかにしてプロジェクトの『生きた仕様書』へと昇華したのか。その全プロセスと、AIを設計パートナーとして活用する新たな開発スタイルを解説します。

refactoringarchitecturetypescriptai
📚

E2Eテストが壊れ続けた理由と、テストデータ一元管理による解決

2025年11月27日

設計書・実装・テストの情報散在とE2Eテストデータ問題を、spec.yaml中心のSingle Source of Truth設計で解決したリファクタリング実践記

refactoringtestingarchitecture
📚

AIと育てる型定義 Part 5: UIとデータ層を繋ぐ『生きた仕様書』の完成

2025年11月27日

AI協調リファクタリング最終回。UIコンポーネントのPropsやデータ層の戻り値をドメイン仕様に統合し、プロジェクトの『生きた仕様書』を完成させるまでの全記録。

refactoringarchitecturetypescript
📚

AIと育てる型定義 Part 4:ドメイン知識の集約で完成度を高める

2025年11月24日

AIとの協調リファクタリング最終章。サイト設定、ページネーション、見出しといった、各所に散らばっていたドメイン知識を『仕様』として集約。コードベースの完成度を劇的に高めるリファクタリングの最終ステップを記録します。

refactoringarchitecture
🎨

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

2025年11月22日

ReactWorkersViteSSRtroubleshooting
📚

AIと育てる型定義 Part 3:責務の分離でコードをクリーンにする

2025年11月21日

AIとの協調リファクタリング第3弾。今回はフィルター機能に散らばる型定義にメスを入れます。TypeScriptのIntersection Typesを活用して『責務の分離』を実践し、再利用性と見通しを向上させる過程を記録します。

refactoringarchitecture
🚀

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

2025年11月21日

RemixとCloudflare Workers環境で発生したCSS読み込み問題を解決するデバッグプロセスを解説。パスエイリアス、SSRレンダリングの不整合、開発環境設定の誤りといった複数の原因を特定し、`wrangler pages dev`とViteプラグインを使った正しい開発方法を明らかにします。

SSRViteWorkerstroubleshooting
🚀

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

2025年11月20日

RemixアプリをCloudflare Pagesにデプロイする過程で遭遇したファイルシステム非互換の問題を、「ビルド時バンドル」というアプローチで解決する全プロセスを記録。サーバーレスの制約をパフォーマンス向上の機会に変えるアーキテクチャ設計を解説します。

WorkersVitetroubleshooting