Ajaxで無ければ表現できないサイトを作りたかった『BnetJapan』

Ajaxで無ければ表現できないサイトを作りたかった『BnetJapan』


スポンサード リンク

Ajaxの勉強のためにサイトを作ってみた


bnet


名前はcnetjapanの様なニュースサイトにしようとしたのでBnetjapan。
ところが、いざ作ってみるうちに全く違うものになってしまった為、タイトルの意味がわからない状態に。

一応トップページ
BnetJapan

今回のAjax試験として、はてブコメント最新情報というZAPA氏のシステムを参照させてもらいました。

はてな人気エントリーの記事のコメントだら見。
結構やってみるとふだん見ないようなタイトルもコメントの力で見るようになった。
そこにプラスして、Ajax多段を利用し、buzzurlのコメントも呼び出しするように作ってみました。

テクノラティAPIも使って逆リンクを呼び出すようにしてみたけど、テクノラティAPIのあまりの愚鈍さにビックリ。さらに、同時に複数呼び出す事が出来ない為、一つ一つ呼び出す形になってしまう。なので、これははずしました。
Bnet人気エントリーコメント横断


時間のない人用に一覧表示を作成しましたが、この場合は以前作成したブックマークフィールドのほうがはるかに情報を収集しやすいかと。

バザールユーザーはニュースに対するコメントが熱かった


実際作成してみると、バザールユーザーのブクマコメントが熱いのはニュース系だったので、はてな人気ニュース一覧も、コメント横断する事に。
Bnet人気ニュースコメント横断


ここまで作った結果、なんとなく今日逃してはいけない動画も追加してみようと、アメーバヴィジョンAPIを攻略してみた。

結構簡単だったので、以前から運営しているeTubeにアメーバを入れるか悩見所でしたが、ちょっとめんどくさくなって断念。
一応本日の最も熱い動画で、評価も高い物を表示するようにしました。
それだけではつまらないので、はてなの新着動画もAjax多段で導入。

新しい物を発見すると言うコンセプトだったのですが、Ajax多段を使うと結構表示できる量が増やせそうだったので、さらにアメーバの1週間の人気動画と、はてな注目の動画を表示。
Bnet燃焼中の動画

見ているうちに、朝見たらよるにはもう既に入れ替わっている為、動画にもブックマークボタンを付けておきました。


いずれも、XMLを解読し、表示する為のタイムラグが発生する行為ばかりなので、Ajaxでも使わなければ表現できないと思い、良い勉強になるかなと作成を試みました。

一番の問題ははてなRSSにたまにエラーが含まれるエントリーが上る事があり、それが含まれてしまったら終わりです。
動画系は差し支えないと思いますが・・・。

良かったら遊んでいってください。
では。

新ブログ:ITクオリティもよろしく。
この記事のコメント (0)

スポンサード リンク


はてなRSSへ追加 My Yahooへ追加 Livedoorへ追加 Google Readerへ追加

はてなブクマこのエントリーを含むはてなブックマーク livedoorクリップ livedoorクリップ Buzzurlにブックマーク Buzzurlにブックマーク newsing it! del.icio.usでブックマーク
私の他のブログの更新状況
最近のエントリー
» セキュリティソフトのカスペルスキーがいかに強気なのかを確認できる一覧[ネタ]
» [これすご]70のphotoshop修正テクニック
» 旭川で行われたMicrosoftのセミナーに壮大に釣られた
» ブロガーは2クリック以内にワンクリック詐欺サイトに到達する可能性が高い
» Adobe Fireworks(8)のweb2.0なレイヤースタイル131+48個+おまけ
» アメブロのブログマナー定義がどうも腑に落ちない
» FLASHベースのリッチテキストエディタ『obedit』
» 画像にメッセージを埋め込むflickr見たいな機能のJavaScript
» 7月と言えば『まとめ祭り』ということで、まとめエントリーをまとめました
» 『こんなwebサイトは嫌だベスト20』をチェックシート化して現場に持っていこうと考えてPDF形式で作った
» 『YouTubeを見ている全てのユーザー視聴情報をバイアコムへ』米国法廷が裁決。
» [ゲーム脳]DS版ディスガイアが本当にヤバイ理由を懇々と説明するよ
» 相手サイトのサムネイル画像を簡単にブログにはるタグを作るeパレット2
» ゆーすけべーさんになるべく粗相のないように『YourFileHost の FLV をダウンロード』用ブックマークレットを作った
» 有益なwebコンテンツを生み出すための5つのノウハウ

ホームページを作る人のネタ帳トップへ

Comment

当ブログのコメントポリシーはこちら

 
管理人にのみ表示する
 

Home

SPONSOR2

ブログ記事を検索

Google

カテゴリー

月別過去記事

私のおすすめ書籍

最近のトラックバック

リンク

お問い合わせとか

お問合せ、広告について

名前:
メール:
件名:
本文:

最近のコメント

プラグイン

あわせて読みたい

フィードメーター - ホームページを作る人のネタ帳

SPONSORS


このブログについて

当サイトはインターネットでのデザインや、ホームページ作成に関する私Yamadaの個人的勉強をネタとしてご紹介するサイトになっています。 
>> 管理人プロフィール
>> このブログの人気記事
メールでホームページを作る人のネタ帳を購読





私が個人的に運営しているサイト
■ブログ支援【e】パレット2(NEW!)
■アイデアノート
■WEB9.0 ホットなWEBサービスを
■どばっと動画検索 イーチューブ
■ブログネタ収集用『BMF』
■PHPプログラムを作る人のメモ帳
■SEO上級者マニュアル

この日記のはてなブックマーク数

最近のエントリー

タグクラウド

ITクオリティ

自然イメージチュートリアル
美しい3Dテキストのインスピレーション
wordpress
ポスターのインスピレーション