Frontend
06 items- primary
TypeScript
6年
- primary
React / Next.js
5年
- secondary
Vue / Nuxt.js
3年
- primary
Tailwind CSS
- primary
GSAP / Framer Motion
- secondary
Three.js / WebGL
Profile
信頼の理由
設計・実装・撮影・編集までをまたいでも、判断軸を一つに保ち続ける。ここではその人物像と、任せられる根拠をまとめています。
Touch • Touch • Touch •
Strengths
判断軸としての強み
肩書きの列挙ではなく、どういう基準で設計し、どの役割まで自分で引き受けるかを整理しています。
Strength 01
Core Strength
デザイン × エンジニアリング
UI設計からプロトタイプ実装、本番コードまでを一貫して担当。デザインデータに基づき、忠実にコードへ実装します。
FigmaReactNext.jsGSAP
Strength 02
Core Strength
エンタープライズ品質
クリーンアーキテクチャやCQRSパターンの導入により、複雑な業務ロジックに対応した、保守性と拡張性の高いコードベースを構築します。
クリーンアーキテクチャCQRSAWSPlaywright
Strength 03
Core Strength
0→1開発の全フェーズ対応
要件定義から技術選定、デザイン、実装、保守運用まで。プロジェクトの全フェーズを担当し、サービスの立ち上げから運用までを支援します。
要件定義技術選定UI/UX設計保守運用
Experience
信頼の根拠になる積層
長く関わった案件、役割の変化、扱ってきた責任範囲を時系列で辿れるようにしています。
2025.05
フルスタック / リード
Amazon Connectを用いた大規模コンタクトセンターシステムの刷新。5層クリーンアーキテクチャを導入し、複雑な業務ロジックを整理・実装。
- 5層アーキテクチャ設計および動的JOIN最適化の実装
- Amazon Connect / QuickSight連携機能の開発
- PlaywrightとBiomeによる品質ゲートの構築
Next.js 15TypeScriptDrizzle ORMPostgreSQLAWS Connect
2024.12
フロントエンド / バックエンド
大手損保グループの事故対応プラットフォーム開発。事案管理機能およびLINE連携チャット機能のバックエンド・フロントエンド開発を担当。
- 事故情報の登録・管理機能のバックエンド/フロントエンド実装
- LINE連携チャット機能のアーキテクチャ設計
- REST API設計および実装
Next.js 13Nest.jsPrismaMySQLTypeScript
2022.05
フロントエンドリード
SaaSプロダクト「おもてなしDX」のフロントエンドリード。フォーム作成エンジンの設計・実装および、生成AI連携機能の開発を担当。
- フォームクリエーター（管理画面）のUI設計・実装
- Cognitoを用いた認証基盤の構築
- 生成AIプラグイン for kintoneの開発
RemixReactDynamoDBCognitoTypeScript
2015.04
デザイン / フロントエンド
介護経営支援プラットフォームの新規立ち上げ。サービスロゴ制作・UIデザインからフロントエンド実装までを7年間にわたり担当。
- 7年9ヶ月の長期運用におけるUI/UX改善
- 新規事業サイトの0→1デザイン・実装
- デザイナーチームへの設計共有と育成
Vue.jsSCSS/BEMFigmaAdobe XDFirebase
2018.05
代表 / フルスタック
自社受託事業として6年以上稼働。技術選定からデザイン・実装までをワンストップで提供し、スタートアップのMVP開発を支援。
- 要件定義から運用保守まで全フェーズの完遂
- Firebase/Supabaseを活用した高速な開発サイクル
- クライアントへの技術コンサルティング
RemixNext.jsFirebaseSupabaseFigma
Tech Stack
再現性を支える道具立て
技術選定、設計、デザイン、撮影後処理まで、実務で継続的に使っているものだけを整理しています。
Backend & Cloud
05 items- primary
Node.js
- primary
AWS (Connect, QuickSight, Athena, S3)
- primary
Firebase / Supabase
- secondary
PostgreSQL / MySQL
- secondary
Drizzle ORM / Prisma
Design & Creative
04 items- primary
Figma
メイン使用
- secondary
Adobe Photoshop / Illustrator
- primary
DaVinci Resolve / Premiere Pro
- primary
Lightroom / Capture One
Architecture & Methodology
04 items- primary
クリーンアーキテクチャ（5層設計）
- primary
CQRS
- primary
デザインシステム構築
- secondary
monorepo構築
Contact
プロジェクトのご相談
技術的な実現可能性や、チーム体制についても。 まずは気軽にお話ししましょう。