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
35
CMScom TechTalk VuePressで作ったポットキャストサイト
Manabu TERADA
June 12, 2020
Tweet
Share
More Decks by Manabu TERADA
See All by Manabu TERADA
Python環境の今 2022
terapyon
0
530
リモート時代のグローバルPython/Ploneコミュニティの変化と最新Plone6の動向
terapyon
0
100
Plone is SPA
terapyon
1
47
Making Volto site in Japanese University
terapyon
0
37
React + PloneによるSPAの実現方法2種類を解説
terapyon
0
300
PyCon JP が生まれて10年、 コミュニティのつながりとPython
terapyon
1
420
OSC2020オンライン名古屋LT CMScomブースの紹介
terapyon
0
500
オンライン教育を支える技術 [CMScom]
terapyon
2
850
SPA CMSツールVolto for Ploneの紹介とPWAへの展望
terapyon
1
650
Other Decks in Technology
See All in Technology
What's Data Lake ? Azure Data Lake best practice
ryomaru0825
2
740
LINEのB2Bプラットフォームにおけるトラブルシューティング2選
line_developers
PRO
3
290
誰が正解を知っているのか / Who knows the right answer
takaking22
1
230
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
comucal
PRO
0
170
インタラクティブなメディアの地図投影法: WebメルカトルからAdaptive Projectionsへ / MIERUNE 社内勉強会 #033
sorami
2
210
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します!
miu_crescent
0
110
機械学習システムアーキテクチャ入門 #1
asei
3
1.2k
Design for Humans: How to make better modernization decisions
indualagarsamy
2
120
Security Hub のマルチアカウント 管理・運用をサーバレスでやってみる
ch6noota
0
790
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
3
9k
多様な成熟度のデータ活用を総合支援するKADOKAWA Connectedのデータ組織について
kadokawaconnected
PRO
0
200
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます!〜
miu_crescent
0
190
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
655
120k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
940
Mobile First: as difficult as doing things right
swwweet
213
7.5k
Why You Should Never Use an ORM
jnunemaker
PRO
47
7.6k
Web Components: a chance to create the future
zenorocha
303
40k
Product Roadmaps are Hard
iamctodd
34
6.5k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
11
4.7k
A Modern Web Designer's Workflow
chriscoyier
689
180k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
7
1.1k
Robots, Beer and Maslow
schacon
152
7.1k
Visualization
eitanlees
124
11k
Thoughts on Productivity
jonyablonski
43
2.3k
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