人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

http://kagonow.jp/
上記サイトには、どのような技術が使われているのか質問です。
リアルタイムにtwiitを取得するところ、また、斜めからtwiitが追加されるアニメーション技術はどうしているのでしょうか?

私はphpがわかる程度です。
よろしくお願いします。

●質問者: seadwell
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●50ポイント ベストアンサー

http://kagonow.jp/js/tweet_live.js

http://kagonow.jp/js/common.js

ソースコードに全て書いてあります。FirefoxのFirebugを使うと調査しやすいです。

http://kagonow.jp/json/live_new_tweet.json (何度かリロードすると中身がみれた)


動作はおそらく、サーバ側でtwitterのAPIからtweetを取得してjsonファイルを作成。

クライアント側(ユーザがページを開いたら)でjsonをロードして、JavaScriptで効果を付けながら表示。

いわゆるAjaxです。

JavaScriptやjQueryを使いこなすにはHTML,DOM,CSSの知識が必要です。


動きを付けるならjQueryのanimateあたりを使うと楽にできます。

.animate() - jQuery API 下の方にサンプル


Twitter API - TwitterまとめWiki

◎質問者からの返答

ご回答ありがとうございます。

理屈は理解できました。

jQueryなど全く知りませんでした。

助かります。

手掛かりを沢山教えていただいてありがとうございました。


2 ● kodairabase
●50ポイント

Ajaxを利用してCSSでアニメーションさせています。


JavaScriptとCSSに関する知識が必要です。

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ