パフォーマンス改善
計測（Web Vitals / Lighthouse）から原因特定、キャッシュ戦略（CDN / Redis）、アルゴリズム改善まで。LCP 6秒 → 2秒の実績。
Makoto Katayori
「IT」 で事業を育てるパートナー
速度・体験・計測を整え、売上と継続率に効く改善を
設計から実装まで一気通貫で支援します。
- 3xページ表示速度を改善し、離脱を抑制（LCP 6s→2s）
- 4x改善サイクルを高速化し、学習速度を最大化（月1→週1）
- 6年+Web プロダクトの設計から運用までの実務経験
Selected Work
不動産検索サービス
グロース技術基盤の刷新
01地図ページのパフォーマンス改善
- 課題
- LCP 6秒が事業のボトルネックとなり、離脱の主因に。
- 打ち手
- クラスタリングアルゴリズムを見直し、CloudFront + Redis のキャッシュ戦略を設計・実装。GraphQL もスキーマからリゾルバまで再設計し、データ取得経路を最適化。
- 成果
- LCP を 6秒 → 2秒（3倍速）に短縮。
02AB テスト基盤の改修
- 課題
- 基盤が属人化し、施策の実施は月1回が限界。
- 打ち手
- 基盤を改修してメンテナンス性と開発効率を改善し、属人化を解消。
- 成果
- 施策サイクルを 月1 → 週1（4倍）に高速化。
Next.jsGraphQLCloudFrontRedisGoogle Maps API
プロジェクトの詳細を見る →モバイルオーダーシステム
技術基盤モダン化
- 課題
- EOL が迫る Vue2 のまま、4つのフロントエンドサービス（ユーザー / ホール / 店舗管理 / 社内管理）が稼働。
- 打ち手
- サービスを止めない段階移行戦略で Vue3（Composition API）へリプレイス。あわせて Vitest 移行・Storybook 導入など開発基盤を刷新。
- 成果
- 3ヶ月で移行を完遂。以後2年9ヶ月、負債返済と機能開発を並走させる体制を確立。
Vue 3TypeScriptVitestStorybook
プロジェクトの詳細を見る →Products
Plants Log
企画から設計・開発・運用・収益化検討まで、すべてを一人で行っている植物記録サービス。Next.js（App Router）+ Supabase構成で、認証フロー・DBスキーマ・多言語対応（日英）を設計。受託で培った技術を、事業オーナーの視点で運用している実例。
Next.js 15TypeScriptSupabaseTailwind CSSshadcn/uiReact Hook FormZod
Codeku（コードク）
コード識別子のカタカナ読みをホバー表示するVS Code拡張。日本人エンジニアの口頭コミュニケーションという固有の課題に対する、課題発見からの一気通貫開発。
TypeScriptVS Code Extension APINode.jsWebpack
Otokogi（男気じゃんけん）
じゃんけんスコア共有アプリ。Neon Postgres + Drizzle ORM のサーバーレス構成で運用コストゼロを成立させる技術選定が主眼。SWRによる疑似リアルタイム同期を設計。
Next.js 15TypeScriptNeon PostgresDrizzle ORMTailwind CSSSWRVercel
What I Do
強みとして提供できる3つの領域
グロース技術基盤
ABテスト基盤の設計・運用、SEO最適化、計測基盤。施策サイクルを4倍に高速化した実績。
フロントエンド設計と基盤モダン化
フレームワーク移行（Vue2 → 3、レガシー → Nuxt）、モノレポ、OpenAPI 型共有、テスト戦略（Vitest / Storybook / Cypress）。
その他: AWS（VPC / RDS / EC2 / S3）、Supabase、PostgreSQL、Laravel / Express によるバックエンド開発
こんな形でチームに入れます
ご状況に合わせた関わり方をご相談ください
- 週3〜5日フロントエンドのテックリード / 設計から実装まで
- スポットパフォーマンス改善・Web Vitals 最適化（計測レポート+改善実装）
- ご相談技術選定・アーキテクチャレビュー
現在の稼働状況:ご相談ください（DMで現在の空き状況をお伝えします）