ビジネス向けウェブサイト構築運営、ウェブサービス・アプリの企画開発

Twitterのツイートをウェブサイトやブログに表示するJavaScript × JSON

2010年2月15日 16:38 コメント(0)

Twitterのツイートをウェブサイトやブログに表示するには、ウィジェットを貼り付ける方法がありますが、JavaScript × JSON を使ってTwitterのツイートを表示する方法も。

こんな感じに。

    やり方は、Twitterのユーザー名と表示件数 (count) を設定した

    http://twitter.com/statuses/user_timeline/ユーザー名.json?
    callback=twitterCallback2&count=5
    

    を含む以下の三行のソースを貼り付けるだけ。

    <ul id="twitter_update_list"></ul>
    <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/ユーザー名.json?
    callback=twitterCallback2&count=5"></script>
    

    JavaScriptファイルをダウンロードして表示項目を変えたり、スタイルシートでデザインできたりとカスタマイズも自在にできる。

    コメント(0)

    名前 必須
    メールアドレス
    URL
    コメント

    Webサービスやインターネットメディアをつくってアイデアをカタチにしています。企画設計からプログラミング (主にLAMP環境, Perl/PHP, JavaScript, HTML, CSS, JSON)、データベースやサーバ構築、デザインまでバリバリやっています。最近はフレームワークやウェブアプリも。

    Twitter, はてブ, GREE, ブクログ

    最近のコメント

    • 表示件数はデフォルトで、1ページに表示す (thingsym)
    • 大変役立ちました。 JSON FEEDを (bunbun)
    ページの先頭へ