M・Y

製造現場での機材管理をするシステムの新規開発プロジェクトです。プロジェクトマネージャーが1名、エンジニアが4名の体制です。 フロントエンドからバックエンドまで一貫して機能の実装をしました。またデータベースのテーブル設計も行いました。 Claude Codeを使用して実装をしています。FigmaやPlaywrightのMCPと連携してほとんどのコードをAIで書きました。 Web Workerを使ってブラウザでの画像最適化を並列で行う機能の設計をしました。

• React
• Go
• TypeScript

Vueで構築されたWebサイト・アプリをReactへ移行するプロジェクトです。 フロントエンドエンジニアとして各機能の移行作業を行いました。 Vueで作られたコンポーネントをReactへ移行をしました。 既存のVueに依存してる処理を剥がしてVueとReactどちらからも使えるようにする開発をしました。

• React
• Vue.js
• TypeScript

パーソナルジムの比較メディアサイトをOrizmを使って構築しました。 フロントエンドエンジニアとして実装業務を担当し、顧客との打ち合わせの参加や要件定義も行いました。

• React
• Next.js
• Vercel
• TypeScript

料理メディアサイトの開発・運用案件です。フロントエンドエンジニアとして開発ツールのバージョンアップを対応しました。

• Vue.js
• Ruby
• Ruby on Rails

様々な商品比較を行うメディアサイトの開発、運用案件です。 フロントエンドエンジニアとして新機能の実装や改修、不具合調査などを担当しました。 またAIを用いてどんなことができるかの検証なども行いました。

• React
• Next.js
• TypeScript
• Vercel
• OpenAI API
• Python

自社サービスのECサイト（アプリ）の注文履歴画面のリニューアルプロジェクトです。 フロントエンド側の実装及びバックエンドのAPIの実装を行いました。 リニューアルプロジェクトのためデータベースはそのままに新しい画面に合わせてAPIの設計と実装を行いました。

• React
• TypeScript
• Next.js
• Kotlin
• Spring Framework
• PostgreSQL

jQueryで作られた見積もりアプリをReactを使ってリニューアルするプロジェクトです。 フロントエンドエンジニアとして技術選定、設計、実装を行いました。 プロジェクト開始時点でReactなどのモダンフロントエンド技術を使っていなかったため技術選定から担当しました。 また仕様書がない中で既存の実装から仕様を起こしビジネスサイドと共有できる状態も作りました。 サーバーサイド側が基本的にそのままでしたが一部フロントエンドの改修に合わせての修正も行いました。

• React
• TypeScript
• Next.js
• Java
• TanStack Query