はじめに

こんにちは。BMI921です。
今回は、「YouTubeの視聴履歴（生き恥）をDiscordで共有して、友達との仲を深める」 という、少し変わったDiscord BotとChrome拡張機能を作ったので紹介します。

その名も IkihajiTube です。

🔗 リンク

GitHub: https://github.com/bmi921/ikihaji-tube
Chrome Web Store: IkihajiTube Client

開発の動機

みなさんは、友人がYouTubeで普段どんな動画を見ているか気になったことはありませんか？
あるいは、「この動画面白い！」と思ったものを共有したいけど、いちいちURLを貼るのは面倒...と思ったことは？

「自分の視聴履歴（生き恥）をさらけ出すことで、逆説的に友情が深まるのではないか？」

そんな仮説（？）のもと、視聴履歴を自動収集し、Discordサーバーに垂れ流すシステムを開発しました。

spotifyにコラボプレイリストという、複数人が聞いた曲をまとめてくれる機能があります。それがアイデアの本です。Youtubeのニッチな動画を共有できる機会が現実ではなく、残念だなと常々思ってました...

IkihajiTubeでできること

主な機能は以下の2点です。

複数人が視聴した動画の共有: サーバー内のメンバーで、同じ動画を見た人がいれば「これ、みんな見てるよ！」と通知します。共通の話題作りに最適です。
ランダムな視聴履歴の共有: 誰かが視聴した動画をランダムにピックアップして晒します。意外な一面が見れるかもしれません。

Chrome拡張機能を入れるだけで、あとはバックグラウンドで自動的に履歴が収集・共有されます。

システム構成と技術スタック

今回の開発では、新しい技術の学習も兼ねてモダンな技術スタックを採用しました。

全体のアーキテクチャ

システムは大きく分けて3つのコンポーネントで構成されています。

Chrome Extension: ユーザーのYouTube視聴履歴を収集するクライアント
API Server (ElysiaJS): 視聴履歴を受け取り、DBに保存するサーバー
Discord Bot: 蓄積されたデータから動画情報をDiscordに投稿するボット

技術スタック一覧

開発効率とパフォーマンスを意識し、ランタイムには Bun を採用しました。また、これらを一元管理するために Turborepo を導入しています。

カテゴリ	技術	選定理由・コメント
ランタイム	Bun	起動が爆速で、開発体験が非常に良かったです。
モノレポ管理	Turborepo	API, Bot, Extensionを単一リポジトリで管理し、型定義(packages/core)を共有できるようにしました。
API	ElysiaJS	Bun向けのWebフレームワーク。型安全性とパフォーマンス重視で採用。
DB / ORM	PostgreSQL / Drizzle ORM	SQLライクに書けるDrizzleが最近のお気に入りです。
環境構築	Docker / Dev Containers	`docker-compose up` だけでDB等の環境が揃うようにしています。

技術的なこだわりポイント

1. Bun + ElysiaJS の開発体験

Bunの起動やビルドはNode.jsの数倍速く、待機時間がほぼない爆速な開発体験でした。特にElysiaJSはデフォルトでtRPCのようなEnd-to-Endの型安全性が備わっており、サーバーの変更が即座にクライアントの型補完に反映されるのが「えぐい」ほど快適でした。

2. Turborepoによるモノレポ構成

Turborepoを活用して、APIとChrome拡張で使う共通の型定義やエンティティをpackagesに切り出し、再利用性を極限まで高めました。リクエストの型などを共通化することで、一箇所の修正が全体に安全に反映される構成が作れて「超便利」でした。

3. Chrome拡張機能の自動収集

Chrome拡張機能がブラウザのバックグラウンドで動作し、youtube.comのドメインを検知して、クエリパラメータの?v=<video_id>をサーバーに送ります。視聴履歴を送るだけの簡単な仕組みですね！ですが、視聴履歴を、どのグループに属している誰が、という情報はわからないので、discord Oauth認証でログインして個人情報をdiscord APIから取得することで実現しています。

本当は、Youtubeの公式APIに視聴履歴をもらえればよかったんですが、プライバシー？セキュリティ？とかの関係でなかったです。こういう選択を取らざるを得ず、モバイルアプリの視聴履歴を取れないのは残念です。

使い方

Chrome拡張機能をインストール
拡張機能からDiscord認証を行う
自分のDiscordサーバーにBotを招待（招待リンク）
チャンネルで /register を実行

これだけで「生き恥」の共有が始まります！

おわりに

「IkihajiTube」はオープンソースで開発しています。
もし面白いなと思ったら、GitHubのStar⭐️をいただけると開発の励みになります！

今後の展望ですが、LLMによるフィルタリング機能を実装予定です。
流石に、IkihajiTubeとはいえ、人に晒したくない恥もあるかと思うので。

技術育成camp vol.17のハッカソンで一緒にチーム開発をしてくれた友人に感謝いたします！

GitHubリポジトリ: https://github.com/bmi921/ikihaji-tube