概要
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エージェント機能の設計・実装
既存のLLM連携フローを外部APIベースに段階的に移行しつつ、チャット内でのキーワード自動検知・専門家向け情報提案機能をDB設計からAPI実装まで一貫して担当。
- 専門家向け情報提案エージェントの判定ロジックをDB設計(5テーブル)・API実装まで担当(関連PR 2件、約6,570行の追加)
- 外部サービス連携による自動文書生成ロジックをLLM APIベースに移行(3件のLLM移行PR)
- 質問タイプ(治療・鑑別診断・その他)に応じてプロンプトを動的選択する応答生成フローを設計・実装
- テーブルドリブン形式のユニットテストを整備し、複雑な判定ロジックの品質を担保
専門家向けチャット機能の拡張(API・DB設計)
専門家向けチャット画面へのMarkdown対応メモ機能追加、文献・ガイドライン参照表示の改善、ゲストユーザー向け機能の拡張など、複数の機能開発を担当。
- Markdown対応メモ機能をDB設計・マイグレーション・API実装まで一貫して担当(約1,580行の追加、テーブルドリブンテスト込み)
- 文献・ガイドラインの参照情報をメッセージ単位でマッピングするAPIを設計・実装(約700行の追加)
- ゲストユーザー向け下書き・提案機能を権限チェック・認証フローと合わせて実装(約1,160行の追加)
開発基盤整備・リリースプロセスの自動化
リリースPRの自動生成ワークフロー導入、認証ミドルウェアの強化、CORSセキュリティ改善など、開発基盤の整備を担当。
- ブランチ比較から本文・統計を自動生成するリリースPR自動化ワークフローを構築
- 認証ミドルウェアを強化し、テーブルドリブン形式で正常系・異常系テストを整備
- CORSオリジン判定ロジックを関数化し、ワイルドカード照合の安全な実装とテストを追加
株式会社and.d
ECストア向けAIチャットサポートシステムの新規開発
ECストア向けのAI搭載チャットサポートシステムをゼロから設計・開発。Shopify管理画面へのEmbed、ストアフロント埋め込みウィジェット、LLMを用いたチャット応答機能を実装。
- API・チャット機能・管理画面のモノレポ構成を設計し、GitHub ActionsでAPI/フロント/ウィジェット各サービスのCI/CDを整備
- ストアフロント埋め込みウィジェットを実装し、LLMを用いたShopify連携チャット応答機能を構築(約6,700行の追加)
- 注文キャンセルや商品検索などのShopifyアクションをチャット内から実行できる機能を実装(PR 2件、約5,700行)
- AIパイプラインをサービス層として分離し、メッセージ処理との責務を明確化(アーキテクチャ改善)
- Shopifyへの安全なデプロイワークフロー(dev/prod/custom環境別)を構築し、意図しない拡張機能削除を防ぐCI設定を導入
ShopifyアプリのCI/CD整備・外部連携機能の開発
既存ShopifyアプリのCI/CD整備、Shopifyネイティブインストールフロー対応、決済サービス連携のバグ修正など、機能拡張と開発基盤整備を担当。
- API・フロントエンド・ウィジェットのCIをGitHub Actionsで整備し、自動テスト・ビルドを統合
- Shopify側起点のネイティブインストールフローを設計・実装(既存の管理画面連携フローとの両立)
- 決済サービスのキャンセルイベントがアプリに反映されない不具合を修正(Webhookフロー改善)
- TypeScript strictNullChecksを有効化し、116ファイルにわたる型検査エラーを修正・型安全性を向上
ShopifyテーマカスタマイズとECストア構築
ShopifyテーマのOnline Store 2.0対応および機能カスタマイズを担当。
- Shopify Online Store 2.0形式のテーマへの対応とスタイル調整を実施
- カスタムセクション・ブロックを実装し、ストア独自の機能を追加
スマートキャンプ株式会社
サイトフルリニューアル
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設定