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
CMScom TechTalk VuePressで作ったポットキャストサイト
Search
Manabu TERADA
June 12, 2020
Technology
0
150
CMScom TechTalk VuePressで作ったポットキャストサイト
Manabu TERADA
June 12, 2020
Tweet
Share
More Decks by Manabu TERADA
See All by Manabu TERADA
Desktop Apps Made Easy: Python Web UI Frameworks with Streamlit and Stlite
terapyon
0
23
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
terapyon
0
120
各種大学向けにSSO対応サイト(SP)構築の事例紹介
terapyon
0
15
コンテンツタイプとUMLで考えるPlone開発(1)
terapyon
0
57
Python Web UIフレームワークのススメ
terapyon
0
1.1k
LLMを用いたPloneベクター検索 アドオンの開発の説明
terapyon
0
91
PyCon APACの軌跡
terapyon
0
2k
Pythonエンジニアになるためのテクニカルハイライトと学習方法
terapyon
0
110
Multi lingual Vector search using LLM
terapyon
1
92
Other Decks in Technology
See All in Technology
Cracking the Coding Interview 6th Edition
gdplabs
14
28k
Two Blades, One Journey: Engineering While Managing
ohbarye
4
1.9k
IAMポリシーのAllow/Denyについて、改めて理解する
smt7174
2
200
Share my, our lessons from the road to re:Invent
naospon
0
140
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
3
5.8k
ExaDB-XSで利用されているExadata Exascaleについて
oracle4engineer
PRO
3
240
Oracle Database Technology Night #87-1 : Exadata Database Service on Exascale Infrastructure(ExaDB-XS)サービス詳細
oracle4engineer
PRO
1
170
手を動かしてレベルアップしよう!
maruto
0
200
AI Agent時代なのでAWSのLLMs.txtが欲しい!
watany
2
220
Windows の新しい管理者保護モード
murachiakira
0
200
4th place solution Eedi - Mining Misconceptions in Mathematics
rist
0
140
What's new in Go 1.24?
ciarana
1
110
Featured
See All Featured
Fireside Chat
paigeccino
34
3.2k
Practical Orchestrator
shlominoach
186
10k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.1k
The Cult of Friendly URLs
andyhume
78
6.2k
GitHub's CSS Performance
jonrohan
1030
460k
Designing Experiences People Love
moore
140
23k
Scaling GitHub
holman
459
140k
Adopting Sorbet at Scale
ufuk
74
9.2k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
The Invisible Side of Design
smashingmag
299
50k
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