• 締切済み

jQueryでリアルタイム更新をしたいです

Twitterのクライアントを自作しています。 リアルタイム更新をjQueryで行いたいのですが、あまり参考になるサイトがなく困っています。 「ここを見れば簡単にできる方法載ってるよ」または「こういう方法があるよ」というのがあれば是非教えて下さい。 よろしくお願いいたします。

  • ztb2
  • お礼率50% (2/4)
  • AJAX
  • 回答数4
  • ありがとう数2

みんなの回答

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.4

というかまずこの質問の上でだしてるあなたの質問にだれも返答しないように、 jsというよりもプログラム自体ほとんど未経験なんだと思うけど。 いきなりクライアントというよりも。基本的な部分のプログラムの勉強をまず軽くやったほうがいいよ。 twitterクライアントつくるなら、これの場合はinnerhtmlとかをつかってノードの書き換えや追加、あたりのをまず理解しとかないと、リアルタイム更新というのはできないよ。 あなたが言ってることは、ようはjsonで得たデータをinnerHTMLとかつかってタイムラインの部分のnodeを書き換えてやればいいんだよ。 言葉にするとこの一行ですんじゃうことなんだけどw、そもそものdom操作が理解できてなさそうなので、その人に↑の1行で言っても先ず理解できないでしょうから。助言のしようがちょっとないんだ。 (´・ω・`) javascript dom で検索するといろいろ例文があるので、そこらいちどぐるっとめぐって勉強するといいよ。 あと基本的なjavascriptの構文とともにオブジェクト指向言語の勉強してクラスやメソッドの理解をしておけば、必要な機能をライブラリ化して後で再利用とかできるようになるし、ほかの言語みてもとまどわないだろう。ただjavascriptは型もなにも自由すぎて最初にこいつから勉強するのはあまりおすすめ出来ないんだけどw ちゃんと勉強するなら JavaScript本格入門 ~モダンスタイルによる基礎からAjax・jQueryまで という本がおすすめできる。 けど内容はある程度オブジェクト思考の知識を持ってる人じゃないとスラスラ読めないだろう。 javaの基礎を勉強すると、まずはいいだろう。情報も本もすぐに試せる環境も手にはいるので。 そこからjavascriptを勉強すると早いと思う。

ztb2
質問者

お礼

遅くなりました。ご回答ありがとうございます。 まさにご指摘の通りです。 教えていただいた本を読ませていただきます。 ありがとうございました

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.3

http://web-park.org/javascript/twitter_json.html jsでやるとなるとここが参考になるんでないかな。 あとはリクエストは1時間70リクエスト以下にしてセットタイムアウトで取得すれば

ztb2
質問者

お礼

ありがとうございます。 今回の目的のもの以外でも使えそうなものがありました。 大変参考になります。

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.2

う。うんw まずtwitterAPIの存在はしってるだろうか? それとJSONとかの理解はしてるだろうか?

ztb2
質問者

補足

twitterAPIに関してはこれを知らないでクライアントは作れないのは理解してい ますのでもちろん存じています。 一応タイムラインの獲得まではできています。 JSONに関してははずかしながら勉強していません。 javascript自体つい最近勉強した程度のレベルの者です。 JSONを勉強すれば簡単に解決できるよということでしょうか?

  • mohumohu23
  • ベストアンサー率37% (438/1176)
回答No.1

それはポーリングしたいというのか、ソケット接続したいとかどっちやのん?

ztb2
質問者

補足

初心者のためポーリングやソケット接続というのはちょっとわからないのですが、単純にいえば <script type='text/javascript'> (function(){ var t = setInterval(function(){ location.reload(true); }, 10000); })(); </script> 上のように更新させるScriptだと全体をリロードしてしまうのではなく、 <ul> <li class="timeline"><span class='box_text'>Aさんのツイート内容</span></li> <li class="timeline"><span class='box_text'>Bさんのツイート内容</span></li> <li class="timeline"><span class='box_text'>Cさんのツイート内容</span></li> <li class="timeline"><span class='box_text'>Dさんのツイート内容</span></li> </ul> とタイムラインのソースがあり、このliで囲まれている箇所を10秒前後で更新させたいんです。 オフィシャル(https://twitter.com/)でいうと、しばらくすると「2件の新しいツイート」などと表示されますが、それの代わりにその新しいツイートが表示されるようにしたいのです。

関連するQ&A

  • jQuery?リアルタイムでフォームを変える

    以下のサイトにあるフォームなのですが、リアルタイムで変更されます。 ttp://www.kanzen-creditcard.com/ チェックボックスをクリックすると、その条件に当てはまるものを、数がリアルタイムで変動されます。 この機能はjQueryで行っているのでしょうか? そのプラグインがあるのでしたら、教えてください。 またそれを実現する為の知識や参考サイト、書籍などありましたら教えてください。

  • GoogleMapをリアルタイムに更新

    データベース(MySQL)に更新があった場合、GoogleMap上にリアルタイムにマーカーを表示させたいと考えています。 現在、XMLファイルの読み込みライブラリー downloadxml.js を利用し、PHPのXMLファイルを読み込んで実装しています。 調査していくと、リアルタイムに更新を行うには、ajaxを利用することがわかりました。 そのため 、jQuery のJavaScriptライブラリーを利用してPHPのXMLファイルを読み込む形になるのか、と思っているのですが、データベースに更新があった場合にリアルタイムにGoogleMapを更新させるには、どちらの読み込みで行うとよろしいのでしょうか? またリアルタイム更新には、cometという技術を使う必要があるということを調査して分かったのですが、具体的なソースコードが出ているページなど詳しい説明が載っているページがあれば、教えていただきたいです。 よろしくお願いします。

    • ベストアンサー
    • MySQL
  • リアルタイム更新

    よく、株価やチャットなどでリアルタイムに更新されていると 思いますが、その方法を知りたいのですが・・・。 html内に <META HTTP-EQUIV="refresh" CONTENT="3; URL=abc.html"> と言う方法ではないやり方でお願いします。 おそらく更新がなかったら、while文で何も更新しないとかを繰り返しているのかな?とか考えていますが、いまいち考え方がわかりません。 アドバイスお願いします。

    • 締切済み
    • PHP
  • リアルタイムで更新する株。

     リアルタイムで更新する株の動きを見れるサイトを探してます。やっぱり有料ですか?有料も無料もあれば教えて下さい。

  • リセールページの更新をリアルタイムで知る

    とある歌手のライブチケットを取得するために、 リセールページが更新されたら、リアルタイムで知りたいです。 GoogleエクステンションのPage Monitorを使ってみましたが、 ページ更新されても、アラートが出ないです。 リセールページが更新されたら、リアルタイムで教えてくれる。 ソフトやエクステンションなど、どのような方法がありますでしょうか? よろしくお願いいたします。

  • ツイッターでフォローしてる人のつぶやきをリアルタイムで表示するにはどう

    ツイッターでフォローしてる人のつぶやきをリアルタイムで表示するにはどうすればいいんでしょうか? ツイッターってよくリアルタイムで情報をキャッチできると言いますが、 画面をじっと眺めていても更新(F5とか)しない限り新しいつぶやきは表示されませんよね? そういったことをしなくてもリアルタイムにフォローしてる人のつぶやきを表示する方法があったら教えてください。

  • Googleのツイッターのリアルタイム検索について

    Googleのツイッターのリアルタイム検索について Googleのツイッターのリアルタイム検索についてですが、あれは今更新が激しいキーワードしか検索結果に出ないんですよね? 検索結果に出ないキーワードのツイッターの検索結果も見ることってできますか?

  • ブログ更新ををtwitterに反映させる

    ブログ更新をtwitterに反映させたいのですがフィードツイートやフレンドフィード feedburnerなど 色々試したのですがブログ更新してからtwitterに反映されるのに4時間とか7時間とかかかり リアルタイムで更新されません リアルタイムで反映される 所はないですか? または反映速度を早くする方法があるなら教えてください

  • PHPとjquery

    PHPの内部処理をjqueryを使ってブラウザ上で進捗状況をリアルタイムで見せてくれるようなものは作れますか? jqueryで動的なwebページを作れると聞いての質問なのですが。jqueryは少ししか触っていません 例えば <?php $i = 1; while( $i <= 10 ){ echo "実行中<br>\n"; $i++; sleep(5); } ?> というプログラムがあって、普通に実行したらまとめて10個の"実行中"が表示されるだけですが、これをプログラム処理と同期させてページを更新させること無しに一つづつブラウザに表示させて行くというような処理は可能なのでしょうか?教えてください

  • WordPressでjQuery-UIの使い方

    WordPressでjQuery-UIの使い方を教えてください。 現在、WordPressで作ったサイトにフローティングメニューを取り入れたいと思っています。 フローティングメニューを入れるにあたり、jQuery-UIを読み込まなければならないのですが ちゃんと読み込まれていないようです。 WordPressではなくテストでサイトを作り、読み込ませるとちゃんと動作するので、 WordPress特有の問題かと思います。 WordPressでjQuery-UIを読み込ませる方法を教えてください。 下記に参考にしたサイトと、ソースを記述しました。 -------WordPressのヘッダ内の記述と参考にしたサイト------- <?php wp_deregister_script('jquery.ui.core.min'); wp_enqueue_script('jquery.ui.core', get_bloginfo('template_url') . '/js/jquery.ui.core.js'); ?> wp_deregister_scriptでWordPressのjquery.uiを見に行かないようにして、 wp_enqueue_scriptでダウンロードしてきたUIを見に行くようにしてあります。 参考にしたサイト(jQuery-UI) http://d.hatena.ne.jp/deeeki/20090907/wp_enqueue_jquery_ui フローティングメニューについて参考にしたサイト http://www.skuare.net/test/jScrollFollow.html

    • ベストアンサー
    • PHP