shogo_geckou

・Vue.js / Nuxt 3 開発

商品数93万点規模のBtoB向けECサイトでNuxt 3基盤をゼロから設計・構築。設計から実装、テスト・CI/CDの整備まで一貫して対応できます。

・React / Next.js開発

Next.js 15 + React 19 で自社プロダクトを開発。Vue / Nuxtで培った設計力をベースに、React系プロダクトの立ち上げにも対応します。

・UIデザイン・デザインシステム

FigmaでのUIデザインとコンポーネントライブラリの構築・運用まで対応。5サイト横断でデザインを統一した実績があります。

・表示速度・パフォーマンス改善

SSG化やレンダリング最適化により、LCP 4.0秒→0.8秒（80%短縮）、Lighthouseスコア99を達成した実績があります。

・WordPressサイト制作

コーポレートサイトやLPをデザインから実装・運用まで対応。継続保守やリニューアルの実績もあります。

・BtoB向け大規模ECサイトのフロントエンド開発（テックリード） / テックリード（業務委託） / Webデザイナー・UI/UXデザイナー・フロントエンドエンジニア・Eコマース開発エンジニア 2021年5月 〜 現在

■ 概要 バイク・自転車・自動車部品を扱う、商品数約93万点・会員数10万人超のBtoB向けECサイト。同一プロジェクトに4年以上継続して参画し、フロントエンドの設計・実装・運用改善を一貫して担当しています。 ■ 体制 PM 1名／デザイナー 1名（自身）／フロントエンド 2名（自身＋1名）／バックエンド 1名 リポジトリ全体のコミットの半数以上を担当し、最多コントリビューターとして開発を牽引。 ■ フェーズ1（2021/05 - 2023/01）商品検索サービスの構築 ・Nuxt 2 による商品検索サイトの全体デザイン ・フロントエンドの設計〜実装 ■ フェーズ2（2023/02 - 2024年末）Nuxt 3 基盤の新規構築と全面リプレイス ・Nuxt 3 でフロントエンド基盤をゼロから設計・構築（ディレクトリ構成、状態管理、API層、テスト方針をすべて設計） ・2019年から稼働していた既存サイトを一括で切り替え ・www / moto / cycle / car / tool の5サイトを単一Nuxtアプリで出し分ける構成を実装 ・全サイトのUIデザインを一人で担当。Figmaでコンポーネントライブラリを構築し、5サイト横断でデザインを統一・運用 ・Algoliaによる商品検索、Firebase、決済・3Dセキュア、GA4 eコマース計測の実装 ・コーディング規約を策定し、以降継続して運用 ■ フェーズ3（2025/01 - 現在）継続的な改善とパフォーマンス最適化 ・SSGプリレンダー化、CSSインライン化、preload注入スクリプトの自作によるレンダリング最適化 ・LCP 4.0秒 → 0.8秒（80%短縮）、FCP 1.3秒 → 0.5秒、Speed Index 2.1秒 → 1.0秒、Lighthouseパフォーマンススコア99を達成 ・認証基盤の刷新（エンドポイント一本化、Cookie設計、旧方式のフォールバックを残した段階移行） ・Vitest / Playwright によるユニット・E2Eテスト基盤の整備（テストファイル88件） ・GCP Cloud Build によるCI/CD構築 ・AI向けコンテキストドキュメントを整備し、AIコーディングエージェントによる実装・レビューを開発フローに導入 ■ 担当範囲の規模 Vueコンポーネント222件／ページ86件／composables 47件／TypeScript 286ファイル／約92,800行 ■ 主な使用技術 TypeScript / Vue.js（Nuxt 3）/ HTML / CSS（SCSS・CSS Modules）/ Algolia / Firebase / GCP（Cloud Build）/ GA4 / Vitest / Playwright / Figma / GitHub

・自社プロダクト開発（Next.js 15 / Expo / Firebase） / 代表社員（自社サービス） / UI/UXデザイナー・フロントエンドエンジニア・iOSエンジニア・Androidエンジニア 2026年4月 〜 現在

■ 概要 自社プロダクト2本（AI占いアプリ、BtoB向けSNS運用支援SaaS）を、Turborepoによるモノレポ構成（Next.js 15 + Expo + Firebase Cloud Functions）で開発。Web・モバイル・バックエンドを横断して担当。実装にはAIコーディングエージェントを全面的に活用し、アーキテクチャの設計と成果物のレビュー・採否判断を自身が担う体制で開発しています。 ■ 対応内容 ・Next.js 15（App Router）+ React 19 によるWebアプリの設計・実装 ・Expo / React Native によるモバイルアプリの設計・実装（iOS実機検証まで） ・Firebase（Auth / Firestore / Functions / Hosting）による3環境構成の設計 ・OpenAI / Anthropic を切り替え可能なLLMプロバイダー抽象層の設計・実装 ・Cloud Tasks + Expo Push による通知基盤、ディープリンク連携の実装 ・型定義・UI・課金判定を共通パッケージ化したモノレポ設計 ・AIコーディングを前提とした開発テンプレートを整備し、社内プロジェクトへ横展開 ■ 規模 TypeScript 約54,000行／画面37件／テストファイル72件（プロダクト2本＋テンプレート合計） ■ 主な使用技術 TypeScript / React 19 / Next.js 15 / React Native（Expo）/ Zustand / Tailwind CSS / Turborepo / Firebase / Cloud Functions / Cloud Tasks / OpenAI・Anthropic API / Vitest / Figma / GitHub

・案件管理画面のリニューアル / フロントエンド（業務委託） / UI/UXデザイナー・フロントエンドエンジニア 2022年3月 〜 2023年3月

■ 概要 案件管理画面のリニューアルを、デザインからフロントエンド実装まで担当（上記EC案件と並行稼働）。 ■ 対応内容 ・管理画面のUIデザイン（Figma） ・フロントエンドの設計〜実装 ■ 主な使用技術 TypeScript / Vue.js（Nuxt）/ HTML / CSS（SCSS）/ Figma / GitHub / Slack

・自社サービス「STEWP」の企画・開発 / 代表社員（自社サービス） / Webデザイナー・UI/UXデザイナー・フロントエンドエンジニア 2020年10月 〜 2021年5月

■ 概要 WordPressのウィジェットをノーコードで作成できるサービスを、自社プロダクトとして企画から開発まで担当（現在は提供終了）。 ■ 対応内容 ・サービス全体の企画・設計 ・UIデザイン ・フロントエンドの実装 ■ 主な使用技術 JavaScript / Vue.js / HTML / CSS（SCSS）/ WordPress / PHP / Figma / GitHub

・ECサイトをメディア化するCMSの改善 / フロントエンド（業務委託） 2019年5月 〜 2020年10月

■ 対応内容 ・開発環境およびUIの改善 ・コードのリファクタリング ・Web開発の技術指南、ドキュメント制作 ■ 主な使用技術 JavaScript / Vue.js / HTML / CSS（SCSS）/ GitHub / ChatWork / Backlog

・LINE Messaging API を利用した情報配信サービスの開発 / デザイナー・フロントエンド（業務委託） 2018年5月 〜 2019年4月

■ 概要 小売業のチラシデータ、キャンペーン、クーポンなどの情報をLINEへ配信するWebアプリケーションの開発。 ■ 対応内容 ・アプリのデザイン ・アプリのフロントエンド設計〜実装 ・管理画面のフロントエンド設計〜実装 ■ 主な使用技術 JavaScript / Vue.js / HTML / CSS（SCSS）/ GCP / GitHub / Wrike / Photoshop / Illustrator / Adobe XD

・LP・コーポレートサイトの制作（複数案件） / デザイナー・フロントエンド（業務委託） 2017年10月 〜 2018年4月

■ 対応内容 ・Webサイトのデザイン ・フロントエンドの実装 ・WordPressによるサイト構築 ■ 主な使用技術 HTML / CSS（SCSS）/ JavaScript / PHP / Vue.js / WordPress / Photoshop / Illustrator / Adobe XD

・Webデザイン・フロントエンド実装 / Webデザイナー・フロントエンドエンジニア（正社員・派遣） 2011年4月 〜 2017年9月

■ 対応内容 Webデザイナー / フロントエンドエンジニアとして、Webサイトのデザインとフロントエンド実装を担当。 ■ 主な使用技術 HTML / CSS（SCSS）/ JavaScript / PHP / Vue.js / WordPress / Photoshop / Illustrator / Adobe XD