© 2026 Makoto Katayori

About Me

ソフトウェアエンジニアとしてのプロフィールと職務経歴

Profile

ソフトウェアエンジニアとして、Web開発を中心に幅広い技術領域に携わっています。

2020年8月からフリーランスエンジニアとして活動し、不動産関連Webサービス(Next.js + GraphQL)、飲食店向けモバイルオーダーシステム(Vue2→Vue3移行)、BtoB SaaSプラットフォーム(Next.js + TypeScript)など、様々なプロジェクトに参加してきました。

バックエンド、フロントエンド、インフラまで幅広く対応可能。特にフロントエンド開発においては、モダンなSPA開発、テスト設計、リファクタリング、モノレポ運用などの経験があります。

Career

2024年8月 - 2026年1月•1年5ヶ月

不動産関連Webサービス

フロントエンド・バックエンドエンジニア

Next.js と GraphQL を扱ったモダンなプロジェクトのバックエンドからフロントエンドまでを一貫して対応。ABテストの基盤整備・運用・モニタリング、ログ監視、パフォーマンスチューニング、キャッシュ戦略、SEO最適化を実施。Google Maps API(クラスター表示、Geocoding API、Routes API)を活用した実装を担当。

担当業務
  • 仕様レビュー
  • デザインレビュー
  • 実装
  • テスト実装
  • コードレビュー
  • 結合テスト
技術スタック
  • Next.js
  • GraphQL
  • Google Maps API
  • ABテスト
  • Cypress
2021年11月 - 2024年8月•2年9ヶ月

飲食店向けモバイルオーダーシステム

フロントエンドエンジニア

飲食店での注文をweb上で行えるサービス。ユーザー向け、ホールスタッフ向け、店舗管理者向け、社内管理画面など複数サービスのフロントエンド開発を担当。Vue2からVue3へのリプレイス(composition-api, script setup構文)、テスト基盤の移行(Jest→Vitest)、パッケージ管理ツールのpnpm化、husky・Storybook導入などモダン化を推進。

担当業務
  • 仕様レビュー
  • デザインレビュー
  • 実装
  • テスト実装
  • コードレビュー
  • 結合テスト
技術スタック
  • Vue2
  • Vue3
  • Composition API
  • Jest
  • Vitest
  • pnpm
  • husky
  • Storybook
2022年2月 - 2023年12月•1年10ヶ月

BtoB SaaSプラットフォーム

フロントエンドエンジニア

Next.js + TypeScriptの新規開発。ユーザー向け・管理者向けなど複数サービスをモノレポで運用。MUIベースの社内UIパッケージを活用。OpenAPIでスキーマ定義を行いBEと型を共有。react-hook-formを使った状態管理とバリデーション、Jest・react-testing-libraryを使ったテスト設計・実装を担当。

担当業務
  • フロントエンド開発・レビュー
  • コンポーネント設計
  • UI構築
  • 状態管理・バリデーション実装
  • API連携
技術スタック
  • Next.js
  • TypeScript
  • MUI
  • OpenAPI
  • react-hook-form
  • Jest
  • react-testing-library
  • モノレポ
2021年8月 - 2022年2月•6ヶ月

転職マッチングサービス

フロントエンドエンジニア

Nuxt.js + TypeScriptで構成されているフロントエンド開発を担当。Jestを導入しており、ユニットテスト、スナップショットテストの実装を実施。OpenAPIを使用した開発を経験。

担当業務
  • フロントエンド開発
  • 既存機能の改修
  • 新規機能の実装
  • Jestテスト実装
技術スタック
  • Nuxt.js
  • TypeScript
  • Jest
  • OpenAPI
2020年6月 - 2021年8月•1年2ヶ月

CtoC レンタルプラットフォーム(Web管理画面)

フロントエンドエンジニア・インフラエンジニア

レンタル事業者向け管理画面開発。Laravel-mix + Vue.jsの既存サイトをNuxt.js + TypeScriptに置き換え。ESLint・Prettier・StyleLintの導入、GitHub ActionsでのPR時のlinter実行によりコードレビュー負担を軽減。Atomic Designをベースにしたコンポーネント設計やStorybookの導入などモダンフロントエンド技術を実践。

担当業務
  • フロントエンド開発
  • インフラ構築
  • コンポーネント設計
  • CI/CD構築
技術スタック
  • Nuxt.js
  • TypeScript
  • Atomic Design
  • Storybook
  • ESLint
  • Prettier
  • StyleLint
  • GitHub Actions
2020年8月 - 2021年6月•10ヶ月

CtoC レンタルプラットフォーム(アプリ)

フロントエンドエンジニア・インフラエンジニア

ユーザー間でのレンタルを実現する C to C レンタルプラットフォームのアプリ開発。Vue.js + OnsenUI + webview構成で、axiosを使用したAPI連携、新規画面の追加・設計、webkitによるnative連携を担当。コンポーネント化による既存コードのリファクタリングやESLint・Prettierの導入を実施。

担当業務
  • フロントエンド開発
  • インフラ構築
  • API改修
  • リファクタリング
技術スタック
  • Vue.js
  • OnsenUI
  • webview
  • axios
  • ESLint
  • Prettier
2020年4月 - 2020年7月•3ヶ月

顧客管理システム(新規開発)

フルスタックエンジニア

顧客情報を一元管理するCRMシステムの新規開発。ワイヤーからVuetifyを利用したフロントエンド実装、API作成、AWSの環境構築(VPC, RDS, EC2, S3)、CodePipelineを使用したCI/CD実装を担当。外部開発会社とのAPI連携における仕様共有も実施。

担当業務
  • フロントエンド開発
  • API開発
  • インフラ構築
  • デザイン・UI・UX
  • 外部連携
技術スタック
  • Vuetify
  • AWS (VPC, RDS, EC2, S3)
  • CodePipeline
  • Salesforce API
2020年3月 - 2020年4月•1ヶ月

IoTデータ連携システム

フルスタックエンジニア・プロジェクトマネージャー

IoTデバイスからの位置情報・走行データを記録し、社内システムにデータを登録するシステムの開発。外部サービスとのAPI連携、バッチ処理、管理画面の開発を担当。

担当業務
  • アジャイル開発・進捗管理
  • フロントエンド開発
  • API開発
  • インフラ構築
  • デザイン・UI・UX
技術スタック
  • Vue.js
  • Laravel
  • AWS
  • バッチ処理