ID:83798さん

## プロジェクト概要 サプライチェーンDXを推進する自社プロダクトのフロントエンド開発において、React/TypeScriptで共通コンポーネント設計・実装を担当しました。 ## 役割・体制 ### 自身のポジションと役割 - フロントエンドエンジニアとして、Ant Designベースの共通コンポーネントをReact/TypeScriptで設計・実装し、atomic designを採用したコンポーネント開発を推進しました。 - Zodを用いたスキーマバリデーションの導入や、Figmaを参考にしたデザインコンポーネントの作成・登録を担当しました。 - ストーリーブックを作成し、コンポーネントのドキュメント化と再利用性向上に貢献しました。 ### チーム規模と構成 - CTOを含む計4名の開発チームで、フロントエンド実装を中心に担当しました。 ## 背景・課題 - 自社のサプライチェーンDXプロダクトにおいてUI刷新が必要であり、再利用性の高い共通コンポーネント設計と実装が求められました。 - 初めての開発業務であったため、技術キャッチアップや業務理解に時間を要し、スムーズな開発着手が課題となりました。 ## 実際の取り組み ### 開発環境 - フロントエンド開発はReact/TypeScriptをメインに用い、UIコンポーネントはAnt Designをベースに構築しました。 - バックエンドはLaravel、データベースはPostgreSQLを利用し、Docker環境での開発を行いました。 ### 設計・改善内容 - atomic designの考え方を導入し、再利用性と保守性を高めるコンポーネント設計を実践しました。 - Zodライブラリを使ったスキーマバリデーションの導入により、型安全性とバリデーションの一元管理を実現しました。 - Figmaを参照し、デザインに忠実なUIコンポーネントの作成・登録を行うことで、UXの品質を向上させました。 - ストーリーブックを作成し、コンポーネントのドキュメント化とチーム内での共有を促進しました。 - 初期キャッチアップの課題解消のため、自ら上長との1on1を月に１回セッティングし、結果、週2回の相談会を設けて疑問点を解消しました。 ### その他アピールポイント - 主体的なコミュニケーションにより、チーム内での技術理解と開発スピード向上に寄与しました。 ## 成果・価値 - 上長との定期的なコミュニケーションを通じてキャッチアップの課題を解決し、UI刷新のタスクを完遂しました。 - 再利用可能な共通コンポーネントの整備により、保守性の高いコード基盤を構築しました。 - UIを刷新したことにより、プロダクトのユーザー体験向上に貢献しました。

## プロジェクト概要 スマホアプリ向け予約管理システムのDB設計・API設計と実装を担当し、設計課題の解決に寄与しました。 ## 役割・体制 ### 自身のポジションと役割 - バックエンドエンジニアとして、PostgreSQLを用いたデータベース設計とAPI設計を担当し、Node.jsを活用したAPIの実装を行いました。 ### チーム規模と構成 - エンジニア20名規模のチームにて、バックエンド設計・実装を担当しました。 ## 背景・課題 - 複雑かつ部分的に明確でない要件をもとに、予約管理システムのデータベース設計を進める必要がありました。 - 要件の不明確さが設計の滞留を招き、プロジェクト全体の進捗に影響を及ぼすリスクが存在していました。 ## 実際の取り組み ### 開発環境 - 開発手法はAI駆動開発を採用し、Node.jsを活用したAPI開発を主軸としました。 - PostgreSQLをデータベースとして用い、PrismaをORMとして活用してDBアクセスと設計を実現しました。 ### 設計・改善内容 - 複雑で不明確な要件を明確化するため、QAシートを活用し、お客様への積極的な問い合わせを行い要件の把握と整理を推進しました。 - 明確化した要件に基づき、堅牢かつ柔軟性のあるDB設計を行い、API設計に反映させることで設計の前進を実現しました。 - Cursor用いたAI駆動開発により、効率的なDB設計とAPI設計を行い、設計と開発の一体的な進行を可能にしました。 ## 成果・価値 - DB設計およびAPI設計の明確化により、設計の滞留を解消し、プロジェクトの設計工程を円滑に前進させました。

## プロジェクト概要 従業員の労働状況を可視化する人事評価システムのバックエンドおよびフロントエンドのAPI設計・実装を担当しました。 ## 役割・体制 ### 自身のポジションと役割 - バックエンドエンジニアとして、NestJSを用いたAPIのエンドポイント設計と実装を担当しました。 - Prismaを活用したデータベース設計を行い、従業員情報や組織情報、チャットデータの効率的な取得を実現しました。 ### チーム規模と構成 - エンジニア3名のチームで、API開発に特化したバックエンド担当として参画しました。 ## 背景・課題 - タイトなスケジュールの中で高品質なAPIを設計・実装する必要があり、納期遵守が最大の課題でした。 ## 実際の取り組み ### 開発環境 - Next.jsをフロントエンドに使用し、NestJSでRESTful APIを構築しました。 - Prismaを用いてデータベース設計および操作を実装し、安定したデータ管理基盤を構築しました。 - Dockerを活用して開発環境を統一し、環境差異によるトラブルを抑制しました。 ### 設計・改善内容 - APIのエンドポイントを詳細に洗い出し、従業員情報や組織情報の取得に最適化した設計を行いました。 - タイトなスケジュールに対応するため、AI駆動開発技術を活用して効率的に実装を進めました。 - 日次2回の密な進捗報告を実施し、チーム内で実装の方向性のズレを早期に修正しました。 ### その他アピールポイント - チーム内の円滑なコミュニケーションを促進し、短期間での高品質なシステム納品に貢献しました。 ## 成果・価値 - AI駆動開発と密なコミュニケーションにより開発生産性が向上し、タイトなスケジュールで納期内にプロダクトを納品できました。 - 高品質なAPI設計と実装により、従業員の労働状況を正確かつ迅速に可視化するシステム基盤を提供しました。