トップページの左側に表示してある「RECENT TUNES」だが、自分のiTunesで演奏したリストを並べている。
（今は表示をポトフlogにしています）
この仕組みはRecent Tunesというソフトで表示しています。導入の経緯はこちら。（...My cup of tea...: Recent Tunes 2.0でblog内にiTunesのプレイリストを表示）
さて、このRecent Tunesに奥さんが興味を持ってくれ、他にも参考にしていただけた方もありまして、Kung-Tunesに比べて情報の少ないソフトなので、僕の設定情報を公開しておきます。
どうぞ、ご参考あれ。
ちなみに僕はsgn::blog: iTunes Playlistさんを参考にいたしました。
追記：現在は表記を変え、iTunes Music Storeへのリンクも貼っています。
（...My cup of tea...: Recent TunesからiTunes Music Storeへリンク）
さて、このblogでは、曲名とアーティストが表示され、マウスを曲名に重ねると、アルバム名と僕のiTunesでのレートが５段階で表示されるようにしてあり、クリックすると、そのアルバムをamazon.co.jpで検索するようにしてあります。
まずはRecent Tunes 2.0をダウンロードします。こちらからどうぞ。
Mac OS10.2 or 10.3であることが条件です。
１、
まずはRecent Tunesを起動しましょう。Recent Tunesと一緒にiTunesが起動します。分かりやすく、まずはiTunesを再生して下さい。
Recent Tunes自体はメニューバーに表示される音符です。クリックすると現在演奏されている曲と、最近演奏した曲のログが並びます。ログの曲を選択すると、またその曲が演奏されます。本来はそんなソフトのようです。
バージョン2.0より、この情報がHTMLなどに書き出せるようです。その機能を使ってみているわけです。なお、HTMLの変わりにJavascriptを書き出すようにしてMovableTypeに埋め込んでいます。
仕組みとしては、ローカルに書き出して、それを定期的にウェブ上にFTPでアップしているようです。アップするタイミングはiTunesで曲が変わったときのようです。
２、
では環境設定ですので、メニューバーの音符をいま一度クリックし、「Preferences...」をクリックします。するとパネルが開きます。薄々気付いていると思いますが日本語化はされていません。
「Menu」はテキトーでいいです。まずは「Upload」を設定しましょう。
僕はFTPしか分からないんで、そこだけの説明になっちゃうんですが、まずFTPを選んで下さい。
アップするサーバーの情報を入れます。MovableTypeと同じでいいでしょう。
3、
次に「CurrentTune」で、書き出すファイル名を変えます。Javascriptなので拡張子を「.js」とすることにし、"currenttune.js"としました。同じように「RecentTunes」を"recenttunes.js"とし、いずれもチェックボックスは全部チェック。
４、
そして「Templates」ですが、以下のようにしました。
Header:
document.write("
CurrentTune:
<span class='tune'>♪<a href='http://www.amazon.co.jp/exec/obidos/external-search?tag=mycupoftea-22&keyword=^p+^a&mode=music-jp' title='album: [^a] rate:^r'>^t#p</span> / ^p#p</a><br />
RecentTunesはCurrentTuneと同じ。どちらも赤字のアマゾンのIDは自分のものに変えて下さい。
Idle:
<span class='idle'>iTunes is not playing anything now.</span>
Footer:
");
５、
次にMovableTypeに埋め込みます。
<div class="sidetitle">
recent Tunes
</div>
<div class="side">
Now Playing:<br />
<script language="javascript" type="text/javascript" src="http://potaufeu.s41.xrea.com/x/currenttune.js" charset="Shift_JIS"></script>
Previously Played:<br />
<script language="javascript" type="text/javascript" src="http://potaufeu.s41.xrea.com/x/recenttunes.js" charset="Shift_JIS"></script>
</div>
赤字の部分はファイルをアップしたサーバのアドレスに変更して下さい。
さて、これで良いはずですが、どうでしょうか？ 文字の大きさなんかはスタイルシートで変更して下さい。 また、Templeteを変えればアルバム名を表示したり、再生した日時を表示したりなどアレンジが出来ます。
iTunesが再生していないときはIdleのメッセージが表示されるのですが、表示しないようにも出来ます。こちら（--- hitsuji weblog ---）のように日本語でも良いかと思います。
RecentTunesだけ表示させるってのも手かもしれません。
さて、どうでしょうか。いろんなアレンジが出来そうですが、もし設置してみたならばトラックバックでも頂けると嬉しいです。
Amazonだけじゃなく、iTunes Music Storeでのサーチ結果へのリンクもしてみています。 [ポ] Recent TunesからiTunes Music Storeへリンク
ポトフさんどうもです。
以前、RecentTunesの設置がうまくいかずこちらにたどり着き大変お世話になりました。トラックバックがちゃんといっていたか心配していました。この度は参考事例にまでしていただき恥ずかしいばかりです。いろいろ参考にさせていただいておりますので今後ともよろしくお願いします。
recent tunes導入にあたり、この記事を参考にさせていただきました。凄く助かりました。
keigoさん、参考になって何よりです。keigoさんのサイトのリンクがぴょこっと動くのが良いですね(^^)
Recent Tunesを導入するにあたり、参考にさせていただきました。ありがとうございました。
自分のブログページにRecent Tunesを導入する際には参考させて頂きました。貴重な情報どうも有り難うございました。
Recent Tunesの導入サイトが徐々に増えているようで嬉しいですね。
初めまして！
以前からRecent Tunes を付けてみたいと思い
探していましたらこちらを知り参考にさせて戴きました。しかもアマゾンにもリンク出来るように説明あり大変助かりました有り難うございます！。しかし、、サイトに反映されないのです・・うーん。。が。が。がんばります。