Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Netlifyで、ポートフォリオをつくってみた
Search
Endo_Hizumi
March 27, 2019
Technology
0
100
Netlifyで、ポートフォリオをつくってみた
Netlifyの紹介をします。便利なので、みんなも使ってね
Endo_Hizumi
March 27, 2019
Tweet
Share
More Decks by Endo_Hizumi
See All by Endo_Hizumi
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
2
JSでギャルゲーをつくろう!
endohizumi
0
53
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
75
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
260
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
endohizumi
0
160
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
150
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
840
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
110
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
77
Other Decks in Technology
See All in Technology
Java x Spring Boot Warm up
kazu_kichi_67
2
470
APIテスト自動化の勘所
yokawasa
6
3.6k
AWS re:Inventを徹底的に楽しむためのTips / Tips for thoroughly enjoying AWS re:Invent
yuj1osm
1
450
Aurora_BlueGreenDeploymentsやってみた
tsukasa_ishimaru
1
120
ガバメントクラウド単独利用方式におけるIaC活用
techniczna
3
240
Creating Intuitive Developer Tool in Swift
giginet
PRO
0
620
WHOLENESS, REPAIRING, AND TO HAVE FUN: 全体性、修復、そして楽しむこと
snoozer05
PRO
3
6.4k
Nix入門パラダイム編
asa1984
2
180
分布で見る効果検証入門 / ai-distributional-effect
cyberagentdevelopers
PRO
4
660
Autify Company Deck
autifyhq
1
39k
内製化によるシステムモダナイゼーションの実践
kazokmr
3
560
生成AIとAWS CDKで実現! 自社ブログレビューの効率化
ymae
2
280
Featured
See All Featured
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
106
49k
How To Stay Up To Date on Web Technology
chriscoyier
788
250k
RailsConf 2023
tenderlove
29
870
Gamification - CAS2011
davidbonilla
80
5k
Docker and Python
trallard
40
3.1k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
The World Runs on Bad Software
bkeepers
PRO
65
11k
Agile that works and the tools we love
rasmusluckow
327
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
364
22k
The Language of Interfaces
destraynor
154
24k
4 Signs Your Business is Dying
shpigford
180
21k
Measuring & Analyzing Core Web Vitals
bluesmoon
1
36
Transcript
Netlifyで、ポートフォリオをつ くってみた 2019 年 3 月 27 日 第 136
回 PHP 勉強会@東京 遠藤ヒズミ
Netlifyって、知ってます?
Netlifyは、 静的コンテンツの ホスティングサービスです。
便利だから、みんなも使おう!
GitHubレポジトリと連携すると Pushするだけでコンテンツを更新 してくれます。
他にも、Formの送信先に指定できたり、 ReactやVueをビルドしてデプロイなど サーバーレスに運用ができます
サクッとホームページを作るのに 最適なので、ポートフォリオ作ってみまし た!
http://hizumi.dev
独自ドメインの設定とDNSのホスティングもしてくれます (なので、話題の.devドメインを取りましたw)
Add or Register domainから、追加ができます。
やり方はとても簡単!
デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub
/ GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub
/ GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub
/ GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub
/ GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
デプロイまでの4ステップ! 1. New Site from Git をクリック 2. サービスを選択( GitHub
/ GitLab / Bitbucket ) 3. リポジトリ選択 4. PublishDirectory に、 `index.html` のディレクトリを 指定して Deploy site
New site from Gitをクリック
レポジトリのあるサービスを選択する(僕はGitHub)
公開したいレポジトリを選ぶ。
Publish Directoryにindex.htmlがあるディレクトリを指定して、Deploy siteをクリッ ク!
これで、完了! デプロイ完了まで少し時間かかるからゆっくり待ってね!
更新は、レポジトリをPushするだけ! $ git push origin master (カチャカチャターン!!
手軽に使えて便利だから みんなもNetlifyを使おうぜ!