ID:69813さん

# プロジェクト概要 転職サービスのWebアプリケーション開発に、新卒配属後のプロジェクトとして参加しました。フロントエンドはReact / TypeScript、バックエンドはLaravel / PHPを使用し、企業情報を閲覧する画面、ページングなどのUIコンポーネント、CMS連携に関わるAPI設計・バックエンドとの接続を担当しました。 # チーム情報・自分の役割 自分は主にフロントエンド実装と、必要に応じたバックエンド/API連携部分を担当しました。新卒1年目での参画だったため、既存コードやドメイン知識をキャッチアップしながら、1人月分のタスクを安定して担当できる状態を目指しました。 # 課題 配属当初は、ドキュメントが十分に整っておらず、仕様や既存実装の背景をコードから読み解く必要がありました。また、要件が固まりきっていない状態でタスクが進むこともあり、単に実装するだけでは、画面文言やAPI仕様、ユーザー導線に認識ズレが残る可能性がありました。 # 工夫・取り組み React / TypeScript / Laravel / PHPについて、書籍や公式ドキュメント、既存コードを読みながらキャッチアップしました。実装時には、既存のコンポーネント構成やAPI設計の意図を確認し、既存画面との整合性を崩さないように意識しました。 企業情報一覧画面では、ページングなどのUIコンポーネント開発を担当しました。単に表示できる状態にするだけでなく、データ取得、表示件数、ページ遷移時の状態、エラー時の挙動などを確認しながら、ユーザーが自然に一覧情報を閲覧できるように実装しました。 CMSから情報を更新する機能では、フロントエンドとバックエンドのつなぎ込みに加え、APIの入出力や画面側で必要なデータ構造を確認しました。要件や文言に違和感がある場合は、発注者や関係者に確認してから実装するようにし、認識ズレを残したまま進めないことを意識しました。 # 成果・学び 新卒で初めての本格的なWebアプリケーション開発でしたが、React / TypeScript / Laravel / PHPを用いた画面実装、API連携、バックエンドとのつなぎ込みを一通り経験しました。ドキュメントが少ない状況でも、公式情報と既存コードから自力でキャッチアップし、実装タスクを担当できる状態まで立ち上がれたことが成果です。 また、仕様が曖昧なまま進めず、違和感がある点を確認してから実装する姿勢を身に付けました。この経験は、現在の業務システム開発や既存コードベースでの影響調査にもつながっています。