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

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

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

0dbafc17e04503dfef253274853b2c8a?s=128

Manabu TERADA

June 12, 2020
Tweet

More Decks by Manabu TERADA

See All by Manabu TERADA
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
290
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
2
560
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
240
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
22
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
120
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
0
120
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
1
38
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
3
2.2k
0dbafc17e04503dfef253274853b2c8a?s=48 terapyon
1
350

Other Decks in Technology

See All in Technology
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2k
0f993881fa8709dbe986bcade6c1fbad?s=48 satonaoki
0
120
F274f2fd3531a606f0a5766c9052b5d8?s=48 miyamotok
0
210
2cf373725ded741824c50fd571eda6e1?s=48 udzura
2
750
26173c2f52b5aa5d06e6806c7a9478d3?s=48 laprasdrum
0
870
39adbc0cddb8c0ea8470c80248e9e71b?s=48 hyodol2513
2
490
703c34db2db0e609fddec6a5585ceccc?s=48 kenta_sato3
2
160
Ee6254efe6c4bc4c08967c11d4939245?s=48 kotetuco
2
150
A2cd163fd3cfca5204b0d8f0c17eea29?s=48 yujif
2
130
1ae8fc4f63ab4770dd4545006489234c?s=48 yukinaga
2
460
6ca998e3a07596f141597da0d2983ecc?s=48 0si43
2
220
E4e01fb8b7105e61e3876224139503ab?s=48 niw
11
680

Featured

See All Featured
F29327647a9cff5c69618bae420792ea?s=48 tenderlove
49
3.2k
78b475797a14c84799063c7cd073962f?s=48 holman
287
130k
245cee81a9c424266e5e401d844ea881?s=48 lara
589
60k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
27k
20bfe76b3d6105641f879fe45cfc9272?s=48 bkeepers
51
3.9k
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
3
340
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
3
170
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
13
720
245cee81a9c424266e5e401d844ea881?s=48 lara
169
9.2k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
267
16k
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
257
16k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k

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