Webホスティング入門
Webページをオンラインで公開する方法を学びます
「Webホスティング入門」はCoddyKit上の無料HTML for Kidsレッスンです。 これはレッスン3/4です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはHTML for Kids学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 HTML for Kidsコースには全4レッスンが含まれています。
Webホスティングを始めよう
Webホスティング入門
次のレッスンへようこそ!今日は、Webサイトを世界中から利用できるようにするために欠かせないWebホスティングについて学びます。さっそく始めましょう!

Webホスティングとは?
Webホスティングとは、Webサイトのファイルをサーバーに保存し、インターネット上でアクセスできるようにするサービスです。ホスティングがなければ、他の人はあなたのWebサイトを見ることができません。
ヒント: ホスティングは、Webサイトのためにインターネット上のスペースを借りることだと考えてみましょう。
Webホスティングの仕組み
Webホスティングは、次のように機能します。
- Webサイトのファイル(HTML、CSS、画像)をホスティングサーバーにアップロードします。
- サーバーがファイルを保存し、一意のアドレス(ドメイン)を割り当てます。
- 誰かがブラウザーにドメインを入力すると、サーバーが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サイトをホスティングするには、次の手順に従います。
- ホスティングプロバイダーを選びます。
- (無料ホスティングを使用しない場合は)ドメイン名を登録します。
- プロバイダーのダッシュボードまたはFTPクライアントを使って、Webサイトのファイルをホスティングサーバーにアップロードします。
- URLにアクセスしてWebサイトをテストします。
ヒント: 多くのホスティングプロバイダーが、始めるための手順ガイドを用意しています。
自分で試してみましょう
課題: GitHub Pagesを使って、シンプルなHTMLページをホスティングしましょう。手順は次のとおりです。
- 無料のGitHubアカウントを作成します。
- Webサイトのファイルをリポジトリにアップロードします。
- リポジトリの設定を開き、GitHub Pagesを有効にします。
- 指定されたURLにアクセスして、Webサイトが公開されていることを確認します。
ヒント: GitHub Pagesは、初心者や小規模なプロジェクトに最適です。
Webホスティングのおさらい
よくできました!
おめでとうございます!Webホスティングの基本と、Webサイトをオンラインで公開する方法を学びました。ホスティングはWeb開発に欠かせない要素です。これで、作ったものを世界中の人と共有する準備が整いました。次のレッスンでは、ドメイン名の重要性と、Webサイトに適したドメイン名の選び方を学びます。学習を続けましょう!

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フィードバックを取得できます。ローカル設定は不要です。
このコースのすべてのレッスン
- HTMLの次に学ぶこと
- Webサイトの仕組み
- Webホスティング入門
- Web開発ツールを探る