概要
Webエンジニアとして約9年の実務経験があり、直近5年はフロントエンド領域を中心に活動しています。
React / Next.js / TypeScript を軸としたSPA・SSR開発が得意で、技術選定・アーキテクチャ設計からCI/CD構築、メンバー育成まで一貫して担当できます。
Node.jsによるバックエンド実装やスキーマ駆動でのAPI設計も対応可能です。
キャリア初期にはインフラエンジニアとしてサーバ設計・ネットワーク運用に従事しており、フロントエンドからインフラまで幅広い知見を持っています。
得意領域
React / Next.js(App Router)でのSPA・SSR開発、featuresベースのディレクトリ設計
OpenAPI定義からのクライアント自動生成(orval)を活用したAPI連携
CI/CD整備、ビルド高速化(Webpack→Vite移行でビルド時間を最大90%短縮)、ChatOpsによるリリース自動化
スキルセット
言語
フレームワーク
ツール・インフラ
設計・プロセス
DevOps
職務経歴詳細
株式会社Medii
AIサジェスト機能の新規開発(フルスタック)
医療専門家向けチャット相談画面に、専門家向け情報提案機能をゼロから設計・実装。フロントエンド・バックエンド(Go)・DB設計・OpenAPIスキーマ定義を横断して担当した。
- キーワード検知ロジックとDB設計(マスタ・中間・ログテーブル群)を新規設計し、バックエンド(Go)・フロントエンドを合わせて計10,000行超を実装(関連PR 9件)
- フローティングボタン・パネルのコンポーネント群を新規実装。フック・遅延表示タイマー・自動スクロール・アニメーションを含む高品質なUXを実現
- OpenAPIスキーマ定義と自動生成クライアント(orval)を活用したスキーマ駆動開発を推進。フロント・バック間の型整合性を担保
Markdown対応メモ機能・引用論文可視化の実装(フルスタック)
相談回答者向けのMarkdown形式メモ機能、および引用論文の権威性可視化機能をDB設計からフロントエンドまで一貫して担当。既存コンポーネントの再設計・リファクタリングも含む。
- メモ機能のDB設計・Go APIルート実装・フロントエンドコンポーネントをすべて担当(関連PR 6件、約2,300行の追加)
- 引用論文をマークダウン内で解析・集約し、医学ジャーナルの権威性バッジ・ツールチップを実装(約2,000行の追加)
- コンサル画面のOpenAPIスキーマ構文エラーを修正し、自動生成クライアントを全面再生成(133ファイル変更)
チャットUX改善・フロントエンド開発基盤整備
チャット相談フローの継続的なUX改善とバグ修正を担当。Next.jsのメジャーバージョンアップや、Storybook運用方針・AI開発ツール設定の整備など、開発基盤の強化も推進。
- 入力フォームのコンパクト/展開切り替えUIや相談フローへの追加確認ステップ等、UX改善を複数実施(関連PR 10件以上)
- Next.js のメジャーバージョンアップを担当。型の厳密化・テスト更新・設定調整を含む約900行の移行作業を実施
- Storybook運用方針を文書化しチームに展開。AI開発エージェント向けルールファイル(AGENTS.md・Cursorルール)を整備し、開発効率を向上
- スクロール位置ズレ・入力欄高さリセット等の複数バグをテスト付きで修正
株式会社and.d
AI搭載カスタマーサポートシステムの新規構築
ECストアのストアフロントに埋め込み可能なAIチャットCSシステムをゼロから設計・構築。LLM(ChatGPT)によるカスタマー対応自動化、注文キャンセル・商品検索機能のShopify連携、Admin管理画面の開発を一手に担当。
- DB設計・API設計からフロントエンドまで一貫して担当。ストアフロント埋め込みチャットウィジェット・注文キャンセル機能・商品検索機能を実装(関連PR 15件以上、約20,000行の追加)
- チャット処理のアーキテクチャを段階的にリファクタリング。LLMへのクエリ変換→検索→ストリーム生成のAIパイプラインをサービス層として抽出し、保守性を向上
- Shopify OAuth認証フロー(Admin画面上のアプリ表示・インストール)を実装。複数環境(開発/本番/カスタム)への対応を含むCI/CDデプロイワークフローを構築
- LLM応答で答えられない場合の専用UIや、埋め込み環境での表示最適化など、実用性を考慮した品質改善を継続実施
Shopifyアプリ開発・ECカスタマイズ
ギフト機能・配送・テイクアウト対応など複数のShopifyアプリを開発・運用。Shopify OS 2.0への対応、TypeScriptの型安全性強化、Shopify認証フロー実装など、継続的な品質改善を担当。
- ギフト機能・配送日時指定・テイクアウト対応など、EC業務に特化した複数のShopifyアプリを開発(2021-12〜2022)
- 既存アプリへのShopify OS 2.0対応・Shopifyインストールフローの実装(Admin画面からのインストールと通常フローの二系統対応)を担当
- TypeScript strict mode(strictNullChecks)対応により、型安全性を大幅に強化(116ファイル、721行の修正)
- 依存ライブラリのバージョン競合を解決し、ビルドエラーを修正するなど運用保守を継続実施
スマートキャンプ株式会社
サイトフルリニューアル
SPAからSSRへの全面移行を伴うフルリニューアル。フロントエンドの技術選定・アーキテクチャ設計・CI/CD構築・メンバー育成を一貫して担当。
- Next.js + pnpm workspacesによるモノレポ構成を採用。route handler / server actionsを活用し、セキュリティとBE連携を最適化
- GitHub ActionsでOpenAPIクライアント自動生成・ECS自動デプロイを実現。ESLint / Prettier / stylelintを導入し、コード品質を標準化
- トップ・サービス・カテゴリーページの構造を最適化し、Lighthouseで高スコアを達成。比較表機能をゼロベースでSSR再構築
- ペアプロ・モブプロを通じてFE経験の浅いメンバーを支援。全員が自立してタスクを完遂できる状態に引き上げ
比較表機能リニューアル
約2年間停止していた比較表機能リニューアルを再始動。設計・開発・チーム調整を兼任し、カンバン方式で推進。
- JSONカラムからRDBベースのスキーマに再設計。請求機能を障害ゼロでリリースし、売上への影響を回避
- Vite導入によりビルド時間を1分→7秒、ホットリロードを30秒→1秒未満に改善
- RESTful API設計方針をチームで合意形成し、実装のばらつきと手戻りを削減
- React勉強会の主催、技術ブログの執筆
サービス運用保守
約8年運用されてきたSaaSの機能追加・パフォーマンス改善・開発基盤の刷新を担当。
- esbuild-loader導入 + Webpack5移行により、ビルド時間を6:43→1:43に短縮(約75%改善)
- yarn workspaceでjQuery / Vue.js / React混在環境を統合。環境構築ミスをゼロに
- Slack Bot(Serverless Framework)を開発し、ボタン操作でPR確認・GitHub Actions実行を可能に。リリース頻度を向上させ、半年以上継続運用
株式会社フォトラクション
電子小黒板機能フルリニューアル
工事写真撮影プロセスの効率化を目的に、電子小黒板機能をフルリニューアル。Backbone.js→Vue.jsへの移行とVite導入によるビルド高速化を実現。
労務安全サービスのマイクロサービス化
Laravel本体と密結合していたフロントエンドを分離し、独立リリース可能な構成に刷新。Vue.js→Nuxt.js移行、GitHub ActionsによるECS自動デプロイ環境を構築。
新規労務安全サービスの開発
建設現場の労務安全書類をDX化するサービスを開発。クライアントサイドで動作が遅かったPDF生成処理を、Nest.jsによるサーバーサイドAPIに移行してパフォーマンスを改善。
株式会社キーリンク
建設業界向け現場管理サービス
Vue.jsでのプロトタイプ開発、API設計・実装
アパレル業界向け生産管理システム
React / Vue.jsでの実装、GCPインフラ構築
建設業界向け入退場管理アプリ
Vue.jsコンポーネント実装、JenkinsによるCI構築
ニスコム株式会社
サーバ設計・構築業務
Windows Serverの詳細設計・構築、顧客折衝、テスト仕様書作成
大学系ネットワーク運用・保守
ネットワーク機器リプレース、監視サーバー構築、firewall設定