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
爆速で作る 技術ブログ
Search
yanskun
November 04, 2020
Technology
0
83
爆速で作る 技術ブログ
yanskun
November 04, 2020
Tweet
Share
More Decks by yanskun
See All by yanskun
My Terminal
yanskun
0
19
Create Chrome Extension!
yanskun
0
110
Lets' OSS Contribute
yanskun
0
120
Gardening by GitHub Projects
yanskun
0
19
Codespaces を使って古のプロジェクトを復活させる
yanskun
0
30
git alias で カスタムコマンドを作成
yanskun
0
13
Release を簡単にやる方法
yanskun
0
94
チーム開発での犯人探し
yanskun
1
300
Other Decks in Technology
See All in Technology
ロリポップ! for Gamersの立ち上げ/lolipop for gamers launch
takumakume
0
620
Waffle Festival2024(斉藤裕希)
cybozuinsideout
PRO
3
190
[JSAI24] Attention Lattice Adapter: Visual Explanation for Vision-Language Foundation Models
keio_smilab
PRO
0
130
ErrorBoundaryとSuspenseの導入検討
rakus_fe
0
160
Unity Catalog 技術ディープダイブ
databricksjapan
1
130
はてなのSRE組織2024 / Road to SRE NEXT@福岡
cohalz
1
550
RAGのサービスをリリースして1年が経ちました
segavvy
4
1.6k
GoのWebプロダクトに途中参加するときのキャッチアップ #layerxgo / How to catch up Go web product
budougumi0617
6
510
SONiCスイッチを商用サービスに入れてみた(三井情報株式会社)
sonic
0
190
Mutation Testingを活用して テスト品質を考える /introduction to mutation testing
kakehashi
3
380
GopherDay Taiwan 2024 - 利用 Gemini Pro 與 Golang 打造創新智能的 LINE Bot 應用
line_developers_tw
PRO
0
230
UFACTORY Lite 6用リーダーフォロワーシステムの作成
hygradme
0
120
Featured
See All Featured
10 Git Anti Patterns You Should be Aware of
lemiorhan
650
58k
Web Components: a chance to create the future
zenorocha
306
41k
Web development in the modern age
philhawksworth
203
10k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
23
1.7k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
Product Roadmaps are Hard
iamctodd
45
9.8k
What's in a price? How to price your products and services
michaelherold
238
11k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
228
16k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Building a Modern Day E-commerce SEO Strategy
aleyda
22
6.5k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
BBQ
matthewcrist
80
8.8k
Transcript
爆速で作る ブログ with nuxt + netlify + contentful yasudanaoya
名前 yasudanaoya 生まれ年 1994年 社会人歴 4年目 職歴 2017/04 ~ (株)セラク
2018/10 ~ シアトルコンサルティング(株) 職業 フロントエンジニア(vue) モットー 頑張らないを頑張る
AGENDA 01 DOCKERIZE node の alpine の image を選択 03
HOSTING hosting service に Netlify を選択 02 CREATE PROJECT routing が楽になるの で、nuxt を選択 04 CMS CMS に contentful を選 択
01 DOCKERIZE とりあえずで docker を選択
Dockerfile
memo node version 偶数バージョンが基本的に安定版 奇数バージョンは開発中 https://github.com/nodejs/Release
02 CREATE PROJECT create-nuxt-app nuxt project がサルでも作れる
create-nuxt-app yarn create nuxt-app <app-name> STEP 1 適当に vue ファイル
を作成 STEP 3 対話式に設定内容 を決められる STEP 2 push STEP 4
03 HOSTING Netlify hosting がサルでもできる
Netlify アカウント作成 STEP 1 build ファイルを選 択 STEP 3 repository
を選択 STEP 2 deploy STEP 4
netlify
04 CMS contentful CMS = Contents Management System → いんたーねっとでつくれるでーたべーす
contentful アカウント作成 STEP 1 Fields (column) を 設定 STEP 3
model (DB) を作成 STEP 2 中身を書きます STEP 4
contentful
None
portfolio
None
• Twitter • GitHub • Qiita 今回の成果物 https://github.com/yasudanaoya/portfolio THANKS