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
110
Netlifyで、ポートフォリオをつくってみた
Netlifyの紹介をします。便利なので、みんなも使ってね
Endo_Hizumi
March 27, 2019
Tweet
Share
More Decks by Endo_Hizumi
See All by Endo_Hizumi
意志の力が9割。アニメから学ぶAI時代のこれから。
endohizumi
1
120
JSでギャルゲーをつくろう!(第3版)
endohizumi
0
57
JSでギャルゲーをつくろう!(第2版)
endohizumi
0
69
JSでギャルゲーをつくろう!
endohizumi
0
360
テレビを飲み込め! Webの嵐!! / Swallow the TV! Web storm! !!
endohizumi
1
97
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
310
クソアプリで基礎固め / Tutorial in your joke app for Vue.js
endohizumi
0
220
jQuery使いがVue.jsを使った話 / thank you jQuery,Hello Vue.js
endohizumi
0
180
スマホで始めるウェブアプリ開発 / let's start web application development with a Android Device
endohizumi
1
920
Other Decks in Technology
See All in Technology
これがLambdaレス時代のChatOpsだ!実例で学ぶAmazon Q Developerカスタムアクション活用法
iwamot
PRO
5
760
大規模サーバーレスAPIの堅牢性・信頼性設計 〜AWSのベストプラクティスから始まる現実的制約との向き合い方〜
maimyyym
6
3.9k
関係性が駆動するアジャイル──GPTに人格を与えたら、対話を通してふりかえりを習慣化できた話
mhlyc
0
140
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
190
リーダーになったら未来を語れるようになろう/Speak the Future
sanogemaru
0
360
Shirankedo NOCで見えてきたeduroam/OpenRoaming運用ノウハウと課題 - BAKUCHIKU BANBAN #2
marokiki
0
170
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
11
78k
スタートアップにおけるこれからの「データ整備」
shomaekawa
2
340
AWS IoT 超入門 2025
hattori
0
290
そのWAFのブロック、どう活かす? サービスを守るための実践的多層防御と思考法 / WAF blocks defense decision
kaminashi
0
140
[Keynote] What do you need to know about DevEx in 2025
salaboy
0
150
ACA でMAGI システムを社内で展開しようとした話
mappie_kochi
1
310
Featured
See All Featured
A better future with KSS
kneath
239
18k
How to Think Like a Performance Engineer
csswizardry
27
2k
Gamification - CAS2011
davidbonilla
81
5.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
45
2.5k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
The Cult of Friendly URLs
andyhume
79
6.6k
A designer walks into a library…
pauljervisheath
209
24k
Rails Girls Zürich Keynote
gr2m
95
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6.1k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
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を使おうぜ!