TL; DR
- YattecastはGitHub Pages上で動作するPodcastサイトのテンプレート
- 無料で使えて容量制限もほぼなし(1ファイルの最大は100MB)
- Apple PodcastやGoogle Podcast向けの配信にも対応
はじめに
先日Podcastの配信サーバーをSoundCloudからGitHub Pagesに移行しました。
その際にYattecastというテンプレートを利用させていただいたのですが、これがめちゃめちゃ素晴らしかったので紹介します。
「GitHub Pages + Yattecast」は**"最低限で始められてカスタマイズ性が高い"**という、エンジニア好みの構成だと思います。Podcastを始めたいと思っている方は、是非参考にしてみてください。
できたもの
サイト: xR.fm: https://xrfm.github.io/
リポジトリ: https://github.com/xrfm/xrfm.github.io
Podcastサーバーの技術選定
Podcast自体の要件は意外とシンプルです。
- 音声ファイルがアップロード出来る
- 対応するRSSを書き出すことが出来る
Apple PodcastなどはRSSを元に音声ファイルをインデックスしてくれるだけなので、音声ファイルのアップロード先は配信側が用意する必要がある点が重要です。
これを踏まえて、Podcastサーバーの選択肢としては大きく2つあると思います。
- 配信サービスを利用する方法
- 自分でサーバーを用意する方法(httpsが好ましい)
1. 配信サービスを利用する方法
- Anchor
- SoundCloud
あたりが有名でしょうか。特徴としては以下の点が挙げられます
- 配信までの手順が簡単
- 無料で使えるものも多い
- プラスの機能もある(アナリティクスなど)
- 広告などが挿入される場合がある
手軽に利用出来て非常に便利だと思いますが、私が選定しなかった理由としては少なからず制約が入ってしまう点です。例えばAnchorでApple Podcastに配信する場合1はアートワークにロゴと音声の末尾に宣伝が挿入されたり、SoundCloudで配信する場合は総容量制限があったりします。また、サービス自体が終わってしまう可能性がある点も危惧しています2。この辺りはかなり好みや思想による部分ですし、数ある全てのサービスの検討をした訳ではない点にご注意ください。
2. 自分でサーバーを用意する方法
- フルスクラッチ
- WordPress
- Yattecast
あたりが該当します。配信サービスと比べて自由に出来る幅が広く、反面手間がかかる点が特徴です。特にWordPressはアップロード先のサーバーを用意する必要こそありますが、GUI操作を中心に簡単に構築でき、Podcast用のプラグインが多い点も魅力的でした。しかし、それを踏まえた上で「GitHub Pages + Yattecast」に軍配が上がりました。
GitHub Pagesとは
GitHub Pagesとは、GitHubによる静的サイトのホスティングサービスです。無料で使えます。
以前書いた記事でも簡単にまとめているので、参考にしてみてください。
【初心者向け】Hugo + GitHub Pagesで静的なポートフォリオを作る - Qiita
発行されるURL
GitHubアカウント、もしくはリポジトリに紐付いた綺麗なURLが発行されます。
- アカウントが
nkjzmの場合: https://nkjzm.github.io/ - リポジトリ名が
Hogeの場合: https://nkjzm.github.io/Hoge - Organization名が
xrfmの場合: https://xrfm.github.io/
容量制限
また、GitHub Pagesは容量制限がほとんどない点も魅力的です。GitHubリポジトリの制限とほぼ同一なので、1ファイル辺りの最大容量が100MBになりますが、リポジトリ自体に容量制限がありません(推奨は1GBとされていますが、超えても特に制約はないです)。
音声ファイルのフォーマットによっては100MBを超えてしまう場合もありますが、xR.fmではffmpegで192kビットレートの.mp3に変換しています。音質の劣化は特に感じず、30分ほど話している音声ファイルでも50MBに満たないくらいです。
参考: Mac でコマンドラインから、m4a / WAV → mp3 など音声ファイルの形式を変換 - モノラルログ
Yattecastとは
YattecastはGitHub Pages上で動作するPodcastサイトのテンプレートです。yatteiki.fmというPodcastをやられているr7kamura (Ryo Nakamura)さんがMITライセンス下で公開してくれています。GitHub Pagesが公式にサポートしているJekyll(ジキル)という静的サイトジェネレーターを用いて作られています。
リポジトリ: r7kamura/yattecast: Podcastサイトをつくるためのテンプレート
公式ページ: Yattecast - Podcastサイトをつくるためのテンプレート
「GitHub Pages + Yattecast」の特徴
GitHub Pagesが強いので、無料で使えて容量制限もほぼありません。GitHubというバージョン管理サービスの性質上、データが失われる可能性も極めて低いと思います。また、基本的な機能が一通り備わっているのでいくつかのファイルの設定をするだけで簡単に利用できる上に、自由にカスタマイズすることも可能です。まさに、多くのサービスの強みを兼ね備えた最強の構成だと思いました。
欠点としては、各種配信サービスで提供されているような便利機能や連携サービスなどはほとんどありません。Yattecastで実現できないことはないのですが、それならば初めから要件に近いサービスを使う方が好ましいと思います。
使い方
公式ページに書いてある通りなのですが、少し補足します。
1.リポジトリをfork
r7kamura/yattecast をforkし、適当な名前に変更します。
orgname.github.io のようなパターンの名前にするのがおすすめです。
GitHub Pagesの仕様で、orgname.github.ioという名前のリポジトリを作るとhttps://orgname.github.io/というURLが発行されます。Podcast用にOrganizationを作成し、その配下にforkするのが良いと思います。(ref: https://github.com/xrfm/xrfm.github.io)
2.設定を変更
_config.yml のサイト名や説明文などを書き換えます。
この辺りの差分を参考にしてください。
https://github.com/xrfm/xrfm.github.io/commit/e69e7b23f3c62ee1767bfd9f4f8561c6ed99a65a#diff-aeb42283af8ef8e9da40ededd3ae2ab2
actorsの各image_urlには/images/actors/以下の画像ファイル(400x400px)を指定してください。
3.音源を配置
audioディレクトリにmp3ファイルを配置します。
サンプルとして最初から空のmp3ファイルが置かれています。
100MB以下のファイルしかアップできない点に注意してください。
4.記事を配置
_postsディレクトリに記事を配置します。
サンプルの記事ファイルが置かれているので上書きしましょう。
YYYY-MM-DD-[Number].mdという形式になっています。[Number]の値がURLのパスになります。
(例)2019-04-11-10.mdの場合: https://xrfm.github.io/episode/10
これらを設定してリポジトリのpushすると、1分くらいで反映されるようになると思います(リポジトリページのSettingタブから確認出来ます。)
ページのカスタマイズをしたい場合は_includes, _layouts内の.htmlや/css以下のファイルを書き換えればOKです。あとは各Podcastサービスにも登録しておくと良いかと思います。
最後に
良かったらPodcastも聴いてみてください🙏
xR.fm: https://xrfm.github.io/
Twitter: @xrfrn