M・T

ゴルフメディアサイトの保守開発案件。 既存サービスの保守開発を中心に、不具合調査・修正および機能改善に従事しました。また、Playwrightを用いたVRTテストの作成・整備や、Claude Code Skills の作成による開発支援環境の整備、作業標準化も担当しました。

• Next.js
• CSS Modules
• TypeScript
• Playwright

toC（エンドユーザー）向けのスタンプラリー機能をベースとしたキャンペーンWebアプリケーションと その管理システムを提供するプラットフォーム。 Fastify から Hono への移行およびクーポンウォレット機能の追加を担当しました。 移行対応では Claude Code のスキル整備を含む開発手順の整備や、Cloud Run へのデプロイ作業などを実施しました。 クーポンウォレット機能については、フロントエンド／バックエンドを通して一貫して担当しました。

• Next.js
• Hono
• Fastify
• Firebase
• Firestore
• Biome
• Tailwind CSS
• SWR

公営競技Webアプリデザイン資材作成。 公営競技向けWebアプリのデザイン資材作成を担当いたしました。 Next.jsを用いてデザインコンポーネントおよびプロトタイプページを構築し、デザイナーと連携のうえ、フロントエンド実装やPRレビューも担当いたしました。

• Next.js
• Swagger
• SCSS
• Playwright

CMSの繋ぎ込みやCanvasを用いたアニメーションの実装、採用ページの作成を担当いたしました。

• Gatsby
• styled-components

社内で利用するオフショア開発チームのアサイン・稼働状況を管理するシステムの開発およびタスク管理業務を担当。 Next.js の Server Actions、Supabase、Drizzle を用いて、バックエンド処理およびフロントエンド開発を行いました。 また、AIアシスタントツール Dify と API 連携し、履歴書データから必要な情報を抽出してデータベースに自動保存する処理の実装にも取り組みました。

• Next.js
• Supabase
• PostgreSQL
• Tailwind CSS
• Zod

スポーツの試合結果に基づいたベッティング機能を備えた Web アプリケーションのフロントエンド開発を担当。 GraphQL によるデータ取得・更新処理に加え、WebSocket を用いたサブスクリプションで、ベット結果情報のリアルタイム更新に対応しました。Jotai による状態管理、Framer Motion を用いたアニメーションの実装を行い、ユーザーの操作内容やリアルタイムな試合状況に応じて、コンポーネントの動的な表示切り替えや状態遷移を制御する処理を実装しました。

• Next.js
• Tailwind CSS
• Apollo Client
• React Hook Form
• Zod

美容医療予約システムの保守を担当。Firebaseを利用したシステム運用およびデータ管理を行い、障害対応や機能改善を通じてシステムの安定稼働を支援しました。

• Next.js
• Firestore
• Firebase
• Tailwind CSS

ファッションレンタルのサブスクリプション型ECサイトの追加開発を担当。Twigを使用したフロントエンドコンポーネントの再設計、Selenium・Laravel Dusk・GitHub ActionsによるUI自動テストの作成、Laravelを用いたユニットテストの作成および実行を行いました。さらに、追加開発に伴うデータベース操作やバックエンド開発、サイト速度改善を目的とした最適化作業にも取り組みました。

• Laravel
• MySQL

求人プラットフォームの開発において、フロントエンドの実装、API連携対応、設計確認を担当。仕様変更が頻繁に発生する中で、柔軟な対応を可能にするためフロントエンドのリファクタリングを実施しました。あわせて、Pull Requestレビューによるコード品質の確認や、オフショアチームとの連携・調整、仕様の把握および整合性の確認にも取り組みました。

• Next.js
• Tailwind CSS
• TanStack Query
• React Hook Form
• Yup
• Swagger

フォーマルウェアのサブスクリプション型ECサイト開発において、フロントエンドの設計・実装を担当。LaravelベースのAPIとの連携・繋ぎ 込みを行い、サイトの動作確認およびテストを実施しました。

• Next.js
• React Hook Form
• TanStack Query
• Laravel
• Zod
• Swagger

モバイルアプリとAPIデータ連携の実装、実機を用いたデバッグおよび動作確認を行いました。他社が作成したモバイルアプリの仕様を理解し、それに沿ったWebViewの設計・開発を行いました。

• Vue.js
• PHP

大手自動車メーカー向け作業機械取り扱い店舗検索サイトの開発を担当。旧サイトのデータベースからCSV形式でデータを取得し、Node.jsスクリプトを作成してJSON形式に変換しました。変換後のデータを活用して店舗情報表示画面を開発し、さらにZENRIN Maps APIと連携して地図上に店舗情報を表示する機能を実装しました。

• React
• Astro
• SCSS

警備センサー用Webアプリのプロトタイプ開発を担当。UI設計およびフロントエンド設計を行い、フロントエンドからバックエンドへのAPI設計・実装を担当しました。あわせて、APIの繋ぎ込み対応も実施しました。

• React
• Laravel
• Tailwind CSS

大手自動車メーカー向けイベントプラットフォームサイトの開発を担当。外部会社が作成したバックエンドとのAPI連携および繋ぎ込み対応を行い、複雑なチケットシステムや多様な条件に対応したAPI接続作業を担当しました。バックエンドとの整合性を保ちながらAPI接続部分の仕様調整を進め、あわせてフロントエンドの設計・開発、Auth0を使用した認証機能の実装にも取り組みました。

• EJS
• TypeScript
• SCSS
• Auth0

大手ショッピングモールのCMS開発に携わり、フロアマップ機能のフロントエンド開発を担当しました。また、管理画面の作成および運用機能の実装も行いました

• Laravel
• MySQL

タイムテーブル表示用APIの設計・開発を行い、フロントエンドとバックエンドの双方を実装しました。要件に基づくデータベース設計および最適化を実施し、API繋ぎ込みによるフロントエンドとバックエンドの連携対応も担当。あわせて、バックエンドシステムの運用保守にも取り組みました。

• MariaDB
• PHP

WordPressテーマの作成およびプラグインの編集・カスタマイズ、サイトリリース作業、運用保守を行いました。さらに、WordPressマルチサイトの構築・管理や、Nuxt.jsを使用したサイト開発にも携わり、計10サイトの開発・公開までを担当しました。

• WordPress
• Nuxt.js