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を使おうぜ！