1. Web サイト向けAPI
Yusuke Yamamoto

2. Twi$er'API
REST'API' '
' '
' '
' '
' '
:' '
API
:'Java,'Objec8ve9C '
API
Streamed'Tweets'
,' '
Java,'Python,'PHP,'Ruby,'Objec8ve9C '
Web API
' Web'Intents
:'Web '
' @Anywhere
:'HTML,'JavaScript'
Yusuke Yamamoto 2

3. Webサイト向けAPI
• JavaScriptで簡単にTwitter連携
• サーバサイドの実装は不要
• 完全に静的なhtmlのみで構成可能
Copyright(c) Yusuke Yamamoto All rights reserved.

4. Streamed'Tweets'
Ja
Web API
' Web'Intents
' @Anywhere
Copyright(c) Yusuke Yamamoto All rights reserved.

5. Webサイト向けAPI
• Twitterボタン
• Web Intents
• @Anywhere
Copyright(c) Yusuke Yamamoto All rights reserved.

6. Twitterボタン
Yusuke Yamamoto

7. Web Intents
• リンクで簡単にTwitterと連携
• ＠ツイート
• リツイート
• お気に入り
<script type="text/javascript" src="http://
platform.twitter.com/widgets.js"></script>
<a href="http://twitter.com/intent/retweet?
tweet_id=172587782752047104">リツイート</a>
http://bit.ly/web-intents
Copyright(c) Yusuke Yamamoto All rights reserved.

8. @Anywhere
• JavaScriptでサーバサイドなしにTwitterと連携
Copyright(c) Yusuke Yamamoto All rights reserved.

9. @Anywhere
@yusukey をフォローしましょう
<script type="text/javascript">
twttr.anywhere(function (T) {
T.hovercards({expanded:true});
});
</script>
http://bit.ly/hover-cards
Copyright(c) Yusuke Yamamoto All rights reserved.

10. ウィジェット
Apache License 2.0 : 自由にカスタマイズ可能
Yusuke Yamamoto

11. 注意
• ツイートボタンにはトリを！！！
Copyright(c) Yusuke Yamamoto All rights reserved.

12. https://twitter.com/about/resources/logos
Copyright(c) Yusuke Yamamoto All rights reserved.

13. Twitter登録商標の利用ガイドライン
https://support.twitter.com/articles/270444-twitter
Copyright(c) Yusuke Yamamoto All rights reserved.

14. 注意
• charsetを必ず指定
• IE/Firefoxの特定のバージョンで問題が発生
<script type="text/javascript"
charset=”utf8” src="http://
platform.twitter.com/widgets.js"></script>
Copyright(c) Yusuke Yamamoto All rights reserved.