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

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

0dbafc17e04503dfef253274853b2c8a?s=47 Manabu TERADA
June 12, 2020
Technology
0
35

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

0dbafc17e04503dfef253274853b2c8a?s=128

Manabu TERADA

June 12, 2020
Tweet

More Decks by Manabu TERADA

See All by Manabu TERADA
Python環境の今 2022
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
530
リモート時代のグローバルPython/Ploneコミュニティの変化と最新Plone6の動向
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
100
Plone is SPA
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
1
47
Making Volto site in Japanese University
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
37
React + PloneによるSPAの実現方法2種類を解説
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
300
PyCon JP が生まれて10年、 コミュニティのつながりとPython
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
1
420
OSC2020オンライン名古屋LT CMScomブースの紹介
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
500
オンライン教育を支える技術 [CMScom]
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
2
850
SPA CMSツールVolto for Ploneの紹介とPWAへの展望
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
1
650

Other Decks in Technology

See All in Technology
What's Data Lake ? Azure Data Lake best practice
0d7a3b61c5c1f64a50136cf4bb5702b7?s=48 ryomaru0825
2
740
LINEのB2Bプラットフォームにおけるトラブルシューティング２選
A3966f193f4bef226a0d3e3c1f728d7f?s=48 line_developers
PRO
3
290
誰が正解を知っているのか / Who knows the right answer
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
1
230
220628 「Google AppSheet」タスク管理アプリをライブ作成 吉積情報伊藤さん
50bc42471d197d0dbef7171f2ef85bb6?s=48 comucal
PRO
0
170
インタラクティブなメディアの地図投影法: WebメルカトルからAdaptive Projectionsへ / MIERUNE 社内勉強会 #033
C6b97a47d5406cfdef50a5c755751c16?s=48 sorami
2
210
#JP_Stripes Sapporo Stripeの活用例を色々ご紹介します！
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
110
機械学習システムアーキテクチャ入門 #1
8fa31051503b09846584c49cd53d2f80?s=48 asei
3
1.2k
Design for Humans: How to make better modernization decisions
4d71670118785e492d724ba8c0ae54ad?s=48 indualagarsamy
2
120
Security Hub のマルチアカウント 管理・運用をサーバレスでやってみる
640727b1a8120669de9b6d7f1d469893?s=48 ch6noota
0
790
Oracle Base Database Service 技術詳細
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
PRO
3
9k
多様な成熟度のデータ活用を総合支援するKADOKAWA Connectedのデータ組織について
058dd218ad1491cf904b1105b94fe5a8?s=48 kadokawaconnected
PRO
0
200
サーバレスECにおける Step Functions の使い方 〜ステートマシン全部見せます！〜
74cec195bfb6cb5165256d88cb7fcf0f?s=48 miu_crescent
0
190

Featured

See All Featured
ReactJS: Keep Simple. Everything can be a component!
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
655
120k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
E195ae45320d9202eaa01c9f1d31a416?s=48 marktimemedia
15
940
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.6k
Web Components: a chance to create the future
E190023b66e2b8aa73a842b106920c93?s=48 zenorocha
303
40k
Product Roadmaps are Hard
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
34
6.5k
Java REST API Framework Comparison - PWX 2021
72a2082c6a4dd79ad68befb3db911616?s=48 mraible
PRO
11
4.7k
A Modern Web Designer's Workflow
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
689
180k
Helping Users Find Their Own Way: Creating Modern Search Experiences
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
7
1.1k
Robots, Beer and Maslow
9375a9529679f1b42b567a640d775e7d?s=48 schacon
152
7.1k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
124
11k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.3k

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