⚡ HYPER BANANA MODE ⚡

🍌🚀🍌🚀🍌

画面をどこでもクリックすると通常モードに戻るよ!

のえさんのサブドメインに完全降臨!

こうちゃん作 ➜ のえさんデプロイ LP!

すぱるた塾の試練(Lesson 4)を突破せよ!
こうちゃん(S3×CloudFront)から のえさん(Route 53)へバトンをパスし、
のえさんのサブドメイン で世界中にHTTPS公開された記念碑的なサイトです!

ドメイン確認中...
こうちゃんとのえさんの宇宙大冒険ロケット

# KO-CHAN & NOE-SAN Cosmic LP Delivery Rocket!

二人の共同戦線:AWSデプロイの全貌

このLPは、こうちゃんのAWS技術と、のえさんのドメインパワーが合体して生まれました。

STEP 1: こうちゃんが砦を作る

こうちゃんがHTML・CSS・JavaScript・大量の nanobanana アセットを用意。
AWSの S3 バケットに格納し、CloudFront (CDN) を通してエッジから超高速配信!

STEP 2: こうちゃんが証明書を請う

AWSの ACM (Certificate Manager) を使って、のえさんのサブドメイン用のSSL/TLS証明書を申請(バージニア北部リージョンにて)。

STEP 3: のえさんがDNS検証で応える

のえさんが所有するドメインの Route 53 ホストゾーンに、こうちゃんから送られたACMの CNAME検証用レコード をインジェクト!証明書が無事に発行される。

STEP 4: こうちゃんがドメインを結びつける

発行された証明書を CloudFront に装着し、代替ドメイン名(CNAME)として のえさんのサブドメインを登録!

STEP 5: のえさんが世界と接続する

のえさんが Route 53 でサブドメインからこうちゃんの CloudFront ドメインへ向けて CNAMEレコード (またはエイリアスAレコード) を設定!

STEP 6: 完全HTTPS公開!

のえさんのサブドメインにブラウザでアクセス! 鍵マーク付きでこうちゃんの作ったバナナLPが表示され、課題クリア!🎉

Noe's Subdomain Graphic

無駄技術アトラクションコーナー

すぱるた塾課題に全く関係のない、無駄に高度で遊び心のあるギミックを体験しよう!

🔊 8-bit シンセサイザーサウンドボード (Web Audio API)

ブラウザ上でリアルタイムに波形を合成!音量に注意してピコピコしてね。

🍌 nanobanana 物理雨降らし (Canvas 2D Physics)

ボタンを押すと、画面上空からバナナのマスコットが重力に従って落下します!
画面下で跳ね回り、マウスカーソルを近づけると物理反発で弾き飛ばせます!

nanobanana mascot
# Master nanobanana Mascot

💻 AWS デプロイパイプライン・シミュレーター

こうちゃんとでのえさんのデプロイ連携作業をハッカーCLI風に再現!サウンド連動で進捗します。

// ここにデプロイログが出力されます... // 起動ボタンを押してみてね!

のえさんへ引き継ぎメッセージ・ジェネレーター

こうちゃんが CloudFront を建てたら、このフォームに情報を入れて「のえさん宛メッセージ」を作り、のえさんにバトンを渡そう!

🎮 裏コマンドのウワサ

キーボードで伝説のコマンドを入力すると、何かが起こるらしいぞ...?
「 ↑ ↑ ↓ ↓ ← → ← → B A 」
(コマンドを入力後、画面がハイパーになります。音が出るので注意!)