Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

Webサイトを公開する

作成したWebサイトを無料で公開する方法を紹介します。

Netlify Dropを使う

Netlifyが提供する Netlify Drop は、フォルダをドラッグ&ドロップするだけでWebサイトを公開できるサービスです。

Webサイトを公開する流れ:

  1. https://app.netlify.com/drop にアクセスします
  2. 公開したいHTMLファイルなどが入ったフォルダを、ページ上にドラッグ&ドロップします
  3. アップロードが完了すると、公開用のURLが発行されます
  4. 発行されたURLにアクセスし、「Password protected site」と表示されるので、パスワード My-Drop-Site を入力し、[Submit] ボタンを押すと、Webサイトを閲覧できます

公式ドキュメント: Netlify Drop quickstart (Netlify Docs)

Netlify Dropで公開したWebサイトはアップロードしてから約1時間で公開終了します。継続的に公開したい場合は、無料のNetlifyアカウントでログインしてサイトを自分のアカウントに確保Claim this siteしましょう。確保したサイトは無料で公開し続けられます。

GitHubを使う

GitHub https://github.com を使うことで、より本格的にWebサイトを公開できます(このガイドもそうです)。

GitHubを使うには、無料アカウントの作成が必要です。

Webサイトを公開する流れ:

  1. GitHubでのアカウントの作成
  2. GitHub Pagesサイトの作成

自分に合った方法でWebサイトを公開してみましょう!