主な実績

グローバルWeb体験

Philips Greenheart

Figmaデザインをもとに作ったReactとTypeScriptの企業サイトです。地域別のローカライズ、ユニットテスト、アプリケーション性能監視を含みます。

Figmaデザインをもとに作ったReactとTypeScriptの企業サイトです。地域別のローカライズ、ユニットテスト、アプリケーション性能監視を含みます。

ReactTypeScriptTailwind CSSi18nAPM
役割
ソフトウェアエンジニア
経験の文脈
Ownpath · 2025年11月 - 現在
クライアント / 会社
Philips
記事の長さ
3 セクション
Figma → code本番向け実装
Multilingualローカライズ対応
Tested + monitored品質の確認
01

課題

承認済みのFigmaデザインを、地域別コンテンツを配信でき、実行時の性能も確認できる信頼性の高いWebサイトに変える必要がありました。

02

取り組み

React、TypeScript、Tailwind CSSでUIを実装しました。標準的なi18nフローでローカライズを加え、ユニットテストとアプリケーション性能監視も導入しました。

03

結果

本番で使えるコンポーネント、多言語コンテンツ対応、自動ユニットテスト、リアルタイム性能監視を含む形で納品しました。

  • Figma仕様を再利用しやすい本番用コンポーネントに変換しました。
  • 地域別の多言語コンテンツ配信を実装しました。
  • ユニットテストとアプリケーション性能監視を追加しました。

担当したこと

この開発で私が担当した範囲。

  • Figma仕様を再利用しやすい本番用コンポーネントに変換しました。
  • 地域別の多言語コンテンツ配信を実装しました。
  • ユニットテストとアプリケーション性能監視を追加しました。