Skip to content

スキル

できること

設計・アーキテクチャ

  • 要件からのユースケース定義などの上流からの設計
  • ユースケースをもとにしたデータモデル / テーブル設計
  • 要件をもとにした画面構成の検討・ワイヤーフレーム作成(意匠はデザイナーと分担)、UX/UI 視点での改善提案
  • フロントエンドを中心としたアーキテクチャ選定
  • デザインシステムの設計(コンセプト定義からデザイントークン設計まで)
  • 複数サービスをまたぐ共通基盤(認証・通知・マスターデータ・共通 API)の設計

実装

  • フロントエンドを主軸に、バックエンドのロジック実装まで対応
  • Web / iOS / Android を対象としたクロスプラットフォーム開発
  • デザインを起点とした UI 実装。デザイナーの意図を汲んだ実装や、デザインの無い箇所の補完も行う
  • Web 制作で培った経験を土台に、フルスクラッチの CSS 実装から UI ライブラリの活用まで対応できる

AI 活用

  • AI エージェントを用いた高速開発
  • 設計・実装・レビューのプロセスへの AI の組み込み
  • AI を土台に、これまでの専門領域を越えた範囲を担当

チーム・推進

  • フロントエンドチームのリード(タスク分割・コードレビュー・開発体制の構築)
  • デザイナー / バックエンドエンジニアとの連携、GraphQL スキーマや UI のレビュー
  • 不確定な状況での論点整理と意思決定の推進(議論の構造化)

技術スタック

領域技術
言語TypeScript / JavaScript
フロントエンドReact / Next.js / React Native(Expo)
スタイリングTailwind CSS / shadcn/ui / CSS 設計 / Sass / Styled Components / Material UI
API / データGraphQL / Apollo Client / TanStack Query / REST
テストJest / Playwright / Testing Library / Cypress
開発基盤Git・GitHub / Docker / Vite / Biome / Webpack / ESLint / Prettier
デザインFigma / Illustrator / Photoshop

※ なかでも バックエンド開発(API・データベース設計)AI を活用した開発プロセスの設計 は、現在主軸を広げている領域として特に注力している。