So-net無料ブログ作成
» スポンサーリンク

Last.fm チャートメイカーを作ってみました
» Last.fm 関連 

[追記] 2012/03/12
2012年3月12日をもちましてサービスは終了しました。
開始から約6年、個人的趣味の地味なサービスをご愛顧頂きありがとうございました。


[追記] 2012/03/13
新バージョン(今このブログのサイドバーに表示されているバージョンです)の公開を近々予定しています。
URL が変更になるためのお知らせとして一旦閉めさせていただきました。

[追記] 2012/03/14
新バージョンの公開を開始しました。
↓解説記事はこちら
» Last.fmチャート表示ブログパーツの新しいバージョンを公開しました



今回は自作の Last.fm チャート表示ブログパーツの紹介です。

 Last.fm が提供するチャートはプリセットと他ユーザ(有料版ユーザ)が作ったものしかスキンが選択できなくて、ブログのサイドバーにあった幅のものがありません。いくつかあることはあるんですが、色が変えられないから自分のブログに合わないとか、いろいろ気に入らないところが出てきます。

 有料サービスに加入すると web 上で簡単にスキンを作って公開できるようですが、できればタダで作りたい。で、Last.fm のサイトをいろいろ見ていたら、webプログラマ向けの情報がいろいろ載っていて、これなら自分でもできそうと思ってトライしてみました。

 最初は自分専用に作っていたのですが、どうせなら他のユーザも使えるようにと思って、簡単に貼り付けコードを生成できるページを公開することにしました。

名づけて Last.fm Chart Maker

たいしたものではないですが。



ユーザが最近聴いた10曲のアーティストとタイトルのリストを表示します。
JavaScript が使えないブログを考慮してPNG画像形式にしました。

デザインはシンプルで文字色と背景色とチャートの幅が指定できます。
フォントは Windows の Tahoma 7ポイントになります。
一応日本語表示にも対応しています。

使用例

こんな感じで表示されます↓ (背景色 #FFFFFF, 文字色 #000000, 幅 350pixel )


[追記] 2009/02/11
システムの入れ替えに伴いフォントを ClearType で表示するように変更しました。

[追記] 2010/07/05
ClearType を使用しない選択肢を追加しました。
(直接指定する場合は URL のパラメータの最後に &nct=1 を追加する)

[関連サイト]
 Last.fm
nice!(0)  コメント(51)  トラックバック(0)   » カテゴリー:Last.fm 関連
permalink
trackback
このエントリーをはてなブックマークに追加


» スポンサーリンク
DMR

サウンドハウス


nice! 0

コメント 51

あんり

はじめまして、。
ast.fmのチャートがブログ上でどうしても文字化けしてしまって困っていたのですが、使わせていただいたら文字化けすることもなく、しかも聴いた曲が表示されるのもすごく速くなりました~!
ほんとうにありがとうございます~ 感謝です
by あんり (2006-07-07 02:57) 

TAN

あんりさん、ありがとうございます。
お役に立てたようでうれしいです。[ニコニコ]

今月中旬からエキサイトが日本版サービスを開始すると
last.fmも知名度が上がりそうですね。
チャートメイカーも使ってくれる人も増えるかな・・・?
by TAN (2006-07-07 13:52) 

ryoxxx

こんにちは。はじめまして。
しばらくLast.FMを使っておらず、近々日本版が登場するとのことで久しぶりにつかってみたら…いろいろ仕様が変わっていたようで、曲データが取得できなくなっていました。
まぁサイト自体ほったらかしだったので今まで気付かなかったんですが(笑

Last.FM提供のchartはTANさんも仰られているように幅がありすぎで困っていたんですが、こちらのチャートメイカーを試してみたところ見事にフィット。
ありがたく使わせていただきます。ありがとうございます。

自サイトではこんな記事(http://ryoxxx.com/pb/modules/tinyd0/rewrite/tc_2.html)を書いていたんですが、今となっては使い物にならないことに気付きました(笑
by ryoxxx (2006-07-18 15:12) 

TAN

ryoxxxさん、ありがとうございます。

先日のリニューアルでまだよくわかってない部分もあるんですが、
XMLのフォーマットはほとんど変わってないようだったので、
チャートメイカーの処理はそのままで現状様子見ですね。
一応変更しなくても動いているっぽいです。

今、オフィシャルにあるRecentリストのジャケ画像版(?)と同じことを
やりたいなと思って試行錯誤中です。
(サイドバーに貼れるようなコンパクト版)
by TAN (2006-07-18 16:57) 

matera

はじめまして
chart maker お借りします。
まだlast fmの使い方よくわかっていないので
助かります。
by matera (2006-07-21 03:02) 

TAN

materaさん、ありがとうございます。

じつは自分もチャート機能以外はあまりよく知らなくて、
SNS的な使い方はほとんどしてません。[汗]
by TAN (2006-07-21 12:59) 

飛白

はじめまして。

最近last.fmを使うようになったのですが、
チャートのスキンがあまりにも使い勝手が悪くて・・・。

ステキなツールをありがとうございます。
お借りしますね。
by 飛白 (2006-08-08 12:10) 

TAN

飛白さん、ありがとうございます。
不具合とか要望とかあったら教えてくださいね。
出来る限り対応します。
by TAN (2006-08-08 14:10) 

STARLESS

あまりのレスポンスの良さに驚きました。ありがとうございます。音ログはジャケ表示機能だけになりました(笑)
by STARLESS (2007-02-14 01:24) 

TAN

STARLESSさん、last.fmチャートメイカー使って頂きありがとうございます。

ジャケット表示付きバージョンも現在テスト中でそろそろ公開しようと思っています。新バージョンはJavaScriptで呼出す形式にしようと思ってるんですが、そういえば、はてなダイアリーってJavaScript使えなかったような・・・[汗]
by TAN (2007-02-14 20:50) 

さんとりぃ

はじめまして!
last.fmのデザインを色々検索などしようにも、
重くてかなわん[ぷんぷん]と思っていたので、
CHART MAKERはホントに快適です♪
お借りします![ニコニコ]
by さんとりぃ (2007-05-03 23:17) 

TAN

さんとりぃさん、コメント&チャート使って頂きありがとうございます。

アートワーク連動表示版もそのうち公開しようと思っているのですが、
Last.fmは曲名とアーティスト名だけで、アルバム名が記録されないので
いろいろ工夫してもイマイチ精度がよくならないんですよね・・・
by TAN (2007-05-03 23:52) 

光

お借りします!
すごく良いです。

僕もこういうこと自分でできるようになりたいです。
by (2007-09-12 15:35) 

TAN

光さんコメントありがとうございます[ニコニコ]
Webプログラミングはそんなに詳しくはないのですが、
出来る範囲でコツコツやってます。
(詳しい人がソースコード見たら笑われそう・・・)

また面白のができたら公開したいと思います。
by TAN (2007-09-12 20:44) 

だわく

お借りしています。
とてもいいですね。
ありがとうございます。
by だわく (2008-11-23 23:34) 

TAN

だわくさん、コメントありがとうございます。
超シンプルなものですが気に入っていただけたら幸いです。
by TAN (2008-11-24 09:45) 

souta

こんにちわ!お借りします!
どうもありがとうございます!
ジャケ表示も実用化されたらぜひ導入したいです!
よろしくお願いします!
by souta (2009-04-17 13:48) 

TAN

soutaさん、コメントありがとうございます。

ジャケ表示バージョンは地味にコツコツ改良しているんですが、
自分がよく聴くジャッキンなハウス系になると、
ジャケがうまく拾って来れない確率が高くて
(それでもだいぶ出るようにはなったのですけど)、
何かいい方法がないか考えているところです。


by TAN (2009-04-18 21:35) 

souta

こんにちわ。
(上の続きで)愛用させていただいています!
ところで中国語は大丈夫なのですが
韓国語は豆腐になってしまいます。
これはフォントとかの問題でどうしようもないんでしょうか。
ジャケ大変そうですが完成したら楽しみにしています!
by souta (2009-05-08 21:08) 

TAN

すみません、サーバ側のフォントの問題なんです。
チャートはサーバ側で画像生成しているのですが、
文字を描いているフォントがハングルに対応していないためです。

もしかしたらできるかもしれないので後で試してみます。


by TAN (2009-05-08 21:24) 

かえる

こんにちは!
公式のものが不安定なため、
こちらを愛用させていただいております。
ありがとうございます★
by かえる (2010-01-06 14:35) 

TAN

こちらこそ使って頂きありがとうございます。
by TAN (2010-01-07 01:24) 

aki

利用させていただきました。ありがとうございます。
自サイトでも紹介させていただきました。

ジャケ表示機能も公開していただきたいなぁ~、とww
by aki (2010-01-08 02:08) 

TAN

紹介&使って頂きありがとうございます。

ジャケ表示は地味にいろいろテストしているのですが、
まだ満足がいく結果が得られてないので、
もうしばらく試行錯誤しようと思っています。
by TAN (2010-01-08 14:30) 

ふぃーご

はじめまして[__!]
公式がダメダメなのでコチラを使用させて頂きます[__揺れるハート]
公式より断然レスポンスが早くていいですね[__るんるん]
助かりました[__わーい]
by ふぃーご (2010-01-08 18:48) 

TAN

使って頂きありがとうございます。

内部でAPIのXMLを使っているのですが、これが意外に更新レスポンスが早いんです。

公式のブログパーツのほうは、リクエストを減らすためにデータキャッシュの間隔を大きめに取っているからなのか更新は遅いですね。
by TAN (2010-01-08 23:17) 

tbmoriken

チャートメーカー利用させていただきました。
シンプルで動作が軽くていいですね。
by tbmoriken (2010-04-26 01:47) 

TAN

tbmorikenさん、使っていただきありがとうございます[ニコニコ]
by TAN (2010-04-26 22:15) 

kanako

使用させていただいていたのですがサーバーが見つかりませんでした、ということでエラーが出るようになってしまっています。
一時的なものでしょうか…?
by kanako (2010-06-07 23:16) 

TAN

kanakoさん、はじめまして。
すみません。
6/7の11時~12時過ぎまで回線工事でサーバが止まっていました。
一時的なものです。
by TAN (2010-06-08 07:51) 

PiuLento

はじめまして。
チャートメーカー、大変便利に利用させて頂いてます。

ところで、フォントがClearTypeなのですが、私の環境ではにじんでしまいます。もし可能でしたら、ClearTypeにするかどうか、選択できるようにして頂けませんでしょうか。

ぶしつけなお願いですみません。
by PiuLento (2010-07-05 11:09) 

TAN

PiuLentoさん、はじめまして。
ClearTypeを使わないオプションを追加しました。
試してみてください。

by TAN (2010-07-05 20:11) 

PiuLento

TANさん、さっそくどうもありがとうございました。
愛用致します。
by PiuLento (2010-07-05 22:01) 

hinako

公式のチャートより更新が早くて使いやすいです!
これから使わせてもらいます。ありがとうございました~☆
by hinako (2010-10-14 23:31) 

TAN

hinakoさん、ありがとうございます。
設置でわからないとことか、要望とかあったら気軽にどうぞ。
by TAN (2010-10-15 20:04) 

shoutron

TANさん、はじめまして。
チャートメーカー、大変ありがたく利用させて頂きます。
ありがとうございました。
by shoutron (2010-10-21 06:14) 

TAN

shoutronさん、はじめまして。
こちらこそ使っていただきありがとうございます。
設置でわからないとことか、要望とかあったら気軽にどうぞ。

by TAN (2010-10-21 21:19) 

pika

TANさん はじめまして
2年ぶりにlast.fmを使い始めたので
何か活用できるものがないか、さがしていたところ
偶然こちらに辿りつきました

Chart Maker すっごくいいですね!
大切に使わせて頂きます<(_ _)>

ところで・・・現在表示されないのですが
もう使えなくなってしまったのですか?TT

by pika (2011-09-24 15:28) 

TAN

pikaさん、はじめまして。
申し訳ありません、現在サーバトラブルでサービス停止中です。
数日中に再開予定です。
by TAN (2011-09-24 20:26) 

pika

TANさ~ん
今、確認したらちゃんと表示されてました♪

お返事ありがとうございました!
by pika (2011-09-25 19:52) 

royukie

公式のチャートが長らく表示されないので、
こちらのサービスは本当に助かります。
どうもありがとうございます。
by royukie (2012-01-29 11:18) 

TAN

royukieさん、はじめまして。
このチャートはLast.fmが提供するXMLを利用しているのですが、いつの頃からかサーバーのレスポンスが急に遅くなりだして、タイムアウトが頻繁に起るようになってしまいました。
常々改善したいと思ってはいるものの、なかなか手を付けられずにいます。

by TAN (2012-01-29 20:02) 

春樹

本日で終了なんですね…
自分のBlogで「Last.fm Chart Maker サービスは終了しました」の表示を見て驚いてしまいました。

本当に今までありがとうございました。
まあLast.fm Chart Makerが終了しても音楽方丈記が終了するわけではないので、今後も読者として楽しまさせていただきます。
今後とも宜しくお願いいたします。

by 春樹 (2012-03-12 23:27) 

TAN

春樹さん、コメントありがとうございます。
代わりといってはなんですが、JavaScriptで同じように表示できるバージョンを作ったので、もう少しテストしてから公開する予定です。

今このブログのサイドバーに表示されているのがその新しいバージョンで、アートワーク表示とYouTubeボタンも連動するようになってます。
by TAN (2012-03-13 00:42) 

rion

自Blogにて、Last.fm チャートメイカーを愛用させていただいていました。
軽くてとても使い易かったです!今までどうもありがとうございました。
代わりのバージョンはアートワークとYoutubeボタンが表示されるようで、そちらの方も楽しみにしています。
公開された頃には是非とも愛用させて下さい。
by rion (2012-03-13 21:34) 

ゆき

私もLast.fm チャートメイカー愛用させて頂いておりました。
今までありがとうございました。
次回ver.こっそり期待しつつ、応援しております!
by ゆき (2012-03-13 23:00) 

TAN

rionさん、ゆきさん、コメントありがとうございます。
現在新バージョンの準備中で、URLが変わるので一旦終了とさせていただきました。

週末までには正式公開する予定です。
その際は改めて解説記事を投稿するので今しばらくお待ちください。
by TAN (2012-03-13 23:44) 

おなし

チャートメイカーをつかわせていただいていました。
シンプルなデザイン、羽のような軽さ、とてもべんりでした。

どうもありがとうございました。
新バージョンも期待しております。
by おなし (2012-03-14 06:47) 

TAN

コメントありがとうございます。
新バージョンのほうも引き続きウィザード形式の簡単設定ページも公開することにしました。
今ほぼ出来上がっていてテスト中です。

by TAN (2012-03-14 21:17) 

L

Hello,

This new version is decent, thanks! I've been using your chart maker since years ago for my LiveJournal page, but I no more can use it as LiveJournal doesn't allow embedding of JavaScript. Older version of your chart maker was fine for LiveJournal because the script generates an image. I wish you consider making a version for blog sites like LiveJournal.

Thanks in advance.

- Layla
by L (2012-03-27 22:08) 

TAN

Hi Layla,
I understand the problem is to created test user account on the LiveJournal. A custom block of sidebar on a user page did not accept an iframe tag and JavaScript.
I have been thinking for a solution to the problem, resolution is not easy. If I find a good way, I will write about it at my blog.

thanks.
by TAN (2012-03-27 23:48) 

コメントを書く

名前:[必須]
URL:
コメント:
画像認証:
下の画像に表示されている文字を入力してください。

Facebook コメント

トラックバック 0

トラックバックの受付は締め切りました

iTunes Store 音楽アプリベストセラー
for iPad





for iPhone/iPod touch





for Mac