Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

2bf280ac8fc28aa5d99de291eb8ccfbe?s=128

Endo_Hizumi

March 27, 2019
Tweet

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. デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub

    / GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
  13. デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub

    / GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
  14. デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub

    / GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
  15. デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub

    / GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
  16. デプロイまでの4ステップ! 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を使おうぜ!