結婚式WEB招待状をAWSリソースでサクッと自作した話

JAWS-UG東京 ランチタイムLT会 #7
https://www.youtube.com/live/ArNrkwlw2MQ?si=MbWTM964eJdUoq-5&t=1485

Transcript

1. 結婚式WEB招待状を AWSリソースでサクッと 自作した話 NRIネットコム株式会社 髙橋　透 2024/01/22 JAWS-UG東京 ランチタイムLT会 #7
2. 自己紹介 名前：髙橋　透 所属：NRIネットコム株式会社 やってること： • Webアプリバックエンド処理実装 (Java) • EC2, ECS, S3, SES等を使ったあれこれ • PJの進捗管理、チームメンバーのコードレ ビュー等 持ってるAWS資格：SAA
3. TL;DR • 結婚式にお金がかかりすぎるので招待状を自作 することにした • 招待状はWEBページでもOKらしいので自作 HTMLをCloudFrontで配信することにした • Route53, ACM, CloudFront, S3を使って配信 することで節約できた
4. 結婚式は お金がかかる！！！
5. 結婚式はお金がかかる！！！ 結婚式の費用は平均200〜300万円 会場、食事、カメラマン、引出物、お車代etc… 参列者に送付する招待状は数百円 ✕ 人数 （紙の招待状／WEBページの招待状）
6. WEB招待状のイメージ
7. WEB招待状自作して CloudFrontで 配信できるのでは🤔
9. やったこと 1. Route 53でドメイン取得 2. ACMでSSL証明書を発行 3. Route 53でDNSレコードを登録（CNAMEレコード） 4. S3バケットを新設してHTMLをアップロード 5. CloudFrontディストリビューションを作成し、S3バケット＆ドメインを紐付ける
10. 1.Route 53でドメイン取得 • Route53で取得するドメインには、ドメインの人気度によって価格が変わる • 人気で高価なドメイン ◦ xxxx.com / $13 ◦ xxx.jp / $90 • 安価なドメイン ◦ xxx.link / $5 • 詳細はこちら（Route53の公式doc） ◦ https://d32ze2gidvkk54.cloudfront.net/Amazon_Route_53_Domain_Registration_Pricing_2014 0731.pdf
11. 2.ACMで証明書発行 • ACM=AWS Certificate Manager ◦ 証明書管理サービス • リンクをHTTPS化するためにACMでSSL証明書を発行して紐付ける • ここで発行した証明書の情報を手順3のRoute53で設定する SSL 証明書
12. 3.Route 53でDNSレコードを登録（CNAMEレコード） • 取得したドメインはRoute53に自動でレコード登録される • しかしCloudFrontで配信するためにはCNAMEレコードの登録が必要 ※NS, SOAレコード等は割愛。これらもRoute53側で自動登録される。 レコード 説明 A • IPアドレスとドメインを1対1で紐づけ • ドメイン取得時に自動登録される • ex) hoge.link CNAME • 正規ドメインに紐付けるサブのドメイン • ex) www.hoge.link
13. CNAMEレコード Aレコード
14. 4.S3バケットを新設してHTMLをアップロード • ドメイン名と同名のバケット作成 ◦ wwwはバケット名から除く • index.htmlをアップロード • S3 -> プロパティ ◦ 静的サイトホスティングを有効にする ◦ パブリックアクセスブロックを OFFにする • バケットポリシーでアクセス許可 VS Code, Microsoft, https://azure.microsoft.com/ja-jp/products/visual-studio-code index.html error.html
15. 5.CloudFrontディストリビューションを作成し、S3バケット＆ドメ インを紐付ける • オリジンにS3のウェブサイトエンドポイントを指定 • カスタムSSL証明書にACMで発行したものを指定 • 代替ドメイン名(CNAME)にwww付きのドメインを指定 • WAF保護ON
16. 【結果】 Route53：$5 CloudFront：$8 ---------------------------------- TOTAL : $13 (≒¥1800)
17. ご清聴ありがとうございました