林悠暉

林悠暉

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サジェスト機能の新規開発(フルスタック)

2026-02 ~ 2026-03 フルスタックエンジニア(業務委託)
TypeScript React / Next.js Go OpenAPI / orval PostgreSQL

医療専門家向けチャット相談画面に、専門家向け情報提案機能をゼロから設計・実装。フロントエンド・バックエンド(Go)・DB設計・OpenAPIスキーマ定義を横断して担当した。

  • キーワード検知ロジックとDB設計(マスタ・中間・ログテーブル群)を新規設計し、バックエンド(Go)・フロントエンドを合わせて計10,000行超を実装(関連PR 9件)
  • フローティングボタン・パネルのコンポーネント群を新規実装。フック・遅延表示タイマー・自動スクロール・アニメーションを含む高品質なUXを実現
  • OpenAPIスキーマ定義と自動生成クライアント(orval)を活用したスキーマ駆動開発を推進。フロント・バック間の型整合性を担保

Markdown対応メモ機能・引用論文可視化の実装(フルスタック)

2026-01 ~ 2026-03 フルスタックエンジニア(業務委託)
TypeScript React / Next.js Go OpenAPI Storybook

相談回答者向けのMarkdown形式メモ機能、および引用論文の権威性可視化機能をDB設計からフロントエンドまで一貫して担当。既存コンポーネントの再設計・リファクタリングも含む。

  • メモ機能のDB設計・Go APIルート実装・フロントエンドコンポーネントをすべて担当(関連PR 6件、約2,300行の追加)
  • 引用論文をマークダウン内で解析・集約し、医学ジャーナルの権威性バッジ・ツールチップを実装(約2,000行の追加)
  • コンサル画面のOpenAPIスキーマ構文エラーを修正し、自動生成クライアントを全面再生成(133ファイル変更)

チャットUX改善・フロントエンド開発基盤整備

2025-02 ~ 2026-02 フロントエンドエンジニア(業務委託)
TypeScript React / Next.js Storybook Vitest MSW

チャット相談フローの継続的なUX改善とバグ修正を担当。Next.jsのメジャーバージョンアップや、Storybook運用方針・AI開発ツール設定の整備など、開発基盤の強化も推進。

  • 入力フォームのコンパクト/展開切り替えUIや相談フローへの追加確認ステップ等、UX改善を複数実施(関連PR 10件以上)
  • Next.js のメジャーバージョンアップを担当。型の厳密化・テスト更新・設定調整を含む約900行の移行作業を実施
  • Storybook運用方針を文書化しチームに展開。AI開発エージェント向けルールファイル(AGENTS.md・Cursorルール)を整備し、開発効率を向上
  • スクロール位置ズレ・入力欄高さリセット等の複数バグをテスト付きで修正

株式会社and.d

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

AI搭載カスタマーサポートシステムの新規構築

2025-11 ~ 2026-02 フルスタックエンジニア(業務委託)
TypeScript Next.js Node.js PostgreSQL GitHub Actions LLM API

ECストアのストアフロントに埋め込み可能なAIチャットCSシステムをゼロから設計・構築。LLM(ChatGPT)によるカスタマー対応自動化、注文キャンセル・商品検索機能のShopify連携、Admin管理画面の開発を一手に担当。

  • DB設計・API設計からフロントエンドまで一貫して担当。ストアフロント埋め込みチャットウィジェット・注文キャンセル機能・商品検索機能を実装(関連PR 15件以上、約20,000行の追加)
  • チャット処理のアーキテクチャを段階的にリファクタリング。LLMへのクエリ変換→検索→ストリーム生成のAIパイプラインをサービス層として抽出し、保守性を向上
  • Shopify OAuth認証フロー(Admin画面上のアプリ表示・インストール)を実装。複数環境(開発/本番/カスタム)への対応を含むCI/CDデプロイワークフローを構築
  • LLM応答で答えられない場合の専用UIや、埋め込み環境での表示最適化など、実用性を考慮した品質改善を継続実施

Shopifyアプリ開発・ECカスタマイズ

2021-12 ~ 2025-10 フロントエンドエンジニア(業務委託)
TypeScript Next.js Vue.js Shopify API Liquid

ギフト機能・配送・テイクアウト対応など複数のShopifyアプリを開発・運用。Shopify OS 2.0への対応、TypeScriptの型安全性強化、Shopify認証フロー実装など、継続的な品質改善を担当。

  • ギフト機能・配送日時指定・テイクアウト対応など、EC業務に特化した複数のShopifyアプリを開発(2021-12〜2022)
  • 既存アプリへのShopify OS 2.0対応・Shopifyインストールフローの実装(Admin画面からのインストールと通常フローの二系統対応)を担当
  • TypeScript strict mode(strictNullChecks)対応により、型安全性を大幅に強化(116ファイル、721行の修正)
  • 依存ライブラリのバージョン競合を解決し、ビルドエラーを修正するなど運用保守を継続実施

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

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

402
Merged PRs
in Organization
381673+
Lines Contributed
in Organization
72
Public Repos
Personal GitHub
9+
Years of Experience
as Software Engineer