01. 概要
自身のスキルと制作物を整理し、採用担当者に 技術力と熱意を伝えることを目的に制作。
02. 背景・課題
技術的課題としましては、Nginxの設定やSSL化、Dockerを用いた開発環境構築など、サーバーサイドの知識が必要でした。 私の熱意と学習意欲を伝えるため、これらの技術を積極的に取り入れ、実際の運用を通じて理解を深めました。
03. 設計
- レスポンシブ対応（モバイルファースト）
- CSSアニメーションで印象付け
04. 技術スタック
- HTML5
- CSS3（Flexbox / Animation）
- JavaScript（DOM操作）
- Nginx / VPSデプロイ
05. 開発環境
- OS：Windows 11
- エディタ：VS Code
- コンテナ：Docker
- サーバー：VPS（Ubuntu）
- Webサーバー：Nginx
- SSL：Let's Encrypt
- バージョン管理：Git / GitHub
05. 工夫した点
キャッシュ対策、 サイトアクセス時のアニメーション。
06. 今後の改善
Nginx、Dockerの知見を広げる。データベースを活用した動的サイトへの発展も検討。