ID:81092さん

## プロジェクト経験概要
 チーム情報
：開発 3人、インフラ 2人 ## 【概要】
 新規プロダクトの立ち上げに伴い、AWSを中心としたインフラのステージング環境と本番環境を構築しました。運用を見据えて自動化・再現性・変更に強い設計を重視しました。ECS Auto Scaling や Step Functions 連携など、本番を想定した基盤を構築することが目的でした。 ## 【どのような機能の開発・実装か】 - Terraform による VPC・ECS・RDS・CloudFront など AWS リソースのIaC環境整備 - GitHub Actions と OIDC 認証を利用した、 CI/CD パイプラインの構築（ECR への自動 - - push / ECS への自動デプロイ） - ECS の Auto Scaling 設計（負荷に応じてタスク数を自動調整） - IoT デバイス → API → Step Functions → Lambda Functions → ECS へ処理連携する経路を設計 ## 【課題・問題点】
 MVP段階では AppRunner を経由して IoT デバイスからの通信データを処理する構成で AWS 環境が既に構築されていました。しかし、ステージングおよび本番環境では ECS を採用する方針となっていたため、AppRunner 前提で実装されていた通信経路やアプリケーション連携を、ECS 向けに再設計・再構築する必要がありました。 ## 【打ち手・使用した技術】 - GitHub Actions + OIDC：IAMキーを保持せずに安全なデプロイを実現 - ECS Auto Scaling：負荷に応じて自動スケールし、過負荷によるサービス劣化を防止 - Step Functions × ECS：IoT 操作要求をワークフローとして制御

## プロジェクト経験概要
 チーム情報
：開発 4人 ## 【概要】 ホテル予約サイトのランディングページおよびマイページのフロントエンド開発を担当しました。デザイナーから支給される Figma データを基に、デザインを忠実に再現した UI を構築しました。既存コードのリファクタリングやコード共通化も積極的に行い、保守性と再利用性を高めるフロントエンド実装を主導しました。 
 ## 【どのような機能の開発・実装か】
 主に以下のような機能を担当しました。 - 既存サイトのマイページ - LP ページ構築 - レスポンシブ対応 ## 【課題・問題点】 開発開始時点で、Figmaデザインの再現度に課題があり、UIの統一感が保てていませんでした。 既存コードでは CSS 管理が統一されておらず、余白・フォント・色指定などがページごとにバラバラに記述されていました。そのため、デザインの微調整が発生するたびに影響範囲が読みづらく、修正コストが増大していました。 ## 【打ち手・使用した技術】 ・CSS の構造化（BEM 設計 + CSS カスタムプロパティ導入） 　– コンポーネント単位で命名し、スタイルの責務を明確化 　– 色や余白、フォントなどを変数化し、デザイン変更の影響範囲を局所化