Netlifyで、ポートフォリオをつくってみた

Netlifyの紹介をします。便利なので、みんなも使ってね

Transcript

1. Netlifyで、ポートフォリオをつ くってみた 2019 年 3 月 27 日 第 136 回 PHP 勉強会＠東京 遠藤ヒズミ
2. Netlifyって、知ってます？
3. Netlifyは、 静的コンテンツの ホスティングサービスです。
4. 便利だから、みんなも使おう！
5. GitHubレポジトリと連携すると Pushするだけでコンテンツを更新 してくれます。
6. 他にも、Formの送信先に指定できたり、 ReactやVueをビルドしてデプロイなど サーバーレスに運用ができます
7. サクッとホームページを作るのに 最適なので、ポートフォリオ作ってみまし た！
8. http://hizumi.dev
9. 独自ドメインの設定とDNSのホスティングもしてくれます （なので、話題の.devドメインを取りましたw）
10. Add or Register domainから、追加ができます。
11. やり方はとても簡単！
12. デプロイまでの４ステップ！ 1. New Site from Git をクリック 2. サービスを選択（ GitHub / GitLab / Bitbucket ） 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
13. デプロイまでの４ステップ！ 1. New Site from Git をクリック 2. サービスを選択（ GitHub / GitLab / Bitbucket ） 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
14. デプロイまでの４ステップ！ 1. New Site from Git をクリック 2. サービスを選択（ GitHub / GitLab / Bitbucket ） 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
15. デプロイまでの４ステップ！ 1. New Site from Git をクリック 2. サービスを選択（ GitHub / GitLab / Bitbucket ） 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
16. デプロイまでの４ステップ！ 1. New Site from Git をクリック 2. サービスを選択（ GitHub / GitLab / Bitbucket ） 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
17. New site from Gitをクリック
18. レポジトリのあるサービスを選択する（僕はGitHub）
19. 公開したいレポジトリを選ぶ。
20. Publish Directoryにindex.htmlがあるディレクトリを指定して、Deploy siteをクリッ ク！
21. これで、完了！ デプロイ完了まで少し時間かかるからゆっくり待ってね！
22. 更新は、レポジトリをPushするだけ！ $ git push origin master (ｶﾁｬｶﾁｬﾀｰﾝ!!
23. 手軽に使えて便利だから みんなもNetlifyを使おうぜ！