・LINEミニアプリの開発実装 / フロントエンドエンジニア / フロントエンドエンジニア 2021年11月 〜 2024年3月

■ 担当業務 フロントエンド実装： Vue2/ Vue 3 / Nuxt 3 / TypeScript を用いた高精度な実装 品質管理： チーム（6名）内での相互コードレビュー、不具合修正 上流工程参画： 要件定義・詳細設計のレビューおよび技術的観点からの指摘 基盤構築： GitHubリポジトリ作成を含む開発環境・CI/CD周りのセットアップ ■ 技術スタック・環境 言語/FW： Vue.js (v3系), Nuxt 3, TypeScript, SCSS 実行環境： Node.js (v18系), yarn 開発ツール： GitHub, Mac, Cross-Browser対応（Chrome/Safari/Mobile）

・大手コンビニ社の管理画面のVue3へのアップデート対応 / フロントエンドエンジニア / フロントエンドエンジニア 2021年11月 〜 現在

■ 担当業務 最新フレームワーク実装： Nuxt 3 (v3.7.1) および TypeScript を用いた、保守性の高いコンポーネント実装 コード品質の担保： チーム内での詳細なコードレビュー対応を通じた品質管理 リモート連携： 在宅勤務体制において、GitHubを活用した円滑なチーム開発と進捗管理 ■ 技術スタック・環境 言語/FW： Nuxt 3, TypeScript 実行環境： Node.js (v20系), yarn 開発ツール： GitHub, Mac, クロスブラウザ対応（Chrome/Safari）

・大阪万博関連のLP画面の開発実装 / フロントエンドエンジニア / UI/UXデザイナー・フロントエンドエンジニア 2021年11月 〜 現在

■ 担当業務 要件定義・PMコンサル： 未確定な要件に対し、技術的観点からPMと調整・提案を行い、仕様を確定。 フロントエンド詳細設計： 実装効率と保守性を考慮したコンポーネント構成および詳細設計の作成。 デザイン・技術レビュー： デザイン案や設計書に対するレビュー指摘を行い、開発手戻りを未然に防止。 高精度実装： React v18 / TypeScript を用いた、大規模案件に耐えうる堅牢な実装とコードレビュー。 ■ 技術スタック・環境 言語/FW： React (v18.2), TypeScript, SCSS 実行環境： Node.js (v18系), yarn 開発ツール： GitHub, Mac, クロスブラウザ対応

・大規模チャットコミュニティサービス：フルスタック開発 / フロントエンドエンジニア/バックエンドエンジニア 2024年4月 〜 現在

■ 担当業務 フルスタック開発： フロントエンド（React）からバックエンド（NestJS）まで一気通貫で担当。Viteによる高速なビルド環境下で、効率的かつモダンな開発フローを実践。 管理システムの実装： サービス運営に不可欠な高度な管理機能を実装。大量のデータを扱う複雑なロジックをバックエンドで最適化し、ユーザーフレンドリーなUIで提供。 堅牢なAPI設計： NestJSを用いた、スケーラビリティと保守性の高いバックエンド・アーキテクチャの構築。 ■ 技術スタック・環境 フロントエンド： React, Vite, TypeScript バックエンド： NestJS (Node.js) 開発ツール： Git, Mac, 高速ビルド環境(Vite)

・TravelDXのWebページの作成 / フロントエンドエンジニア・マネージャー / UI/UXデザイナー・フロントエンドエンジニア・プロジェクトマネージャー 2021年1月 〜 2021年10月

■ 担当業務：マネジメント・上流工程 要件定義・プロダクト設計： 経営層（社長）からの抽象的な要望を具体的な要件へ落とし込み、外部パートナー（協力会社）との技術調整を主導。 チームリード： メンバーへのタスク割り振り、進捗管理、およびコードレビューを通じた品質担保。 ビジネス基盤構築： 決済プラットフォーム（Stripe）の導入、GitHub/Slack等の開発インフラ整備を一手に担当。 ■ 担当業務：実装・品質管理 フロントエンド開発： React (v17) / TypeScript を用いた、メンテナンス性の高いプロダクト実装。 デザイン・UX監修： 専任デザイナー不在の環境下で、エンジニア視点から使い勝手や一貫性を考慮したデザインレビューおよび改善提案を実施。 データ構造設計： 外部APIとの連携を考慮したデータ構造の提案、および複雑なツアーデータの整理。 ■ 技術スタック・環境 言語/FW： React (v17.0), TypeScript, SCSS 実行環境： Node.js (v12系), yarn ツール： Stripe (決済), GitHub, Slack, Google Spreadsheet

・翻訳サービス 「T-M3T」のUI/UX改善 / フロントエンドエンジニア / UI/UXデザイナー・フロントエンドエンジニア 2020年7月 〜 2020年12月

■ 担当業務：UI/UX・デザイン提案 UI/UX調査・改善提案： 既存画面のユーザービリティを徹底的に調査。課題抽出から具体的な改善案の策定までを主導。 デザイン・プロトタイプ作成： 改善案を視覚化するため、簡易的なワイヤーフレーム（WF）およびデザイン案を自ら作成。開発着手前のイメージ共有と合意形成を迅速化。 モダンCSS設計： SCSSを用いたメンテナンス性の高いスタイル設計を構築。 ■ 担当業務：フロントエンド実装 VuetifyによるUI実装： UIコンポーネントライブラリ（Vuetify）を駆使し、機能的かつ洗練された管理画面・ユーザー画面を Vue.js (v2) にて構築。 マルチデバイス・ブラウザ対応： Chrome/Safariに加え、IEを含むクロスブラウザ環境での安定した動作を担保。 ■ 技術スタック・環境 言語/FW： Vue.js (v2.6), Vuetify, SCSS, JavaScript (ES6) 実行環境： Node.js (v12系), yarn 開発ツール： Git, Mac

・スタディサプリ進路におけるUI/UXデザインのマークアップ対応(客先常駐業務) / フロントエンドエンジニア / UI/UXデザイナー・フロントエンドエンジニア・HTMLコーダー・マークアップエンジニア 2018年8月 〜 2020年6月

■ 担当業務：ディレクション・設計 上流工程・顧客折衝： 要件定義やスケジュール調整を行い、デザイナー・バックエンド各担当者への技術的ブリッジを担当。 技術選定・提案： APIデータ構造の定義や実装方針の策定。チーム内へのGitレクチャー実施など、開発環境の改善。 運用最適化： 共通モジュール化、Vue.jsを用いたコンポーネント設計により、保守性の高いコードベースを構築。 ■ 担当業務：実装・パフォーマンス改善 多機能UI実装： カレンダー機能、TikTok風UI、動画再生（Brightcove）など、リッチなユーザー体験をReact以前の環境（Vue 2 / Velocity）で実現。 Lighthouseによる最適化： 表示速度改善（Lazyload実装、Minify化等）を行い、検索エンジンとユーザー体験の両面を強化。 ABテスト・分析： KARTEやAdobe Analyticsを活用。データに基づいたUI改善（A/Bテスト）の設計・実装を完遂。 ■ 技術スタック・環境 言語/FW： Vue.js (v2.5), JavaScript (ES6), jQuery, Velocity, SCSS ツール： Node.js / npm, Gulp, Git / SVN, Lighthouse 解析： Adobe Analytics, KARTE, Brightcove

・リクナビ企業側管理画面のエンハンス業務 (客先常駐業務) / フロントエンドエンジニア / フロントエンドエンジニア・HTMLコーダー・マークアップエンジニア 2018年3月 〜 2019年7月

■ 担当業務 厳格なクロスブラウザ実装： IE9を含むレガシーブラウザから最新ブラウザまで、一貫した表示・動作を担保する堅牢なコーディング（HTML5/CSS3/JavaScript）を完遂。 管理システムのUI改善： 登録者ステータス管理画面などの複雑な情報を扱うページのUIデザイン修正・機能改修を行い、運用効率を向上。 モダンなビルド環境での開発： npm / Gulp を用いたタスク自動化・ビルド環境を駆使し、品質を維持した効率的な開発を遂行。 Gitによる納品管理： Gitを用いたソースコード管理および、クライアントへの納品プロセスを正確に担当。 ■ 技術スタック・環境 言語： HTML5, CSS3, JavaScript 開発ツール： npm, Gulp, Git 対応環境： Windows (IE9〜), Mac (Chrome / Safari)

・リクナビにおけるエンハンスマークアップ対応(客先常駐業務) / フロントエンドエンジニア / フロントエンドエンジニア・HTMLコーダー・マークアップエンジニア 2017年4月 〜 2018年2月

■ 担当業務 影響範囲の徹底調査： 大規模サイトにおけるCSS/JS改修が他ページに与える影響を事前に調査・分析。デグレーション（品質低下）を防ぐ安全な開発を遂行。 検索・ナビゲーションUIの最適化： 検索結果画面のカセットデザイン変更、スクロール制御の不具合修正、共通フッターの改修など、ユーザー体験に直結する箇所のUI実装。 マルチデバイス対応： レスポンシブ設計に基づき、PCおよびスマートフォン双方に最適化されたUIコンポーネントの実装。 モダン開発環境への適応： WebpackやES6を用いたビルド環境下での開発。npmによるパッケージ管理を含めた標準的なフロントエンド開発フローを完遂。 ■ 技術スタック・環境 言語/FW： HTML5, CSS3, JavaScript (ES6), jQuery 開発ツール： Webpack (v2系), Node.js (v6系), npm, Git 対応環境： Chrome, Safari, IE