Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
CMScom TechTalk VuePressで作ったポットキャストサイト
Manabu TERADA
June 12, 2020
Technology
0
22
CMScom TechTalk VuePressで作ったポットキャストサイト
Manabu TERADA
June 12, 2020
Tweet
Share
More Decks by Manabu TERADA
See All by Manabu TERADA
terapyon
0
22
terapyon
0
82
terapyon
1
280
terapyon
0
340
terapyon
2
640
terapyon
0
390
terapyon
0
31
terapyon
0
140
terapyon
0
140
Other Decks in Technology
See All in Technology
myhomenwlab
1
230
adhorn
0
340
zak3
1
170
conciergeu
0
130
kanaugust
PRO
0
150
feststelltaste
0
110
viva_tweet_x
3
2.5k
whitefox_73
0
180
chaspy
6
1.2k
raykataoka
9
7.8k
ocise
1
1.8k
manuelmeyer
0
130
Featured
See All Featured
orderedlist
PRO
328
36k
mthomps
39
2.3k
malarkey
119
16k
pauljervisheath
196
15k
shpigford
165
19k
holman
448
130k
marcelosomers
220
15k
myddelton
109
11k
jeffersonlam
329
15k
afnizarnur
176
14k
rasmusluckow
318
18k
tammielis
237
23k
Transcript
copyright © 2020 CMS Comunications Inc. all rights reserved. VuePressで構築したポッドキャストサイ
ト ─技術的な側面─ 代表取締役 寺田 学 「CMScom TechTalk」 2020年6月12日
copyright © 2020 CMS Comunications Inc. all rights reserved. 概要
個人の趣味で2月からポッドキャストを始めた。サービスを利用しているので専用サイトは 不要だったが、SNSでの宣伝などを行う場合に専用のサイトがあるとうれしと思った。 勉強中のVueで静的サイトジェネレータを使ったしくみだと、ホストも楽だし勉強になると思 い構築した。 その技術的な側面を説明する。取り扱うツールは、VuePress, github, netlifyなどです。
copyright © 2020 CMS Comunications Inc. all rights reserved. トークの流れ
• サイトの概要 • ポッドキャストの配信 • 全体構成 • 自動化の仕組み
copyright © 2020 CMS Comunications Inc. all rights reserved. サイトの概要
copyright © 2020 CMS Comunications Inc. all rights reserved. サイトの概要
terapyon channel podcast • https://podcast.terapyon.net/ • ポッドキャストの概要やエピソードを紹介 ◦ Home ◦ About ◦ Episodes ◦ Special
copyright © 2020 CMS Comunications Inc. all rights reserved. ポッドキャストの配信
copyright © 2020 CMS Comunications Inc. all rights reserved. ポッドキャストの配信
Anchor • https://anchor.fm/ • ここにエピソードを作ると様々な配信サービスに再配信 ◦ Spotify ◦ Apple ◦ Google ◦ など
copyright © 2020 CMS Comunications Inc. all rights reserved. 全体の構成
copyright © 2020 CMS Comunications Inc. all rights reserved. 静的サイトジェネレータ
静的にサイトを構築してくれる仕組み JavaScriptの技術を用いる • Gatsby.js (React) • Next.js (React) • Nuxt.js (Vue) • VuePress (Vue)
copyright © 2020 CMS Comunications Inc. all rights reserved. https://podcast.terapyon.net
音声ファイル Noteを書く MDファイルを書く https://github.com/terapyon/podcast-website Pushでビルド
copyright © 2020 CMS Comunications Inc. all rights reserved. 自動化の仕組み
copyright © 2020 CMS Comunications Inc. all rights reserved. https://podcast.terapyon.net
音声ファイル Noteを書く RSSを定期 チェック Pushでビルド
copyright © 2020 CMS Comunications Inc. all rights reserved. ご清聴
ありがとうございました。
copyright © 2020 CMS Comunications Inc. all rights reserved. Q&A