React / Next.js / TypeScriptで、画面仕様・データフロー設計〜実装・レビューまで一貫して担当。
ダッシュボードや社内ツールなど、複雑なUIとAPI連携がある開発に強み。
React / Next.js / TypeScriptで、画面仕様に沿ったUI実装、UIコンポーネントや状態管理の設計・改善を担当。Copilot等のAIツールも活用しながら、 仕様との整合性・実装方針の妥当性・セキュリティ面を確認し、最終判断は自ら行った上で品質向上を図ります。
ただFigmaで絵を描くだけでなく、フロントエンドエンジニアとして培ってきた経験と知見を活かし、必要に応じてモックアップの作成や検証、バックエンドとの連携も行います。フロントエンド実装者がコード実装に集中しやすいよう、UI挙動やデータの流れを分かりやすく整理します。
UI側の状態・例外を含めたデータフローを設計し、API連携まで実装。バックエンドと連携し、エンドポイントやデータスキーマの調整も担当。
Figmaの設計意図を読み取り、ユーザーフローを踏まえて実装へ落とし込み。必要に応じてワイヤーや画面たたき台も作成。
デザイナー・バックエンドと連携し、仕様の曖昧さや抜け漏れを早めに解消。AIツールの提案も参考にしつつ、仕様との整合性や実装方針の妥当性を確認し、合意形成と品質向上に努めています。
スクラム体制での実務経験あり。CSM / CSPOを取得し、レトロスペクティブのリードも経験。
Jest / React Testing Library、Cypress / Playwright等を用いたテスト実装に対応。「あとから困らない」品質担保のために、テストを書ける前提で設計・実装します。
欧州を含む多国籍・分散チームでの開発経験あり。英語での仕様確認・調整、非同期コミュニケーションに対応。
実務で参画した案件を中心に、フロントエンド実装・仕様設計・API連携・内部ツール開発などのプロジェクトをまとめています。
電力管理ダッシュボードで、画面仕様・データフロー設計〜モック作成・レビュー、ベンダー実装方針の共有まで担当。
欧州スクラムチームで、レガシーアプリのリファクタリングと社内ツール開発を担当。レトロ主導・基準整備にも参画。
0→1のMVP開発で、仕様調整・API連携・フロント実装を一貫して担当（唯一のフロントエンドエンジニア）。
金融B2B SaaSのコア開発で、UIコンポーネント開発・共通UI改善・テスト整備を担当（海外チームと非同期連携）。
月次PDFレポート自動化の内部ツールで、フロントエンドリードとして可視化・PDF生成を実装し、作業工数短縮に貢献。
フリーランスとして、要件定義・情報設計・UI設計〜実装・改善まで一貫して担当（複数業界）。
実務とは別に、アクセシビリティやフロントエンドの実験的な取り組みとして開発している個人プロジェクトです。
CSV読み込み＋フラッシュカード形式で動作する、アクセシビリティに配慮した面接準備アプリ。
TailwindクラスをHexコードへ変換し、WCAG基準を満たすかチェックできるシンプルなツール。
スクラム開発を前提としたチームでの実務経験があります。マルタ拠点の約20名規模チームでは、PO・QA・バックエンドと連携しながらフロントエンドを担当しました。
CSM / CSPOを取得し、レトロスペクティブの進行や改善アクションの整理も経験しています。分散チームでの非同期コミュニケーションにも慣れており、仕様の明確化やレビューを通じて開発の安定性を高めてきました。Copilot等のAIツールも活用しつつ、仕様との整合性・実装方針の妥当性・セキュリティ面を確認し、最終判断は自ら行った上で品質を担保します。
アクセシビリティ / スクラム / UX / プロジェクトマネジメントなど、 実務に直結する資格とコースを中心に学んできました。
一緒にお仕事させていただいた方々からいただいたコメントの一部です。
終始よりそってくれて、相手目線で仕事を進めてくれます。毎回丁寧に説明してくれたので、非常にプロジェクトをすすめやすかったです。
アイデアがまとまらないときに進め方の土台を作ってくれました。打合せがいつも楽しかったです。
フロントエンドやアクセシビリティ、UXまわりについて執筆している Medium 記事の一部です（いずれも英語記事）。
A reflection on how an unexpected moment in a small Tokyo salon became my first real UX lesson — and how emotional insight can reshape the way we design experiences.
An exploration of why “universal design” is not always enough — and how more adaptive, personalized interfaces can better support real users with diverse needs.
Lessons from designing and shipping a fully keyboard-accessible app — from uncovering edge cases to using accessibility as a driver of frontend architecture.
フロントエンド開発で、画面仕様・データフロー・API連携・アクセシビリティ対応まで任せられるエンジニアをお探しでしたら、ぜひ一度お話しできれば幸いです。
yokoworks.dev@gmail.com へのメール、またはLinkedInにてご連絡ください。