📻 はじめに
My Radiko Playerは、Radikoのタイムフリー機能を使ってよく聞く番組を簡単に管理・再生するためのWebアプリケーションです。
主な機能
- 番組管理: よく聞く番組を登録・編集・削除
- 自動再生リスト: 過去7日分の番組を自動で一覧表示
- フィルタ機能: 放送局・曜日・番組名で絞り込み
- セグメント対応: 複数パートに分かれた番組も対応
- データ管理: エクスポート・インポート・リセット機能
💡 ヒント
データはブラウザに保存されます(localStorage使用)。ブラウザごとにデータが独立しているため、バックアップは「設定」タブからエクスポートすることをおすすめします。
📝 番組の登録
基本的な登録手順
- 1「⚙️ 番組管理」タブをクリック
- 2「+ 新しい番組を追加」ボタンをクリック
- 3番組情報を入力
- 4「保存」ボタンをクリック
入力項目の説明
- 番組名 (必須): 番組の名前を入力
- 放送局 (必須): プルダウンから選択
- 曜日 (必須): 放送曜日を選択(複数選択可)
- カテゴリ: トーク、ニュース、音楽など(任意)
- 時間設定: 通常番組またはセグメント分割番組を選択
通常番組の登録例
例: たまむすび
番組名: たまむすび
放送局: TBSラジオ
曜日: 月, 火, 水, 木
時間: 13:00 - 15:30
カテゴリ: トーク
セグメント分割番組の登録
番組が複数のパート(セグメント)に分かれている場合は、「この番組は複数のセグメントに分かれています」にチェックを入れます。
例: アフター6ジャンクション
番組名: アフター6ジャンクション
放送局: TBSラジオ
曜日: 月, 火, 水, 木, 金
カテゴリ: カルチャー
セグメント設定:
- 第1部: 18:00 - 19:00
- 第2部: 19:00 - 20:00
- 第3部: 20:00 - 20:50
セグメント分割番組は、再生リストに各セグメントごとに表示されます(例:「アフター6ジャンクション - 第1部」)。
番組の編集・削除
- 編集: 番組カードの「編集」ボタンをクリック → 内容を修正 → 保存
- 削除: 番組カードの「削除」ボタンをクリック → 確認ダイアログで「OK」
📅 再生リストの使い方
再生リストの表示
「📻 再生リスト」タブをクリックすると、登録した番組の過去7日分が自動的に表示されます。
番組の再生
- 聞きたい番組の「▶ 再生」ボタンをクリック
- 新しいタブでRadiko公式サイトが自動で開きます
- Radiko公式サイトで番組を再生
⚠️ 注意
RadikoはセキュリティのためiFrame埋め込みをブロックしているため、公式サイトへのリンクで再生します。ポップアップブロッカーを無効にしてください。
期限切れ番組
タイムフリーは過去1週間分のみ対応のため、1週間を過ぎた番組は「期限切れ」と表示され、再生できません。
🔍 フィルタ機能
再生リストの上部にあるフィルタで番組を絞り込むことができます。
フィルタの種類
- 放送局フィルタ: 特定の放送局の番組のみ表示
- 曜日フィルタ: 特定の曜日の番組のみ表示
- 番組名検索: 番組名で検索(部分一致)
💡 ヒント
複数のフィルタを組み合わせることができます。例:「TBSラジオ」+「月曜日」で、月曜日のTBS番組のみを表示。
💾 データ管理(設定タブ)
「🔧 設定」タブでデータの管理ができます。
JSONエクスポート
登録した番組データをJSONファイルとしてダウンロードします。バックアップや他のブラウザへのデータ移行に便利です。
- 「JSONエクスポート」ボタンをクリック
- ファイルがダウンロードされます(例: programs_20251109.json)
JSONインポート
保存したJSONファイルから番組データを読み込みます。
- 「JSONインポート」ボタンをクリック
- ファイル選択ダイアログでJSONファイルを選択
- データが上書きされます(既存データは削除されます)
⚠️ 注意
インポートすると既存のデータが上書きされます。事前にエクスポートでバックアップすることをおすすめします。
初期データにリセット
番組データをサンプルデータに戻します。
- 「初期データにリセット」ボタンをクリック
- 確認ダイアログで「OK」
- サンプル番組(たまむすび、アフター6ジャンクションなど)が復元されます
⚠️ 制約事項と注意点
Radikoの仕様による制約
- 地域制限: 日本国内からのアクセスのみ対応
- タイムフリー期限: 過去1週間分の番組のみ再生可能
- プレミアム機能: エリアフリー等のRadikoプレミアム機能は非対応
- 再生制御: 倍速再生は非対応(Radiko公式サイトの機能に依存)
技術的な制約
- iframe埋め込み不可: RadikoはX-Frame-Options: sameoriginを設定
- 外部リンク方式: 再生ボタンクリック時に新しいタブでRadiko公式サイトが開きます
- データ保存: localStorageを使用(ブラウザごとにデータが独立)
- バックアップ: ブラウザのデータ削除に注意(設定タブからエクスポート推奨)
💡 推奨事項
定期的に「設定」タブから番組データをエクスポートしてバックアップを取ることをおすすめします。ブラウザのキャッシュクリアやプライベートモードではデータが保存されません。