Zenn
💡

GithubやGit使わずにWebサイト公開したい！

に公開
CSS
HTML
Netlify
tech

初めに

ウェブサイトを公開したいけど何が何だかわかんない...
Git? GitHub? なんやそれ...
そんな悩めるあなたへの記事になります！

（初めての zenn の記事なので温かい目で見ていただきたいです）
（どこか間違ってたらごめんなさい）

公開するぞ！

今回は Netlify というサービスを使って公開します。
アメリカの会社が提供してくださってるサービスです。
https://app.netlify.com/

1. Netlifyのアカウントを作成

  1. このリンクをクリックして Netlify にアクセスし、下の Sign up を押します。
  2. 次に、Sign up with email を押して、Email と Password を設定します。
  3. 設定したメールアドレスに Netlify からメールが届くので Verify email をクリックします。
  4. Netlify のページが開いたら、ユーザ設定をします。
  5. Deploy your first project の画面になったら、Skip this step for now をクリックします。

    こんな感じの画面になったら OK !
Netlifyのプランについて

基本的に無料で利用可能！

  • 月間100GB以上アクセスがあると追加課金 or プランアップグレードが必要。
  • ビルド時間が300分超えると有料（Starterプラン以上に）なる。
  • アクセスがバズったり、ビルドしまくったりしない限り、普通は無料で十分。

2. ウェブサイトを公開！

  1. ナビゲーションの Sites をクリックして、 ...or deploy manually の browse to upload をクリックします。
  2. Explorer もしくは Finder が開いたら公開したいサイトの HTML や CSS が入っているフォルダを選択し、アップロードします。
  3. 少し待ったらウェブサイトが公開されます！
    緑色の文字の 〇〇.netlify.app をクリックしてWebサイトにアクセスしてみましょう。

3. (おまけ) 公開したサイトのURLを編集したい！

  1. ナビゲーションから Sites をクリックして、先ほど公開したウェブサイトをクリックします。
  2. Site configuration をクリックして、Change site name をクリックします。
  3. Site name を編集し、 Re-enter the new site name to confirm に新しい名前を再度入力し、保存すれば完了！

最後に

Git、GitHubって難しいですよね。
めっちゃ便利だし、後々必要になるかもしれないけど、まずはweb制作の楽しさを堪能してほしいなぁって個人的には思います。
いろんなものを作る中で、必要になった時に必要なことを学べればいいんじゃないかなぁ。
楽しんでね！！

Discussion