イクチオカップ

MusiChat

https://github.com/ray03j/ichthyo-cup

Next.js

Go

TypeScript

Docker

Node.js

SpotifyAPIで音楽を24時間検索できるアプリ

エイ

Utakata1024

yammmmy

推しアイデア

音楽を曖昧な言葉でも検索できる! DiscordBotで定期的におすすめの曲が送られてくる

作った背景

無料でMCP実装したかったから Webhookを使用してみたかったから

推し技術

OllamaでMCPを構築して、無料でMCP構築(Express) DiscordBotを使ってアクセス(Golang)

プロジェクト詳細

目次

MCPとは 構成図(アプリ構成図・MCP構成図) 実装 機能 リポジトリ (フロントエンド、バックエンド、Discordボット) デモ動画 (Discord、ログイン・ログアウト処理、スマホ - チャット画面)

MCPとは

Model Context Protocol AIモデルの動作を管理し、制御するための通信プロトコル

AIモデルと外部システムのやりとりを標準化することができ、MCPという単一のプロトコルを通じて多様なシステムとの連携が可能になる

機能

  • Botでの音楽検索(Discord)
  • Botによる定期的な楽曲のレコメンド機能(Discord)
  • Spotify認証(Web)
  • チャット形式での音楽検索(Web)

構成図

アプリ構成図

image

DiscordとWebアプリから3種類のAPIを叩ける

  • Discord
    1. Ollamaで分類
    2. SpotifyAPIで検索
  • Webアプリ
    1. BraveAPIで検索
    2. Ollamaで分類
    3. SpotifyAPIで検索

MCP構成図

image

MCPサーバー

  • Spotifyサーバー
    • SpotifyAPIを使用して検索するツール
    • track / artist / album / playlist を指定して 検索するツール
  • Ollamaサーバー
    • 送られた文から、検索カテゴリとワードを推論させるツール
    • 送られた文をBraveで検索させて、推論させるツール
  • Braveサーバー
    • Braveで検索させるツール

実装

  • Ollamaで分類するだけ(Discordボット)
  • BraveAPIで検索したうえでOllamaで分類する(Web)

リポジトリ

デモ動画

エイ

@ray03j