twitterの機能を簡単に実装?@anywhereを入れてみた

Posted on by vanillate

any1

@anywhereを入れてみました。
きっとあとで改良されるでしょうが、現時点での登録方法などをメモ。

アプリケーション登録


Register an @Anywhere Application
にて、アプリケーションを登録します。
今回はウェブに貼り付けるので、ウェブ=アプリケーションってイメージでしょうか。



Application Name: アプリケーション名。サイト名でOK
Application Website: サイトのURL
Organization: ここは適当に・・
Callback URL: コールバックURL。サイトのURL(TOP)でOKかと・・
Application Icon: アイコン、あとで登録可能




送信すると、APIキーが発行され、サンプルコードが出力されます。


アクセス権限の変更


現時点では、@anywhereの登録画面ではアクセス権限をread&writeにできないとのこと。

http://twitter.com/apps から、アクセス権限を変更します。

any2

よくわかりませんが、うちはこんな設定で動いています。
わたしがはまったのは、コールバックURL。
ここを空白にしていると、データが帰ってくる際に比較されてエラーが返ってきます。

javascriptコード


@anywhereのロード
<script src="http://platform.twitter.com/anywhere.js?id=APIキー&v=1"></script>

その場でフォローボタン
<div id="followButton"></div>

<script type="text/javascript">

twttr.anywhere(function(twitter) {

twitter("#followButton").followButton("アカウント");

});

</script>


このあたりのコードは@rewishさんのブログで紹介されていたもの。わかりやすい説明なので、他の機能については是非本家へw

参考サイト:


本家:http://dev.twitter.com/

@shiroutoSEOさんが日本語訳のサイトをおしえてくれました!
Twitter 新 API のドキュメント「Getting Started with @Anywhere」日本語訳

@rewishさんのわかりやすい解説
Twitterの機能をJSで簡単に導入できる「@Anywhere」の使い方メモ

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

*

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <img localsrc="" alt="">




copyright (C) vanillate all rights reserved. powerd by wordpress.
このブログは、CSS3とjavascriptを多用しております。是非、Fireworks3.6以上、safari5以上、chorme10以上でご覧下さい。
実験的なデザインのため、デザイン崩れなどご了承くださいませ。