お問い合わせ

info@serverion.com

お電話ください

+1 (302) 380 3902

カスタムドメインを使用してAWS EC2に静的ウェブサイトをデプロイする方法

カスタムドメインを使用してAWS EC2に静的ウェブサイトをデプロイする方法

多くの開発者、ビジネスオーナー、ITチームにとって、静的ウェブサイトを AWS EC2 カスタムドメインを使用すると、比類のない柔軟性、拡張性、そしてパフォーマンスが得られます。しかし、アーキテクチャ、ネットワーク構成、ドメインルーティングの設定は、明確なロードマップがないと、困難に感じるかもしれません。この記事では、AWS EC2 に静的ウェブサイトをデプロイし、仮想プライベートクラウド (VPC) を設定し、GoDaddy で購入したカスタムドメインにリンクさせる方法を、詳細なステップバイステップガイドで解説します。

熟練した開発者であっても、ホスティング インフラストラクチャのバックエンドを理解しようとしているビジネス オーナーであっても、この包括的なガイドはプロセスを簡単にナビゲートするのに役立ちます。

はじめに: 静的 Web サイトに AWS EC2 を選択する理由

AWS EC2(Elastic Compute Cloud)は、そのスケーラビリティ、信頼性、そして豊富なカスタマイズオプションから、静的ウェブサイトのホスティングに人気の選択肢です。AWS EC2にデプロイすることで、以下のような高度な機能をご利用いただけます。

  • 高い稼働率 そしてパフォーマンス。
  • カスタマイズ可能なコンピューティングインスタンス ウェブサイトのトラフィックのニーズに合わせて。
  • 次のようなサービスとの統合 AWS ルート 53 シームレスなドメイン管理を実現します。

このガイドでは、次の内容について説明します。

  1. AWS アーキテクチャの設定。
  2. 静的 Web サイトの展開。
  3. AWS Route 53 で GoDaddy を使用してカスタムドメインを設定します。

AWS EC2 に静的ウェブサイトをデプロイするためのステップバイステップガイド

1. ネットワークアーキテクチャの設定

AWS に静的ウェブサイトをデプロイするための基礎は、インフラストラクチャのネットワークコンポーネントの設定から始まります。以下の手順に従ってください。

ステップ 1.1: 仮想プライベートクラウド (VPC) を作成する

  1. ログイン AWS マネジメントコンソール に移動し、 VPCダッシュボード.
  2. 一意の名前(例: マイVPC)と IPv4 CIDR ブロック(例: 10.0.0.0/21).
  3. VPC が正常に作成されたことを確認します。

ステップ1.2: パブリックサブネットを構成する

  1. VPC内で、 パブリックサブネット より小さなCIDRブロック(例: 10.0.0.0/24).
  2. サブネットをアベイラビリティゾーンに割り当てる(例: 米国東部1a).

ステップ1.3: インターネットゲートウェイの接続

  1. 作成して名前を付ける インターネットゲートウェイ (IGW) (例えば、 マイIGW).
  2. ゲートウェイを VPC に接続します。

ステップ1.4: ルートテーブルを作成する

  1. 作成する ルートテーブル VPC 用に作成し、パブリックサブネットに関連付けます。
  2. すべてのトラフィックを誘導するルールをルートテーブルに追加します(0.0.0.0/0) をインターネット ゲートウェイに接続します。

これらの手順を完了すると、AWS ネットワーク基盤が確立され、リソースがインターネットと通信できるようになります。

2. Amazon EC2インスタンスの起動と設定

ネットワーク構成が完了したら、次のステップは EC2 インスタンスを起動し、Web サイトをホストする準備をすることです。

ステップ2.1: EC2インスタンスを起動する

  1. に行く EC2ダッシュボード クリック インスタンスを起動する.
  2. 以下を設定します。
    • インスタンス名: 静的ウェブサイトインスタンス.
    • オペレーティング·システム: ウブントゥ (標準の Amazon マシンイメージを選択します)。
    • インスタンスタイプ: 軽量オプションを選択します。 t2.micro.
    • ネットワーク: VPCとパブリックサブネット(先ほど作成したもの)に接続します。 パブリックIPの自動割り当て オプション。
    • セキュリティ グループ: 次の受信ルールを定義します:
      • SSH(ポート22) リモートアクセスを許可します。
      • HTTP (ポート80) ウェブトラフィックを処理するため。
  3. SSH アクセス用のキー ペアを生成してダウンロードします。

ステップ2.2: Apache Webサーバーのインストール

  1. ターミナルまたは AWS Cloud Shell 経由でインスタンスに SSH 接続します。
  2. インスタンスを更新します。
    sudo apt update -y 
  3. Apache Web サーバーをインストールします。
    sudo apt install apache2 -y 
  4. Web サーバーを起動して有効にします。
    sudo systemctl で apache2 を起動し、sudo systemctl で apache2 を有効にします。 

ブラウザでEC2インスタンスのパブリックIPにアクセスして、Apacheが起動して実行されていることを確認できます(例: http://) デフォルトの Apache ウェルカム ページが表示されます。

3. 静的ウェブサイトファイルの展開

Apache サーバーをセットアップしたら、静的 Web サイトのファイルをアップロードする準備が整います。

  1. 静的 Web サイトのリポジトリをクローンします (例: GitHub から)。
    gitクローン 
  2. Apache ルート ディレクトリに移動します。
    cd /var/www/html 
  3. デフォルトを削除する インデックス.html file:
    sudo rm index.html 
  4. クローンした Web サイトのファイルを次のディレクトリに移動します。
    sudo mv /クローンリポジトリのパス/* /var/www/html 
  5. ブラウザでパブリックIPのURLを更新してください。これで静的ウェブサイトが公開されるはずです。

4. AWS Route 53 でカスタムドメインを設定する

カスタムドメインを追加することで、プロフェッショナルな印象と信頼性を高めることができます。このセクションでは、GoDaddyドメインをAWS Route 53にリンクする方法を説明します。

ステップ4.1: ホストゾーンを作成する

  1. の中で AWS Route 53 ダッシュボード、新しい パブリックホストゾーン ドメイン(例: example.com).
  2. AWSは4つのセットを生成します ネームサーバー(NS).

ステップ4.2: GoDaddyでネームサーバーを更新する

  1. ログイン GoDaddyアカウント ドメインの DNS 設定に移動します。
  2. GoDaddy のデフォルトのネームサーバーを AWS Route 53 ネームサーバーに置き換えます。
  3. 変更を保存します (DNS の伝播には 5 ~ 30 分以上かかる場合があります)。

ステップ4.3: Aレコードを構成する

  1. Route 53ホストゾーンで、 記録.
  2. レコードを EC2 インスタンスのパブリック IP アドレスにポイントします。

DNSの伝播が完了すると、ドメインを使用してウェブサイトにアクセスできるようになります(例: http://example.com).

重要なポイント

  • AWS アーキテクチャのセットアップVPC、サブネット、インターネット ゲートウェイ、ルート テーブルを構成すると、インフラストラクチャがトラフィックを安全かつ効率的に処理できるようになります。
  • 静的ウェブサイト用のApache: 軽量で信頼性の高い Web サーバーである Apache を使用すると、静的 Web サイトをシームレスに展開できます。
  • Route 53 によるカスタムドメイン: ネームサーバーを更新し、DNS レコードを作成することで、GoDaddy で購入したドメインを AWS でホストされている Web サイトにリンクできます。
  • スケーラビリティとパフォーマンスAWS EC2 は、Web サイトのニーズに合わせてカスタマイズできるスケーラブルなソリューションを提供します。

結論

AWS EC2 にカスタムドメインで静的ウェブサイトをデプロイするのは、一見複雑に思えるかもしれませんが、管理しやすいステップに分割することで、プロセスは大幅に簡素化されます。このガイドに従うことで、高度なカスタマイズ性と拡張性を備えた堅牢なホスティング環境を構築できます。これは、高トラフィックのウェブサイトやミッションクリティカルなアプリケーションに最適です。

このチュートリアルでは導入の基本を解説していますが、AWS Certificate Manager による SSL/TLS 暗号化を追加してウェブサイトを保護するなど、さらなる最適化の余地があります。ホスティングのニーズが進化するにつれて、AWS はインフラストラクチャをそれに合わせて適応させるためのツールと柔軟性を提供します。

出典:「カスタムドメイン(GoDaddy + Route 53)を使用してAWS EC2に静的ウェブサイトをデプロイする」 – vijay giduthuri、YouTube、2025年8月30日 – https://www.youtube.com/watch?v=OXenklJPvpE

用途: 参考資料として埋め込みます。短い引用は解説/レビュー用として使用します。

関連ブログ投稿

ja