HTML for Kids · レッスン

Webホスティング入門

Webページをオンラインで公開する方法を学びます

レッスン 3/410 ステップ

「Webホスティング入門」はCoddyKit上の無料HTML for Kidsレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはHTML for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 HTML for Kidsコースには全4レッスンが含まれています。

Webホスティングを始めよう

Webホスティング入門

次のレッスンへようこそ!今日は、Webサイトを世界中から利用できるようにするために欠かせないWebホスティングについて学びます。さっそく始めましょう!

Webホスティング入門 — イラスト1

Webホスティングとは?

Webホスティングとは、Webサイトのファイルをサーバーに保存し、インターネット上でアクセスできるようにするサービスです。ホスティングがなければ、他の人はあなたのWebサイトを見ることができません。

ヒント: ホスティングは、Webサイトのためにインターネット上のスペースを借りることだと考えてみましょう。

Webホスティングの仕組み

Webホスティングは、次のように機能します。

  1. Webサイトのファイル(HTML、CSS、画像)をホスティングサーバーにアップロードします。
  2. サーバーがファイルを保存し、一意のアドレス(ドメイン)を割り当てます。
  3. 誰かがブラウザーにドメインを入力すると、サーバーがWebサイトのファイルをそのデバイスに送信します。

例: example.comと入力すると、ホスティングサーバーがWebサイトをブラウザーに届けます。

Webホスティングの種類

必要に応じて、さまざまな種類のWebホスティングサービスを利用できます。

  • 共有ホスティング: 複数のWebサイトで同じサーバーを共有します。料金は手頃ですが、大規模なWebサイトでは速度が遅くなることがあります。
  • VPSホスティング: Virtual Private Server(仮想専用サーバー)を利用し、共有ホスティングより多くのリソースと制御権を得られます。
  • 専用ホスティング: Webサイト専用のサーバーを1台まるごと利用します。高性能ですが、高額です。
  • クラウドホスティング: 複数のサーバーで構成されたネットワーク上にWebサイトをホスティングし、拡張性と信頼性を提供します。

無料ホスティングと有料ホスティング

無料と有料のどちらのホスティングも利用できます。比較してみましょう。

ヒント: 練習では無料ホスティングから始め、Webサイトの成長に合わせてアップグレードしましょう。

<table border="1">
  <tr>
    <th>Feature</th>
    <th>Free Hosting</th>
    <th>Paid Hosting</th>
  </tr>
  <tr>
    <td>Cost</td>
    <td>Free</td>
    <td>Monthly/Annual Fee</td>
  </tr>
  <tr>
    <td>Storage</td>
    <td>Limited</td>
    <td>Generous</td>
  </tr>
  <tr>
    <td>Custom Domain</td>
    <td>No</td>
    <td>Yes</td>
  </tr>
  <tr>
    <td>Performance</td>
    <td>Slower</td>
    <td>Faster</td>
  </tr>
</table>

人気のWebホスティングプロバイダー

利用を検討できる、人気のWebホスティングサービスを紹介します。

  • 無料ホスティング: GitHub Pages、Netlify、Vercel。
  • 有料ホスティング: Bluehost、HostGator、SiteGround、AWS。

ヒント: 予算とWebサイトの要件に基づいて、ホスティングプロバイダーを選びましょう。

最初のWebサイトをホスティングする方法

最初のWebサイトをホスティングするには、次の手順に従います。

  1. ホスティングプロバイダーを選びます。
  2. (無料ホスティングを使用しない場合は)ドメイン名を登録します。
  3. プロバイダーのダッシュボードまたはFTPクライアントを使って、Webサイトのファイルをホスティングサーバーにアップロードします。
  4. URLにアクセスしてWebサイトをテストします。

ヒント: 多くのホスティングプロバイダーが、始めるための手順ガイドを用意しています。

自分で試してみましょう

課題: GitHub Pagesを使って、シンプルなHTMLページをホスティングしましょう。手順は次のとおりです。

  1. 無料のGitHubアカウントを作成します。
  2. Webサイトのファイルをリポジトリにアップロードします。
  3. リポジトリの設定を開き、GitHub Pagesを有効にします。
  4. 指定されたURLにアクセスして、Webサイトが公開されていることを確認します。

ヒント: GitHub Pagesは、初心者や小規模なプロジェクトに最適です。

Webホスティングのおさらい

よくできました!

おめでとうございます!Webホスティングの基本と、Webサイトをオンラインで公開する方法を学びました。ホスティングはWeb開発に欠かせない要素です。これで、作ったものを世界中の人と共有する準備が整いました。次のレッスンでは、ドメイン名の重要性と、Webサイトに適したドメイン名の選び方を学びます。学習を続けましょう!

Webホスティング入門 — イラスト10
無料で開始

AI チューターと学ぶ HTML — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
16
レッスン
35

よくある質問

「Webホスティング入門」レッスンは無料ですか?

はい。「Webホスティング入門」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、HTML for Kidsコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 HTML for Kidsコースには全4レッスンが含まれています。

「Webホスティング入門」で何を学びますか?

Webページをオンラインで公開する方法を学びます ブラウザで直接実行するハンズオンコードでHTML for Kidsを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

HTML for Kidsを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのHTML for Kidsは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/4です。

「Webホスティング入門」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このHTML for Kidsレッスンでコードを書いて実行できますか?

はい。すべてのHTML for Kidsレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. HTMLの次に学ぶこと
  2. Webサイトの仕組み
  3. Webホスティング入門
  4. Web開発ツールを探る
← HTML for Kidsに戻る