タイトル案： 【B面】音声配信の最適解。Firebaseの従量課金を避け、Cloudflare R2へ

はじめに（動機）

NotebookLMで作った対話音声（25MB）を公開したい。 しかし、GitHub Pagesに置くには重すぎるし、Gitのリポジトリも肥大化する。

技術選定の迷い（Firebase vs Cloudflare）

当初はGoogle系のFirebase Storageを検討していた（1/22の記事で予告もした）。 しかし、「ダウンロードされるたびに課金（エグレス料金）」が発生するリスクに気づく。年金暮らしの古老に「バズった時の課金死」は怖い。 そこで「帯域幅コスト・ゼロ」のCloudflare R2に白羽の矢を立てた。

実装手順（How-To）

・Cloudflareダッシュボードでバケット作成。

・ドラッグ＆ドロップでアップロード。

・「パブリックアクセス」を許可してURLを取得。

ブログへの埋め込み

特別なプラグインは不要。HTMLの

title: “NotebookLMと描く「古老の放送局」構想” pubDate: 2026-02-01 category: “B面”

実装結果

まずは実際に再生してみてください。R2からストリーミング配信されています。

ソースコード

上記のプレーヤーは、以下のHTMLコードをMarkdownに貼り付けるだけで表示できます。

<div style="background-color: #f3f4f6; padding: 20px; border-radius: 8px;">
  <audio controls style="width: 100%;">
    <source
      src="[https://pub-xxxxxxxx.r2.dev/ファイル名.m4a](https://pub-xxxxxxxx.r2.dev/ファイル名.m4a)"
      type="audio/mp4"
    />
  </audio>
</div>

結果と感想

爆速で再生される。 これでポッドキャスト的な展開も可能になった。 そして、この記事の末尾に、「音声プレーヤー」を実際に貼ります！

（執筆協力：Gemini / 編集・監修：古老）