~/aoi-dev ~ bash

$ |

Frontend Engineer

Aoi Tanaka

コードで価値をつくる、
フロントエンドエンジニア。

React / TypeScript / Next.js を軸に、UIの美しさと実装の堅牢さを両立。チーム開発でも信頼されるコードを書き続けています。

実績を見る お問い合わせ
Scroll
// About

プロフィール

Open to Work

Web制作会社・SaaS系スタートアップを経て、現在はフリーランスとして活動中。フロントエンド開発を専門に、設計から実装・レビューまで一貫して担当しています。

  • 拠点東京都 / リモート対応可
  • 経験年数フロントエンド 6年
  • 得意領域SPA・管理画面・コンポーネント設計・パフォーマンス改善
  • 稼働形式業務委託・正社員 どちらも可
GitHub Zenn
// Skills

スキルセット

React Expert

Hooks・Context・パフォーマンス最適化まで。大規模SPAの設計経験あり。

TypeScript Expert

型設計・ジェネリクス・型推論の活用。全プロジェクトでTS必須運用。

Next.js Expert

App Router・SSR/SSG・ISR・Server Components を実務で活用。

CSS / Tailwind Advanced

CSS設計・Tailwind CSS・Figmaデザインの忠実な実装。

Testing Advanced

Vitest・Jest・Testing Library・Playwright によるテスト設計。

Performance Advanced

Core Web Vitals 改善・バンドル最適化・レンダリング戦略。

Git / GitHub Actions
Vercel / Netlify
Docker
Node.js / Express
Figma
Storybook
GraphQL / REST API
PostgreSQL / Prisma
Sentry / Datadog
Jira / Linear
VS Code
Notion

チームコミュニケーション

Slack・GitHub Discussionsを活用した非同期コミュニケーション。デザイナー・バックエンドとの円滑な連携実績。

コードレビュー

建設的なフィードバックと具体的な改善提案。チームの開発品質底上げに貢献。

スケジュール管理

タスク分解・見積もり・進捗共有を徹底。デッドラインを守る実績。

継続的学習

Zennへの技術記事執筆・勉強会参加。最新技術のキャッチアップを習慣化。

// Works

制作実績

Detail
Next.js TypeScript Prisma

タスク管理SaaSアプリ

チーム向けタスク管理ツール。リアルタイム更新・ドラッグ&ドロップ対応。月間アクティブユーザー500名超。

LCP 0.8s CLS 0.02 Coverage 85%
Detail
React TypeScript GraphQL

BtoB分析ダッシュボード

売上・ユーザー行動を可視化する管理画面。カスタムチャートライブラリをゼロから実装。表示速度40%改善。

FCP 1.2s Bundle -38% Score 96
Detail
Next.js Tailwind CSS Contentful

スタートアップ企業サイト

CMSと連携したコーポレートサイト。PageSpeed Insights 99点。アクセシビリティ対応済み。

PSI 99 A11y AA SEO 100
Detail
React Storybook Vitest

UIコンポーネントライブラリ

社内共通UIライブラリをゼロから設計・構築。40+コンポーネント・Storybookでドキュメント化。

Components 40+ Tests 200+ Adoption 3 teams
Detail
Next.js TypeScript REST API

ECサイト管理コンソール

商品・注文・顧客を管理するECバックオフィス。複雑なフォームバリデーションとCSVエクスポート機能を実装。

Tables 20+ Export CSV/PDF NPS +42
Detail
React Three.js GSAP

プロダクトランディングページ

WebGLを使ったインタラクティブなLPを構築。アニメーション60fps維持・モバイル対応。コンバージョン率18%改善。

FPS 60 CVR +18% TTI 2.1s
// Tech Stack

技術スタック

Language

TS
TypeScript
JS
JavaScript
HT
HTML5
CS
CSS3

Framework

Re
React
Next.js
No
Node.js
Ex
Express

Testing & Quality

Vi
Vitest
Pl
Playwright
Sb
Storybook
Es
ESLint

Infrastructure

Vc
Vercel
Dk
Docker
GA
GitHub Actions
AW
AWS (S3/CF)
// Career

職務経歴

2023.04 - 現在 フリーランス

フリーランス フロントエンドエンジニア

複数社 業務委託

  • SaaS系スタートアップのフロントエンド設計・実装（Next.js / TypeScript）
  • コンポーネントライブラリ設計・Storybook整備によるチーム開発効率化
  • Core Web Vitals 改善・パフォーマンスチューニング
  • ジュニアエンジニアへのコードレビュー・メンタリング
2020.04 - 2023.03 正社員

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

株式会社〇〇〇〇（SaaS系スタートアップ）

  • BtoBダッシュボードの新規開発・既存機能リファクタリング
  • React移行プロジェクトのリード（jQuery -> React）
  • GraphQL導入によるフロントエンドとAPIの疎結合化
  • エンジニア採用面接・技術選定への参加
2018.04 - 2020.03 正社員

Webデザイナー / フロントエンドエンジニア

株式会社〇〇〇〇（Web制作会社）

  • コーポレートサイト・LPの制作（HTML/CSS/JS）
  • WordPressカスタムテーマ開発
  • Figmaを使ったUI設計・デザインシステムの整備
// Activity

開発アクティビティ

0 Contributions
0 Repositories
0 Pull Requests
0 Articles
Less
More

Recent Repositories

next-task-app Public

タスク管理SaaS / Next.js + TypeScript

TypeScript 42
ui-component-lib Public

社内向けUIコンポーネントライブラリ / React + Storybook

TypeScript 28
perf-analyzer Public

Core Web Vitals 計測・分析ツール / Node.js CLI

JavaScript 15
// Contact

お問い合わせ

業務委託・正社員のご相談、技術的なご質問など、お気軽にお送りください。
通常2営業日以内にご返信いたします。

Email

aoi@example.com

Location

東京都 / フルリモート可

Response

2営業日以内

送信が完了しました。ありがとうございます。