Overview
自身のクラウドインフラ技術とWeb制作スキルを 一つの成果物として発信することを目的に、 個人ポートフォリオサイトを制作しました。
AWS上にネットワーク環境を構築し、 Amazon EC2（Amazon Linux 2023）に Apache HTTP Serverを導入。 HTML・CSS・JavaScriptによる 静的Webサイトをホスティングしています。
フロントエンドのデザイン・実装に加え、 VPCやサブネット、ルーティング、 セキュリティグループの設定まで担当しました。 インフラとアプリケーションの両方を理解し、 一貫して構築できることを意識したプロジェクトです。
Tech Stack
Amazon VPC
CIDR 10.100.0.0/16。Webサーバーを配置するネットワークを構築。
Anazon EC2
t3.micro / Amazon Linux 2023 Webサーバーとして使用
Apache HTTP Server
HTTP（TCP 80）で静的Webコンテンツを配信。
HTML / CSS / JavaScript
レスポンシブデザイン、 ナビゲーション、作品紹介ページなどを実装。
Architecture
AWS上のEC2インスタンスでApacheを稼働させ、 静的Webサイトを配信しています。
Web Browser
↓
Amazon EC2
↓
Amazon Linux + Apache
↓
HTML / CSS / JavaScript
Implementation
01. Infrastructure
AWS EC2インスタンスを利用したWeb公開環境の構築。
02. Web Design
技術とクリエイティブの両面を表現するサイトデザイン。
03. Frontend
HTML・CSS・JavaScriptによる画面と操作機能の実装。
04. Deployment
Apacheの公開ディレクトリへの配置とWebサイト公開。
Security & Operations
Webサイトの公開環境について、ネットワークアクセス制御、 サーバー管理、通信の保護などを考慮しています。 実際の設定内容を確認したうえで、 導入済みのセキュリティ対策を追記する予定です。
What I Learned
Webサイトの制作だけでなく、AWS上でのサーバー構築から 公開・更新までを通して取り組むことで、 インフラとアプリケーションのつながりを実践的に学びました。