ブログパーツ

ブログパーツを作らせていただきました。
ファミ通.comさんの「みんなのクロスレビュー」のブログパーツです。
みんなのクロスレビューというのは、様々なゲームの評点を集約してまとめたサービスです。
作らせていただいたブログパーツは、指定したゲームの点数やニュースを表示するというものです。
例えば、こんな感じです。


作る際に考えたのは「どうすれば使ってもらえるか？」ということでした。
ブログパーツというのは自分のブログに貼るものですから、まずブログの執筆者に気に入ってもらわなくてはいけない。
ブログの執筆者が気に入る理由というのは色々あると思いますが、「訪問者が面白がってくれそう」ならば貼ってもらえると考えました。
そこで、今回ブログパーツを作る際に気を使ったのはユーザーインターフェースと動きの部分です。
ブログパーツ上でボタンを押したりマウスを動かすことで、気持ちいい動きをするようなUIを目指しました。
その上で情報を分かりやすいように配置しています。
このブログパーツの制作中にiPhoneを買ったのですが、ちょっと影響を受けたかもしれません(笑)

「みんなのクロスレビュー」というプロジェクトについてですが、こちらは非常にユニークな試みです。
今までゲームの評価というものは、各メディア毎にバラバラにおこなわれていました。
amazonや楽天のレビューがそうですし、専門サイトとしてはmk2や4gamerといったものがあります。
もちろんファミ通も、編集者や、自社メディアでの一般ユーザーによる評点でゲームに評価をつけてきました。
「みんなのクロスレビュー」は、そういった様々のメディアのデータを集約し、集合知としての点数を付けようという試みです。
ちなみに海外ではmetacriticというサイトが取り組んでおり、ここで付けられた点数はユーザーにとって信頼度の高いものとなっています。
「みんなのクロスレビュー」で現在利用されているものは4メディアのデータですが、今後増えていくことになる予定らしいので、業界標準になれたら面白いな思ってます。

というわけで、技術的にも内容的にも充実したお仕事でした。

11月18日発売のWeb Designing12月号で記事を執筆させて頂きました。

Web Designing (ウェブデザイニング) 2009年 12月号 [雑誌]

今月のWeb Designingの特集は、「バナー＆ブログパーツの設計図」なのですが、
その中の「Twitter APIのデータを利用したブログパーツ」という項(72ぺージ)です。
見開き1ページでtwitterのデータをブログパーツで使う方法を掲載しています。

以前『twiPhone』というiPhone風のtwitterブログパーツを作ったのですが、
その解説を中心に記事にしています。

そのほかの特集では様々なバナーやブログパーツを扱っていて、
いずれも業界を代表するトップクリエーターの方々が記事を書いていらっしゃるので、
僕なんかが混ざっていいのかなと恐縮してしています。

よかったら読んでみてください。

どうもこんばんは。

ちょっとお仕事の話。
ファミ通.comのブログパーツを作成させてもらいました！

ファミ通.comで配信しているゲームソフト売り上げランキングと、ニュースが表示できちゃう優れモノです！
さらに、amazonのアフィリエイトIDを持っていればアフィリエイトもできちゃいます！

こちらからタグが取得できるので、是非使ってみてください！

http://www.famitsu.com/blogparts/

twitterでの発言最新5件を表示するブログパーツを作った。
twiPhoneと名付けた。
Flash楽しいかもしれない。

あなたのtwitterID：

テキストエリアに自分のtwitterIDを入れてから下のソースをコピペすれば使えると思いますのでよかったらどうぞ。
<embed height="303" align="middle" width="160" type="application/x-shockwave-flash" salign="" allowfullscreen="false" menu="true" name="twiphone" bgcolor="#ffffff" devicefont="false" mode="window" scale="showall" loop="true" play="true" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://script.sj6.org/twiphone/twiphone.swf?sayjiro"/>

※追記
・背景色が白でない場合はタグ内の「bgcolor="#ffffff"」部分を変更することで対応できるはず。
・たくさんの方が利用してくださっているみたいです。ありがとうございます！
・09/11/16 twitterからのアクセス制限により表示されなくなる問題に対応しました。
・このブログパーツについてWeb Designing2009年12月号に記事を執筆しました。