Netlifyのアカウントを作成する前にGitHubのアカウントを作成しておくことをおすすめします。
GitHubは無料で十分な機能が使えます。
NetlifyはGitHubと連携して使うとより便利です。
![【図解あり】GitHubアカウント作成方法を解説【数分で完了します】](https://images.ctfassets.net/o1bgnefm7hbe/2XaeWybW9V713xW1Lg1B5/c0c57b6fa3c41d8a383179c219b2df63/astronaut.png?w=260&h=146&q=50&fm=png)
【図解あり】GitHubアカウント作成方法を解説【数分で完了します】
記事を読む
Netlifyのサイトにアクセス
あらかじめGitHubにログインしておいてください。
そして以下のリンクよりNetlifyのページにアクセスします。
GitHubアカウントでサインアップする
![Netlifyのトップページ](https://images.ctfassets.net/o1bgnefm7hbe/569h9JBc1o6Iyn5A43Gl5K/8b9533dcc0ea96e8e61a1c321d965b0b/signup_netlify.001.png?w=760&h=570&q=50&fm=png)
画面右上の「Sign up」をクリックします。
![「GitHub」でNetlifyのアカウントを作る](https://images.ctfassets.net/o1bgnefm7hbe/SJwp8i0HQhNZYsbJSy4uV/addbb8c7f518780ae8703acfff99b6f6/signup_netlify.002.png?w=760&h=570&q=50&fm=png)
「GitHub」をクリックします。
![authorize_netlify](https://images.ctfassets.net/o1bgnefm7hbe/4dLrBdm7A13yoalqIs7tsY/5c21a82ed8ac2895e4d65264f5eaa131/authorize_netlify.jpeg?w=760&h=467&fl=progressive&q=50&fm=jpg)
上の画像のようなページが開きます。
ご自分のGitHubのアカウント名が表示されていることを確認しましょう。
「Authorize netlify」をクリックします。
![netlifyの登録完了](https://images.ctfassets.net/o1bgnefm7hbe/3gXSdDdqm4RgZR6hHQuX9A/fc18fc744636435545e3749247e4b25e/finish_registration_netlify.png?w=760&h=570&q=50&fm=png)
これでNetlifyのアカウント作成完了です。
![【無料です】作ったWebサイトを簡単に公開する方法](https://images.ctfassets.net/o1bgnefm7hbe/1NOyMxMjzA36FZMRlLDfDg/128a9ae2aed27f257990b7bd6b6cc5e3/0_deploy_website.png?w=260&h=146&q=50&fm=png)
【無料です】作ったWebサイトを簡単に公開する方法
記事を読む
![Reactで作ったアプリをNetlifyにデプロイする方法](https://images.ctfassets.net/o1bgnefm7hbe/5t4RyHBmahrVo9D9hTdAyG/82cdf420a5a2fd96c8c157509295d631/eyecatch_deploy_react_app_to_netlify.001.png?w=260&h=146&q=50&fm=png)
Reactで作ったアプリをNetlifyにデプロイする方法
記事を読む
![【コード書くだけ】Netlifyでお問い合わせフォームを作る方法](https://images.ctfassets.net/o1bgnefm7hbe/3oJ02fYDdEjUuwGXugpRfk/6ebb7a3b9d3415b88aad1a42c4f347f7/eyecatch_netlify_forms.png?w=260&h=146&q=50&fm=png)
【コード書くだけ】Netlifyでお問い合わせフォームを作る方法
記事を読む