Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CMScom TechTalk VuePressで作ったポットキャストサイト

Avatar for Manabu TERADA Manabu TERADA
June 12, 2020
Technology
0
160

CMScom TechTalk VuePressで作ったポットキャストサイト

Avatar for Manabu TERADA

Manabu TERADA

June 12, 2020
Tweet

More Decks by Manabu TERADA

See All by Manabu TERADA
PythonエンジニアになるためのテクニカルハイライトとPython実践試験学習方法
Avatar for Manabu TERADA terapyon
0
36
Pythonデータ分析実践試験 出題傾向や学習のポイントとテクニカルハイライト
Avatar for Manabu TERADA terapyon
1
220
近年の PyCon 情勢から見た PyCon APAC のまとめ
Avatar for Manabu TERADA terapyon
0
350
Desktop Apps Made Easy: Python Web UI Frameworks with Streamlit and Stlite
Avatar for Manabu TERADA terapyon
1
69
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
Avatar for Manabu TERADA terapyon
0
1.3k
各種大学向けにSSO対応サイト(SP)構築の事例紹介
Avatar for Manabu TERADA terapyon
0
49
コンテンツタイプとUMLで考えるPlone開発（1）
Avatar for Manabu TERADA terapyon
0
100
Python Web UIフレームワークのススメ
Avatar for Manabu TERADA terapyon
0
1.3k
LLMを用いたPloneベクター検索 アドオンの開発の説明
Avatar for Manabu TERADA terapyon
0
110

Other Decks in Technology

See All in Technology
“プロダクトを好きになれるか“も QAエンジニア転職の大事な判断基準だと思ったの
Avatar for yuden tomodakengo
1
230
DenoとJSRで実現する最速MCPサーバー開発記 / Building MCP Servers at Lightning Speed with Deno and JSR
Avatar for Okuto Oyama yamanoku
1
240
25分で解説する「最小権限の原則」を実現するための AWS「ポリシー」大全 / 20250625-aws-summit-aws-policy
Avatar for opelab opelab
6
610
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
160
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
Avatar for AIxIoTビジネス共創ラボ iotcomjpadmin
0
140
Amazon Q Developer for GitHubとAmplify Hosting でサクッとデジタル名刺を作ってみた
Avatar for たけのこ kmiya84377
0
3.5k
Snowflake Summit 2025 データエンジニアリング関連新機能紹介 / Snowflake Summit 2025 What's New about Data Engineering
Avatar for t-hiroto tiltmax3
0
170
TechLION vol.41～MySQLユーザ会のほうから来ました / techlion41_mysql
Avatar for sakaik sakaik
0
140
原則から考える保守しやすいComposable関数設計
Avatar for Mori Atsushi moriatsushi
3
500
DB 醬，嗨！哪泥嘎斯基？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
キャディでのApache Iceberg, Trino採用事例　-Apache Iceberg and Trino Usecase in CADDi--
Avatar for recruiting@caddi.jp caddi_eng
0
170
Create a Rails8 responsive app with Gemini and RubyLLM
Avatar for Riccardo Carlesso palladius
0
130

Featured

See All Featured
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
46
9.6k
Code Review Best Practice
Avatar for Trisha Gee trishagee
68
18k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
172
14k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.4k
Side Projects
Avatar for Sacha Greif sachag
455
42k
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
1
330
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
248
1.3M
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
245
12k

Transcript

  1. copyright © 2020 CMS Comunications Inc. all rights reserved. VuePressで構築したポッドキャストサイ

    ト ─技術的な側面─ 代表取締役　寺田 学 「CMScom TechTalk」 2020年6月12日

  2. copyright © 2020 CMS Comunications Inc. all rights reserved. 概要

    個人の趣味で2月からポッドキャストを始めた。サービスを利用しているので専用サイトは 不要だったが、SNSでの宣伝などを行う場合に専用のサイトがあるとうれしと思った。 勉強中のVueで静的サイトジェネレータを使ったしくみだと、ホストも楽だし勉強になると思 い構築した。 その技術的な側面を説明する。取り扱うツールは、VuePress, github, netlifyなどです。

  3. copyright © 2020 CMS Comunications Inc. all rights reserved. トークの流れ

    • サイトの概要 • ポッドキャストの配信 • 全体構成 • 自動化の仕組み

  4. copyright © 2020 CMS Comunications Inc. all rights reserved. サイトの概要

  5. copyright © 2020 CMS Comunications Inc. all rights reserved. サイトの概要

    terapyon channel podcast • https://podcast.terapyon.net/ • ポッドキャストの概要やエピソードを紹介 ◦ Home ◦ About ◦ Episodes ◦ Special

  6. copyright © 2020 CMS Comunications Inc. all rights reserved. ポッドキャストの配信

  7. copyright © 2020 CMS Comunications Inc. all rights reserved. ポッドキャストの配信

    Anchor • https://anchor.fm/ • ここにエピソードを作ると様々な配信サービスに再配信 ◦ Spotify ◦ Apple ◦ Google ◦ など

  8. copyright © 2020 CMS Comunications Inc. all rights reserved. 全体の構成

  9. copyright © 2020 CMS Comunications Inc. all rights reserved. 静的サイトジェネレータ

    静的にサイトを構築してくれる仕組み JavaScriptの技術を用いる • Gatsby.js (React) • Next.js (React) • Nuxt.js (Vue) • VuePress (Vue)

  10. copyright © 2020 CMS Comunications Inc. all rights reserved. https://podcast.terapyon.net

    音声ファイル Noteを書く MDファイルを書く https://github.com/terapyon/podcast-website Pushでビルド

  11. copyright © 2020 CMS Comunications Inc. all rights reserved. 自動化の仕組み

  12. copyright © 2020 CMS Comunications Inc. all rights reserved. https://podcast.terapyon.net

    音声ファイル Noteを書く RSSを定期 チェック Pushでビルド

  13. copyright © 2020 CMS Comunications Inc. all rights reserved. ご清聴

    ありがとうございました。

  14. copyright © 2020 CMS Comunications Inc. all rights reserved. Q&A