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
93
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
75
OK:Googleから始めるスマートホーム生活 / OK: Smart home life starting from Google
endohizumi
0
250
クソアプリで基礎固め / 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
800
キレない関数の作り方 / How to make bat function no anger
endohizumi
0
99
SwaggerでSSLCを 置き換える / Replacing SSLC with Swagger
endohizumi
0
75
Server-sent eventsを使ってみた / I tried using Server-sent event
endohizumi
1
1.1k
キレない変数の扱い方 /How to handle variables no anger
endohizumi
0
130
Other Decks in Technology
See All in Technology
エンジニアの生存戦略 〜クラウド潮流の経験から紐解く技術トレンドのメカニズムと乗りこなし方〜
shimy
9
1.9k
ゆめみのアクセシビリティの現在地と今後
ryokatsuse
3
290
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.6k
クラウド利用者の「責任」をどう果たす?AWSセキュリティ対策のススメ #AWSSummit
hiashisan
0
280
AutomatedLabを使って内部ペンテストを勉強しよう! -やられ社内ネットワークの自動構築-
n_etupirka
1
610
DevIO2024_レガシー運用からの脱却 -クラウド活用の実践事例とベストプラクティス-
jun2882
0
210
AWSでRAGを作る法方
sonoda_mj
1
140
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
20
10k
フルリモートワークはエンジニアの夢を叶えたか? #cm_odyssey
mamohacy
2
600
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.4k
サービス開発を前に進めるために 新米リードエンジニアが 取り組んだこと / Steps Taken by a Novice Lead Engineer to Advance Service Development
nologyance
0
180
実践ARMアーキテクチャ移行
pyama86
1
100
Featured
See All Featured
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
502
140k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
52k
Web Components: a chance to create the future
zenorocha
307
41k
Thoughts on Productivity
jonyablonski
64
4.1k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Optimising Largest Contentful Paint
csswizardry
18
2.6k
A better future with KSS
kneath
231
17k
GraphQLの誤解/rethinking-graphql
sonatard
59
9.6k
What the flash - Photography Introduction
edds
65
11k
Optimizing for Happiness
mojombo
373
69k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
A Modern Web Designer's Workflow
chriscoyier
689
190k
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を使おうぜ!