プロジェクト
これまで関わってきた主なプロジェクト。Web サイトの制作から始まり、フロントエンド開発、近年は画面設計やデータモデル設計、バックエンド開発へと、プロジェクトごとに担当する領域を段階的に広げてきた。0 からの立ち上げやフルリニューアルを任されることも多い。
目次
- 在日外国人向けライフサポートプラットフォーム新規構築
- 在日外国人向け求人サイト開発
- 官公庁向け 情報公開・可視化サイト
- 健康診断結果閲覧アプリのクロスプラットフォーム開発
- 健康診断システムのクライアント SPA 開発
- 医療機関向けタレントマネジメントシステムのクライアント SPA 開発
- 国内シェア1位のヘアアイロンブランドのブランドサイト構築
- 国内シェア3位のシャンプーブランドの EC サイト兼ブランドサイトの構築
在日外国人向けライフサポートプラットフォーム
| 種別 | 新規構築 |
| 期間 | 2026年4月 〜 2026年8月 |
| ポジション | PO / エンジニア |
| チーム構成 | PdM 1名 / メンバー 4名 |
| 担当業務 | 要件定義 / 設計 / 画面設計 / 開発 / テスト |
| 技術スタック | TypeScript / Next.js / React / Refine / shadcn / Tailwind CSS / Better Auth / PostgreSQL |
在日外国人向けの求人サイト、アンケートサイト、チャットアプリ、体験投稿サイト、そしてそれらのハブとなるプラットフォームサイトといった複数のアプリケーションで構成される、在日外国人向けライフサポートサービスの構築プロジェクト。
全工程を担当
AI を活用し、フロントエンドやバックエンドといった職域の区分をなくして、メンバー一人ひとりが一つのアプリケーションを要件定義から設計・デザイン・実装・テストまで一貫して受け持つ、という新しい開発体制をとった。私自身も一つのサービスを、全工程にわたって一人で担った。
認証基盤を含む、複数サービスの基盤部分構築
複数のサービスのハブとなるプラットフォームサイトを担当し、認証基盤・マスターデータ・サービスを横断して利用される API、各サービスへ配布するデザイントークンや UI コンポーネントなど、全体で共通して使われる基盤部分の設計・開発を担った。サービスごとに作り込むのではなく一箇所に集約することで、機能の重複を避け、サービス間の一貫性を保てるようにした。
在日外国人向け求人サイト開発
| 種別 | 既存開発 |
| 期間 | 2025年4月 〜 2026年1月 |
| ポジション | フロントエンドエンジニア |
| チーム構成 | PdM 1名 / PO 2名 / デザイナー 2名 / バックエンドエンジニア 3名 / フロントエンドエンジニア 3名 |
| 担当業務 | 設計 / 画面設計 / 開発 / テスト |
| 技術スタック | TypeScript / Next.js / React / Material UI |
日本語を含む7言語に対応した多言語 Web サービス。
要件定義をもとにしたワイヤーフレームの作成から実装・リリースまでを一貫して担当。UX/UI の観点からユーザーの理解しやすさや操作性を考慮した改善提案も行いながら設計・実装を進めた。
官公庁向け 情報公開・可視化サイト
| 種別 | 新規構築 |
| 期間 | 2024年8月 ~ 2024年10月 |
| ポジション | フロントエンドエンジニア |
| チーム構成 | PdM 1名 / デザイナー 1名 / バックエンドエンジニア 1名 / フロントエンドエンジニア 2名 / インフラエンジニア 1名 |
| 担当業務 | 開発 / テスト |
| 技術スタック | TypeScript / React / Ant Design |
行政が実施する事業に関する情報を、一般に向けて公開・可視化する公共性の高い Web サイト。情報の透明性を高めることを目的としたプロジェクト。
Web 制作で培った実装スピード
スケジュールが厳しいと見られていたプロジェクトで、システム的なページに加え、トップページやコンテンツページといったサイト制作寄りのページも多かった。チームにこうした制作を得意とするフロントエンドがいなかったため私が引き受けたところ、「Figma のデザインをそのまま見ているのかと思った」「入社してすぐにこのスピードで開発できることに驚いた」と言われるほどの速さで実装を仕上げ、厳しかったスケジュールにも間に合わせることができた。
健康診断結果閲覧アプリのクロスプラットフォーム開発
| 種別 | 新規構築 |
| 期間 | 2022年3月 〜 2024年6月 |
| ポジション | フロントエンドチームリーダー / モバイルアプリエンジニア（iOS / Android） / Web フロントエンドエンジニア |
| チーム構成 | PdM 1名 / デザイナー 1名 / バックエンドエンジニア 4〜9名 / フロントエンドエンジニア 2〜3名 |
| 担当業務 | 技術選定 / 開発 / テスト / アプリストアへの審査提出およびリジェクト時の対応 / チームメンバーへの業務の割り振り / コードレビュー / デザインレビュー / GraphQL スキーマレビュー |
| 技術スタック | TypeScript / React / React Native / Expo / GraphQL / Apollo |
医科大学と共同で発足したプロジェクト。ユーザーが医療機関で受診した健康診断や精密検査の結果を個人のスマートフォンで閲覧できるアプリ。予約機能・問診機能・各種リマインド機能も兼ね備える。
アプリ開発経験者0からの立ち上げ
チーム内にアプリ開発経験のあるエンジニアがいない状況で、スタートアップのリソース制約の中、私が担当することに。環境構築から全プラットフォームでの初回リリース・運用まで、クライアントアプリ開発の大部分を一人で担当した。
アーキテクチャ選定（React Native × Expo Managed workflow）
開発期間と既存の React スキルを活かせることから React Native を採用。ネイティブコードが不要な要件であったため Expo（Managed workflow）を採用。UI ライブラリはデザインとの親和性を考慮しデザイナーと議論の上、React Native Paper を採用した。
健康診断システムのクライアント SPA 開発
| 種別 | 新規構築 |
| 期間 | 2022年3月 〜 2024年6月 |
| ポジション | フロントエンドチームリーダー / フロントエンドエンジニア |
| チーム構成 | PdM 1名 / デザイナー 1名 / バックエンドエンジニア 4〜9名 / フロントエンドエンジニア 2〜4名 |
| 担当業務 | 技術選定 / 開発 / テスト / チームメンバーへの業務の割り振り / コードレビュー / デザインレビュー / GraphQL スキーマレビュー |
| 技術スタック | TypeScript / React / GraphQL / Apollo / Material UI / Jest / Cypress / Playwright |
医療機関が健診結果の登録・編集・閲覧や受診予約を管理するアプリケーション。
チームリーダーとしての取り組み
アプリケーション全体で使う共通ロジックや関数を先行して開発することで、経験の浅いメンバーでも手を止めずに開発を続けられる体制を構築。高速な開発速度を維持した。
他領域との連携
バックエンドエンジニアが設計した GraphQL スキーマのレビューを担当し、手戻りを最小化。デザイナーとはエラー表示やインタラクション仕様を随時議論しながら開発を進めた。
医療機関向けタレントマネジメントシステムのクライアント SPA 開発
| 種別 | 新規構築 |
| 期間 | 2021年6月 〜 2022年2月 |
| ポジション | フロントエンドチームリーダー / フロントエンドエンジニア |
| チーム構成 | PdM 1名 / デザイナー 1名 / バックエンドエンジニア 2名 / フロントエンドエンジニア 2名 |
| 担当業務 | 技術選定 / 開発 / テスト / チームメンバーへの業務の割り振り / コードレビュー |
| 技術スタック | TypeScript / React / GraphQL / Apollo / Cypress |
360°評価・従業員アンケート・チャット機能などにより組織の人事データの収集と分析を可能にするアプリケーション。
Webエンジニアとして最初のプロジェクト
Webエンジニアとして自身初のプロジェクトながら、立ち上げ段階からアーキテクチャ選定や開発環境の構築を担当。TypeScript × Vue が候補だったが、当時の Vue の TypeScript サポートの手薄さから React を提案し採用した。
国内シェア1位のヘアアイロンブランドのブランドサイト構築
| 種別 | 新規構築 |
| 期間 | 2020年3月 〜 2020年7月 |
| ポジション | マークアップエンジニア |
| 技術スタック | HTML5 / CSS3 / Sass / JavaScript / jQuery / WordPress |
WordPress を用いたブランドサイトの構築。
国内シェア3位のシャンプーブランドの EC サイト兼ブランドサイトの構築
| 種別 | 新規構築 |
| 期間 | 2019年8月 〜 2020年3月 |
| ポジション | マークアップエンジニア |
| 技術スタック | HTML5 / CSS3 / Sass / JavaScript / jQuery / ecbeing |
ecbeing（EC サイト構築パッケージ）を用いた EC サイトの構築。 「DesignAwards.Asia（STAR）」「CSS WINNER（STAR）」受賞（ともに 2020年）。