私たちの技術スタック — すべて公開

成熟したエコシステム。並行レンダリングで滑らかな画面遷移を実現。

コンパイル時の安全性、安心してできるリファクタリング、コード自体がドキュメントに。

開発中は即時HMR。v8以降はrolldownがバンドルを生成し、oxcが圧縮 — esbuildは依存関係ツリーから外れました。

宣言的なAPI、ルートのオンデマンド読み込み、Suspense対応。

ランタイムゼロ、不要CSSの自動削除、トークンによる視覚的な一貫性。

リポジトリにコピーして使用 — 脆いライブラリ依存がなく、コードを100%把握。

導入直後から正しいARIA、キーボード操作、フォーカストラップ。

宣言的なAPI、prefers-reduced-motionに対応、GPUによる合成。

Tree-shaking対応、統一されたスタイル、1500以上のアイコンを継続保守。

サービスページ、地域ページ、制作実績の37件のケーススタディを含むサイトの全ルートを、ビルド時にヘッドレスChromiumでレンダリングしています。以前はサーバーがすべてのページに同じ空のindex.htmlを返していたため、JavaScriptを実行しないクローラーにはトップページのメタデータしか見えていませんでした。

実際のユーザー環境でLCP、INP、CLSを計測し、GA4へ送信。

Outfit + Plus Jakarta Sansをセルフホスト、ラテン文字サブセット、font-display: optional。

ベンダーを分離（react、motion、radix、pdf）→ 長期キャッシュを最適化。

ページごとに固有のtitle、description、Open Graph。

Organization, LocalBusiness, Service, FAQPage, HowTo, BreadcrumbList, Article.

ChatGPT、Claude、Perplexity、Geminiによるインデックス専用のファイル。

App.tsxで宣言されたルートからビルド時に生成 — サイトの更新に遅れることはありません。

マネージドPostgres、Auth、Storage、Edge Functions — オープンソース。

お問い合わせフォームのメッセージを、Vercelのサーバーレス関数経由で受信。

見積もりツールで作成したPDF見積書を、Supabaseの関数経由で送信。API側でのIPフィルタリングはなし。

クライアントとサーバーで共有する型付きスキーマ、フランス語のエラーメッセージ。

git pushでデプロイ、グローバルCDN、HTTP/3、プレビューブランチ。

kayzen-lyon.comと.frのドメイン、DNSゾーン、メール。

コードレビューと完全な履歴 — 公開中の更新履歴もここから生成しています。

アセットを戦略的にキャッシュし、代替ページ /offline.html を用意。

Viteの設定を共有するため、本番と同じエイリアス、同じパイプラインで動作。

重要な導線をChromium（デスクトップ）とPixel 7のモバイルプロファイルで再現。

'unsafe-inline'なしのscript-src：インラインスクリプトはそれぞれSHA-256ハッシュで許可され、ビルド時に検証されます。

max-age 2年、includeSubDomains、Chromeのpreloadリストに登録。

カメラ、マイク、USB、位置情報をデフォルトで無効化。

Consent Mode v2、デフォルトは拒否、GA4は明示的な同意の後にのみ読み込み（GTMなし）、委託先を明記。

厳格なルール、Hooksのチェック、違反があればCIを停止。

チャンクをグラフィカルに確認し、重いインポートを検出。

Autoprefixer、モダンブラウザへの対応（es2020+を対象）。

package-lock.jsonを正とし、Vercelもデプロイ時にこれをインストール。