KWHR
PROFILE
SKILL
GALLERY
WORKS
CONTACT
PROFILE
SKILL
GALLERY
WORKS
CONTACT
ポ
ートフォリオ用サイト
ポートフォリオサイトです。現在のITスキルなどをまとめております。
レスポンシブ対応済みで、PC/タブレット/スマートフォンからアクセス可能です。
使
用言語・環境
言語
HTML/CSS/JavaScript(React)
インフラ
AWS
Amazon Route53
AWS Certificate Manager(ACM)
Amazon CloudFront
Simple Storage Service(Amazon S3)
Amazon API Gateway
AWS Lambda(Node.js 14.x)
Simple Email Service(SES)
イ
ンフラ構成
独自ドメインを使用しているため、Route53と連携。
WebサイトをSSL/TLS実装するため、ACMでSSL証明書を発行しRoute53と連携。
Webサイトにアクセスする際にRoute53からCloudFrontに最新のキャッシュを返すための連携。
エッジサーバー(CloudFront)にWebサイト情報(S3を静的Webホスティング)をキャッシュするよう設定。
ポートフォリオサイトの「CONTACT」ページからお問い合わせがあった際、API GatewayをS3バケットに保存してあるjsファイルのajaxからコールする。
API GatewayのPOSTメソッドからLambda関数をコール。
Lambda関数とSESを連携しお問い合わせ内容をSESでメール通知する構成。
お問い合わせ内容をSESからメール通知。
GitHubのリモートリポジトリにpushした際に、S3バケットにファイルをアップロード。また、アップロード完了後CloudFrontのキャッシュをクリアする。