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
1
29
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
terapyon
0
130
各種大学向けにSSO対応サイト(SP)構築の事例紹介
terapyon
0
17
コンテンツタイプとUMLで考えるPlone開発(1)
terapyon
0
64
Python Web UIフレームワークのススメ
terapyon
0
1.1k
LLMを用いたPloneベクター検索 アドオンの開発の説明
terapyon
0
94
PyCon APACの軌跡
terapyon
0
2k
Pythonエンジニアになるためのテクニカルハイライトと学習方法
terapyon
0
110
Multi lingual Vector search using LLM
terapyon
1
95
Other Decks in Technology
See All in Technology
リクルートのエンジニア組織を下支えする 新卒の育成の仕組み
recruitengineers
PRO
2
160
AWSアカウントのセキュリティ自動化、どこまで進める? 最適な設計と実践ポイント
yuobayashi
7
1.2k
IoTシステム開発の複雑さを低減するための統合的アーキテクチャ
kentaro
1
130
x86-64 Assembly Essentials
latte72
0
110
Aurora PostgreSQLがCloudWatch Logsに 出力するログの課金を削減してみる #jawsdays2025
non97
1
240
開発者のための FinOps/FinOps for Engineers
oracle4engineer
PRO
2
240
入門 PEAK Threat Hunting @SECCON
odorusatoshi
0
180
フォーイット_エンジニア向け会社紹介資料_Forit_Company_Profile.pdf
forit_tech
1
1.7k
役員・マネージャー・著者・エンジニアそれぞれの立場から見たAWS認定資格
nrinetcom
PRO
4
6.6k
Autonomous Database Serverless 技術詳細 / adb-s_technical_detail_jp
oracle4engineer
PRO
17
46k
Охота на косуль у древних
ashapiro
0
120
ディスプレイ広告(Yahoo!広告・LINE広告)におけるバックエンド開発
lycorptech_jp
PRO
0
550
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
13k
Java REST API Framework Comparison - PWX 2021
mraible
29
8.4k
Adopting Sorbet at Scale
ufuk
75
9.2k
Scaling GitHub
holman
459
140k
How to Ace a Technical Interview
jacobian
276
23k
A Philosophy of Restraint
colly
203
16k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
650
Six Lessons from altMBA
skipperchong
27
3.6k
Done Done
chrislema
182
16k
We Have a Design System, Now What?
morganepeng
51
7.4k
The Cult of Friendly URLs
andyhume
78
6.2k
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
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