MusicSPARQL

menu

MusicSPARQLの使い方

目次

  1. はじめに
  2. 検索方法
  3. 検索結果画面
  4. お気に入り機能
  5. PDF出力機能
  6. 使用ライブラリ・API
  7. 最後に

1. はじめに

このサイトは、LOD(DBpedia Japanese)を用いた楽曲検索サービスです。
PC、スマートフォン及びタブレット端末に対応しています。
推奨ブラウザは、Google Chromeです。
その他のブラウザでは、動作がカクカクしたり、重くなったりする場合があります。
確認済みのブラウザは以下のとおりです。

楽曲の検索PDFでの出力
Google Chrome
Firefox
IE8以下××
IE9×
IE10以上
Safari×
Opera
Opera Mini××
Android標準ブラウザ×

2. 検索方法

検索方法は、2種類あります。
  1. 曲名検索
  2. アーティスト名検索

2.1. 曲名検索

検索に含めるキーワード、シングルとアルバムのどちらか、曲名の頭文字、ジャンル、リリース年の範囲を指定し、該当した楽曲の一覧を表示します。

2.2. アーティスト名検索

検索に含めるキーワード、アーティストの頭文字、ジャンル、活動開始時期の範囲を指定し、該当したアーティストの一覧を表示します。
その一覧から選択したアーティストが提供している楽曲から複数曲選択し、検索することができます。


3. 検索結果画面

下記画像は、アーティスト名検索で「SMAP」と入力し、その一覧から「らいおんハート」「世界に一つだけの花」を選択した時の結果の画像です。
(画像を押すと、ポップアップで画像が拡大します。)


このページを左にスクロールすると


次の検索結果が表示されます。
(PCの場合は、「←」「→」キーでもページの移動ができます。)

このページで、それぞれの楽曲をYouTube、Dailymotionで検索した時の動画とHMV ローソンホットステーション、アットマークジュエリーMusic、楽天ブックスで検索した時の情報を見ることができます。
商品リストの画像を押すと、その商品のページにリンクします。

上部にあるオレンジ色の丸は、現在のページを表しています。
それ以外の白い丸を押すと、そのページに移動します。
また、右上の星を押すと、その楽曲をお気に入りに追加することができます。


4. お気に入り機能

下記画像は、検索結果画面でお気に入りに登録した楽曲の一覧です。
(画像を押すと、ポップアップで画像が拡大します。)


このページでは、お気に入りに登録した楽曲の検索や削除、ソートができます。
ソートの種類は6種類です。
  1. 曲名順
  2. 曲名逆順
  3. アーティスト名順
  4. アーティスト名逆順
  5. 登録日時順
  6. 登録日時逆順
下記画像は、曲名順にした時の例です。



5. PDF出力機能

下記画像は、先程のお気に入り楽曲一覧から「Love so sweet」「世界に一つだけの花」「恋するフォーチュンクッキー」を選択した時の検索結果画像です。
(画像を押すと、ポップアップで画像が拡大します。)


このページの右上の青い「menu」というボタンを押すと、下記画像のようにスライドメニューが開きます。


この中の「検索結果をPDFで出力」というボタンを押すと、下記画像のようにダウンロードするファイル名の入力画面が出ます。
(デフォルトでは、ファイル名は「output」になっています。)


「OK」を押すと、ダウンロードが始まります。
以下のボタンを押すと、ダウンロードしたPDFのサンプルファイルを見ることができます。

6. 使用ライブラリ・API

このサイトを作成するにあたって、使用した主なライブラリ及び、APIをいくつか以下に記します。
  • jQuery Mobile(スマホ/タブレットでの表示に適したモバイル対応アプリを開発するために使用)
  • d3.js(DBpedia Japaneseからデータを受け取る際に使用)
  • sp-slidemenu.js(スライドメニューの作成に使用)
  • spin.js(スピナーの作成に使用)
  • flipsnap.js(検索結果のフリック操作に使用)
  • jsPDF.js(PDFの作成に使用)
  • fabric.js(PDFの日本語表示に使用)
  • Magnific Popup(画像のポップアップ表示に使用)
  • YouTube API(Youtubeでの動画検索に使用)
  • Dailymotion API(Dailymotionでの動画検索に使用)
  • 楽天商品検索API(楽天市場での商品検索に使用)

7. 最後に

このサイトは、大学の卒業論文の一環で作成したものです。
作成するにあたり、多くの示唆を頂いた法政大学理工学部応用情報工学科 ネットワーク応用研究室の藤井章博教授、清水宏泰様に感謝致します。

クリエイティブ・コモンズ・ライセンス
MusicSPARQL is licensed under a Creative Commons 表示 - 継承 3.0 非移植 License.