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
82
Netlifyで、ポートフォリオをつくってみた
Netlifyの紹介をします。便利なので、みんなも使ってね
Endo_Hizumi
March 27, 2019
Tweet
Share
More Decks by Endo_Hizumi
See All by Endo_Hizumi
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
73
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
230
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
endohizumi
0
150
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
140
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
760
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
88
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
75
Server-sent eventsを使ってみた / I tried using Server-sent event
endohizumi
1
970
キレない変数の扱い方 /How to handle variables no anger
endohizumi
0
120
Other Decks in Technology
See All in Technology
SREとその組織類型
tatsuo48
8
1.4k
4年前、あるじゃん老害エンジニアLT合戦に登壇、米国西海岸コンピュータ歴史博物館体験記の続編
toshi_atsumi
0
180
シン・Kafka / shin-kafka
oracle4engineer
PRO
6
2.7k
Databricks におけるデータエンジニアリング
databricksjapan
0
360
【SORACOM UG】SIM Deep Dive セキュアエレメント編
soracom
PRO
0
190
TransitGatewayの基礎
toru_kubota
0
220
Oracle Exadata Database Service on Cloud@Customer (ExaDB-C@C) - UI スクリーン・キャプチャ集
oracle4engineer
PRO
1
1.1k
コンテナセキュリティの基本と脅威への対策
kyohmizu
3
630
LLM とプロンプトエンジニアリング/チューターをビルドする / LLM and Prompt Engineering and Building Tutors
ks91
PRO
0
200
クラウドサインにおけるプロダクトマネージャーの役割と開発プロセス / 20240410_cloudsign-PdM
bengo4com
1
660
メールセキュリティの DMARC周りの設定を少しずつ設定してみたお話
miu_crescent
1
260
AIQ株式会社 エンジニア向け会社紹介資料
aiqlab
0
340
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.2k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
74
41k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
Code Review Best Practice
trishagee
54
15k
Design by the Numbers
sachag
274
18k
Writing Fast Ruby
sferik
619
60k
How To Stay Up To Date on Web Technology
chriscoyier
781
250k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Bash Introduction
62gerente
604
210k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
8
8.3k
Unsuck your backbone
ammeep
662
57k
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を使おうぜ!