林悠暉

林悠暉

JavaScript

概要

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によるリリース自動化

スキルセット

言語

TypeScript JavaScript Go Ruby HTML CSS

フレームワーク

React Next.js Vue.js Nuxt.js NestJS Node.js Hono Ruby on Rails

ツール・インフラ

Docker AWS Terraform GitHub Actions PostgreSQL Cloudflare

設計・プロセス

スキーマ駆動開発(OpenAPI) アジャイル / スクラム DB設計 featuresベースのディレクトリ設計

DevOps

GitHub ActionsによるCI/CD構築 ChatOps(Slack Bot)によるデプロイ自動化

職務経歴詳細

株式会社Medii

2025-02 ~ 現在
フロントエンドエンジニア(業務委託)
【事業内容:医療系プラットフォームの開発】

AIエージェント機能の設計・実装

2025-10 ~ 2026-02 バックエンドエンジニア
Go LLM API PostgreSQL

既存のLLM連携フローを外部APIベースに段階的に移行しつつ、チャット内でのキーワード自動検知・専門家向け情報提案機能をDB設計からAPI実装まで一貫して担当。

  • 専門家向け情報提案エージェントの判定ロジックをDB設計(5テーブル)・API実装まで担当(関連PR 2件、約6,570行の追加)
  • 外部サービス連携による自動文書生成ロジックをLLM APIベースに移行(3件のLLM移行PR)
  • 質問タイプ(治療・鑑別診断・その他)に応じてプロンプトを動的選択する応答生成フローを設計・実装
  • テーブルドリブン形式のユニットテストを整備し、複雑な判定ロジックの品質を担保

専門家向けチャット機能の拡張(API・DB設計)

2026-01 ~ 2026-03 バックエンドエンジニア
Go PostgreSQL

専門家向けチャット画面へのMarkdown対応メモ機能追加、文献・ガイドライン参照表示の改善、ゲストユーザー向け機能の拡張など、複数の機能開発を担当。

  • Markdown対応メモ機能をDB設計・マイグレーション・API実装まで一貫して担当(約1,580行の追加、テーブルドリブンテスト込み)
  • 文献・ガイドラインの参照情報をメッセージ単位でマッピングするAPIを設計・実装(約700行の追加)
  • ゲストユーザー向け下書き・提案機能を権限チェック・認証フローと合わせて実装(約1,160行の追加)

開発基盤整備・リリースプロセスの自動化

2025-11 ~ 2026-02 開発エンジニア
GitHub Actions Go

リリースPRの自動生成ワークフロー導入、認証ミドルウェアの強化、CORSセキュリティ改善など、開発基盤の整備を担当。

  • ブランチ比較から本文・統計を自動生成するリリースPR自動化ワークフローを構築
  • 認証ミドルウェアを強化し、テーブルドリブン形式で正常系・異常系テストを整備
  • CORSオリジン判定ロジックを関数化し、ワイルドカード照合の安全な実装とテストを追加

株式会社and.d

2021-12 ~ 現在
フロントエンドエンジニア(業務委託)
【事業内容:Shopifyアプリ開発・ECストア構築】

ECストア向けAIチャットサポートシステムの新規開発

2025-11 ~ 現在 フルスタックエンジニア
TypeScript Next.js Node.js Shopify API LLM API PostgreSQL GitHub Actions

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整備・外部連携機能の開発

2025-07 ~ 2025-10 フロントエンドエンジニア
TypeScript React Stripe GitHub Actions Azure

既存ShopifyアプリのCI/CD整備、Shopifyネイティブインストールフロー対応、決済サービス連携のバグ修正など、機能拡張と開発基盤整備を担当。

  • API・フロントエンド・ウィジェットのCIをGitHub Actionsで整備し、自動テスト・ビルドを統合
  • Shopify側起点のネイティブインストールフローを設計・実装(既存の管理画面連携フローとの両立)
  • 決済サービスのキャンセルイベントがアプリに反映されない不具合を修正(Webhookフロー改善)
  • TypeScript strictNullChecksを有効化し、116ファイルにわたる型検査エラーを修正・型安全性を向上

ShopifyテーマカスタマイズとECストア構築

2021-12 ~ 2022-03 フロントエンドエンジニア
TypeScript Shopify Liquid

ShopifyテーマのOnline Store 2.0対応および機能カスタマイズを担当。

  • Shopify Online Store 2.0形式のテーマへの対応とスタイル調整を実施
  • カスタムセクション・ブロックを実装し、ストア独自の機能を追加

スマートキャンプ株式会社

2021-09 ~ 2025-02
フロントエンドリードエンジニア
【事業内容:SaaS比較サイトの開発・運営】

サイトフルリニューアル

2023-12 ~ 2024-12 フロントエンドリードエンジニア 最大13名(PdM 2 / FE 4 / BE 5 / デザイナー 2)
Next.js TypeScript React CSS Modules Storybook Ruby on Rails 7

SPAからSSRへの全面移行を伴うフルリニューアル。フロントエンドの技術選定・アーキテクチャ設計・CI/CD構築・メンバー育成を一貫して担当。

  • Next.js + pnpm workspacesによるモノレポ構成を採用。route handler / server actionsを活用し、セキュリティとBE連携を最適化
  • GitHub ActionsでOpenAPIクライアント自動生成・ECS自動デプロイを実現。ESLint / Prettier / stylelintを導入し、コード品質を標準化
  • トップ・サービス・カテゴリーページの構造を最適化し、Lighthouseで高スコアを達成。比較表機能をゼロベースでSSR再構築
  • ペアプロ・モブプロを通じてFE経験の浅いメンバーを支援。全員が自立してタスクを完遂できる状態に引き上げ

比較表機能リニューアル

2022-12 ~ 2023-10 開発エンジニア(PJリード) 5名(PdM 1 / エンジニア 3 / デザイナー 1)
TypeScript React Recoil React Hook Form Vite Vitest Ruby on Rails 6

約2年間停止していた比較表機能リニューアルを再始動。設計・開発・チーム調整を兼任し、カンバン方式で推進。

  • JSONカラムからRDBベースのスキーマに再設計。請求機能を障害ゼロでリリースし、売上への影響を回避
  • Vite導入によりビルド時間を1分→7秒、ホットリロードを30秒→1秒未満に改善
  • RESTful API設計方針をチームで合意形成し、実装のばらつきと手戻りを削減
  • React勉強会の主催、技術ブログの執筆

サービス運用保守

2021-09 ~ 2022-11 開発エンジニア 最大10名(PdM 2 / エンジニア 6)
Ruby on Rails 6 Vue.js 2.7 Node.js 14 TypeScript

約8年運用されてきたSaaSの機能追加・パフォーマンス改善・開発基盤の刷新を担当。

  • esbuild-loader導入 + Webpack5移行により、ビルド時間を6:43→1:43に短縮(約75%改善)
  • yarn workspaceでjQuery / Vue.js / React混在環境を統合。環境構築ミスをゼロに
  • Slack Bot(Serverless Framework)を開発し、ボタン操作でPR確認・GitHub Actions実行を可能に。リリース頻度を向上させ、半年以上継続運用

株式会社フォトラクション

2020-05 ~ 2021-08
フロントエンドエンジニア
【事業内容:建設業界向け自社サービスの開発・提供】

電子小黒板機能フルリニューアル

2021-06 ~ 2021-08 フロントエンドエンジニア
Vue.js Vite Backbone.js Atomic Design

工事写真撮影プロセスの効率化を目的に、電子小黒板機能をフルリニューアル。Backbone.js→Vue.jsへの移行とVite導入によるビルド高速化を実現。

労務安全サービスのマイクロサービス化

2020-11 ~ 2021-05 フロントエンドエンジニア
Nuxt.js Vue.js GitHub Actions AWS ECS

Laravel本体と密結合していたフロントエンドを分離し、独立リリース可能な構成に刷新。Vue.js→Nuxt.js移行、GitHub ActionsによるECS自動デプロイ環境を構築。

新規労務安全サービスの開発

2020-05 ~ 2020-11 フロントエンドエンジニア
Vue.js Nuxt.js Nest.js PSPDFKit

建設現場の労務安全書類をDX化するサービスを開発。クライアントサイドで動作が遅かったPDF生成処理を、Nest.jsによるサーバーサイドAPIに移行してパフォーマンスを改善。

株式会社キーリンク

2019-07 ~ 2020-04
フロントエンドエンジニア
【事業内容:Webアプリケーションの受託開発】

建設業界向け現場管理サービス

3ヶ月 フロントエンドエンジニア
Vue.js

Vue.jsでのプロトタイプ開発、API設計・実装

アパレル業界向け生産管理システム

3ヶ月 フロントエンドエンジニア
React Vue.js GCP

React / Vue.jsでの実装、GCPインフラ構築

建設業界向け入退場管理アプリ

3ヶ月 フロントエンドエンジニア
Vue.js Jenkins

Vue.jsコンポーネント実装、JenkinsによるCI構築

ニスコム株式会社

2017-04 ~ 2019-03
インフラエンジニア
【事業内容:インフラ設計構築・運用】

サーバ設計・構築業務

9ヶ月 インフラエンジニア
Windows Server

Windows Serverの詳細設計・構築、顧客折衝、テスト仕様書作成

大学系ネットワーク運用・保守

9ヶ月 インフラエンジニア
Linux ネットワーク機器 監視サーバー

ネットワーク機器リプレース、監視サーバー構築、firewall設定

Stats

401
マージ済みPR数
381289+
コード貢献量(行)
72
公開リポジトリ数
9年+
エンジニア経験