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
180

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

Avatar for Manabu TERADA

Manabu TERADA

June 12, 2020
Tweet

More Decks by Manabu TERADA

See All by Manabu TERADA
オープンソースを安心して利用するために
Avatar for Manabu TERADA terapyon
1
69
CMSツールPloneでAAL2対応への挑戦
Avatar for Manabu TERADA terapyon
0
48
PythonエンジニアになるためのテクニカルハイライトとPython実践試験学習方法
Avatar for Manabu TERADA terapyon
0
54
Pythonデータ分析実践試験 出題傾向や学習のポイントとテクニカルハイライト
Avatar for Manabu TERADA terapyon
1
790
近年の PyCon 情勢から見た PyCon APAC のまとめ
Avatar for Manabu TERADA terapyon
0
450
Desktop Apps Made Easy: Python Web UI Frameworks with Streamlit and Stlite
Avatar for Manabu TERADA terapyon
1
110
Python実践試験、 Pythonデータ分析実践試験に 合格できるひとのレベル紹介と学習法
Avatar for Manabu TERADA terapyon
0
4.1k
各種大学向けにSSO対応サイト(SP)構築の事例紹介
Avatar for Manabu TERADA terapyon
0
91
コンテンツタイプとUMLで考えるPlone開発（1）
Avatar for Manabu TERADA terapyon
0
160

Other Decks in Technology

See All in Technology
AWSインフルエンサーへの道 / load of AWS Influencer
Avatar for WHIsaiyo whisaiyo
0
240
Oracle Database@Azure：サービス概要のご紹介
Avatar for oracle4engineer oracle4engineer
PRO
3
210
投資戦略を量産せよ 2 - マケデコセミナー(2025/12/26)
Avatar for tomo gamella
0
540
意外と知らない状態遷移テストの世界
Avatar for nihonbuson nihonbuson
PRO
1
350
MySQLとPostgreSQLのコレーション / Collation of MySQL and PostgreSQL
Avatar for とみたまさひろ tmtms
1
1.4k
なぜ あなたはそんなに re:Invent に行くのか？
Avatar for Kazuki Miura miu_crescent
PRO
0
230
「もしもデータ基盤開発で『強くてニューゲーム』ができたなら今の僕はどんなデータ基盤を作っただろう」
Avatar for AEON aeonpeople
0
270
アプリにAIを正しく組み込むための アーキテクチャ── 国産LLMの現実と実践
Avatar for Yasushi Taki kohju
1
260
「駆動」って言葉、なんかカッコイイ_Mitz
Avatar for comucal comucal
PRO
0
120
Microsoft Agent Frameworkの可観測性
Avatar for tomokusaba tomokusaba
1
120
Introduce marp-ai-slide-generator
Avatar for Itaru Tomita itarutomy
0
150
ペアーズにおけるAIエージェント 基盤とText to SQLツールの紹介
Avatar for Hikaru Sasamoto hisamouna
2
1.9k

Featured

See All Featured
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
130
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
0
1.9k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
170
Jess Joyce - The Pitfalls of Following Frameworks
Avatar for Tech SEO Connect techseoconnect
PRO
1
34
Unlocking the hidden potential of vector embeddings in international SEO
Avatar for Frank van Dijk frankvandijk
0
130
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
410
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
0
97
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.4k
Everyday Curiosity
Avatar for Cassini Nazir cassininazir
0
110

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