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
160
CMScom TechTalk VuePressで作ったポットキャストサイト
Manabu TERADA
June 12, 2020
Tweet
Share
More Decks by Manabu TERADA
See All by Manabu TERADA
PythonエンジニアになるためのテクニカルハイライトとPython実践試験学習方法
terapyon
0
36
Pythonデータ分析実践試験 出題傾向や学習のポイントとテクニカルハイライト
terapyon
1
320
近年の PyCon 情勢から見た PyCon APAC のまとめ
terapyon
0
360
Desktop Apps Made Easy: Python Web UI Frameworks with Streamlit and Stlite
terapyon
1
72
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
terapyon
0
1.4k
各種大学向けにSSO対応サイト(SP)構築の事例紹介
terapyon
0
52
コンテンツタイプとUMLで考えるPlone開発(1)
terapyon
0
110
Python Web UIフレームワークのススメ
terapyon
0
1.3k
LLMを用いたPloneベクター検索 アドオンの開発の説明
terapyon
0
110
Other Decks in Technology
See All in Technology
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
120
敢えて生成AIを使わないマネジメント業務
kzkmaeda
0
170
Zephyr RTOSを使った開発コンペに参加した件
iotengineer22
1
190
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
150
製造業からパッケージ製品まで、あらゆる領域をカバー!生成AIを利用したテストシナリオ生成 / 20250627 Suguru Ishii
shift_evolve
PRO
1
160
mrubyと micro-ROSが繋ぐロボットの世界
kishima
3
390
OPENLOGI Company Profile for engineer
hr01
1
33k
How Community Opened Global Doors
hiroramos4
PRO
1
140
Operating Operator
shhnjk
0
270
20250707-AI活用の個人差を埋めるチームづくり
shnjtk
2
2.3k
KubeCon + CloudNativeCon Japan 2025 Recap
ren510dev
1
350
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
1
220
Featured
See All Featured
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
The Invisible Side of Design
smashingmag
301
51k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Navigating Team Friction
lara
187
15k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
Making Projects Easy
brettharned
116
6.3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.4k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
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