開発者がClaude CodeでYouTubeニュースマルチストリームビューアーを構築

開発者がBeholderを構築しました。これは、自動スケーリンググリッドレイアウトで数十のライブニュースストリームを同時に表示する無料のYouTubeニュースマルチストリームビューアです。このプロジェクトは、新規インストールされたRaspberry Pi上でClaude Codeを使用して作成されました。

Claude Codeの使用方法

開発者はClaude Codeをインストールした新規のRaspberry Piをセットアップし、開発とデバッグに必要なものをインストールする権限を与えました。開発者によると、Claude Codeは以下のことを行いました：

• 適応型ストリームグリッド、チャンネルブラウザ、設定パネル、ティッカーバー、モーダル、トースト通知、モバイル対応レイアウトのためのReactコンポーネントを含むフロントエンドUI全体を構築
• API障害が無音にならないように、エラー処理のためのトースト通知システムを作成
• 壊れた/オフラインのストリームを黒いボックスを表示するだけでなく、YouTubeリンクと削除ボタンを含むオーバーレイで表示するストリームエラー検出を追加
• データ収集のためにYouTube利用規約に準拠するよう評価を支援
• ライブストリームのデータベースとそれを更新するスキャナーソフトウェアによって引き起こされたバグをデバッグおよび修正
• 「ねえClaude、CNNのURLが間違っているよ、再スキャンしてデータベースを更新して」といった管理タスクを継続的に処理

アプリの機能

Beholderは以下を提供します：

• 6大陸からの200以上のライブニュースチャンネルを、画面サイズに自動調整する動的グリッドで表示
• 地域（米国、ヨーロッパ、アジア、アフリカ、ラテンアメリカ）またはメディア偏向評価で整理されたチャンネル
• 30以上のRSSフィード（AP、ロイター、BBC、CNNなど）から見出しを取得するライブスクロールニュースティッカー
• 詳細な株価情報、トップムーバー、Yahoo Finance統合を備えたリアルタイム株式市場ティッカー
• Cloudflare Radarを利用したインターネット障害ティッカーで、場所と原因別のアクティブな障害を表示
• ニュースをローファイ音楽、アニメ、自然カメラ、瞑想ストリームに切り替える「休憩モード」
• 他のストリームを表示したまま任意のストリームを拡大表示するピン/フォーカス機能
• ストリームごとおよび全体のミュート、クローズドキャプション切り替え、調整可能なグリッド列とフォントサイズ
• モバイル、タブレット、デスクトップ対応

複数のYouTubeタブを開くこととの主な違い

• バックグラウンドスキャナーが現在実際にライブ中のチャンネルを継続的に発見 — 古いリンクなし
• すべてのチャンネルに偏向ラベルを表示し、ユーザーが意識的にニュース摂取を多様化（または不要なコンテンツを非表示）できるように支援
• CNN、BBC、アルジャジーラ、フォックスが同じニュースをどのように報道しているかを並べて比較表示可能

技術スタック

• フロントエンド：React、Vite、Cloudflare Pages
• バックエンド：Python/FastAPI、PostgreSQL、Railway
• 外部API：YouTube API、Yahoo Finance API、Cloudflare Radar API、RSS

開発者は、これは速報ニュースを監視するための個人的なツールとして始まり、そこから成長したと述べています。このアプリは https://beholder.news でライブ公開中です。