上記サイトには、どのような技術が使われているのか質問です。
リアルタイムにtwiitを取得するところ、また、斜めからtwiitが追加されるアニメーション技術はどうしているのでしょうか?
私はphpがわかる程度です。
よろしくお願いします。
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 下の方にサンプル
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 下の方にサンプル
ご回答ありがとうございます。
理屈は理解できました。
jQueryなど全く知りませんでした。
助かります。
手掛かりを沢山教えていただいてありがとうございました。
ご回答ありがとうございます。
理屈は理解できました。
jQueryなど全く知りませんでした。
助かります。
手掛かりを沢山教えていただいてありがとうございました。