Download - Webサイト向けAPI #twtr_hack
Yusuke Yamamoto
Web サイト向けAPI
Yusuke Yamamoto 2
Twi$er'API�
REST'API'
��API�
�#05*4��API�
Web��#���API�
� :'-%�1�(0'��:'Java,'Objec8ve9C'
"��# (�(0,'�5&�'Java,'Python,'PHP,'Ruby,'Objec8ve9C'
� :'Web��#'��:'HTML,'JavaScript'
Streamed'Tweets'
.5�5�#05+� ��#�#05+�
!�5#)�4'
Web'Intents�
@Anywhere�
��+/�4'
!�5#'
'�35'
���4#'
��2�#, �5�'
0�#'
�����'
#24$'
��'
'�35)�4'
Copyright(c) Yusuke Yamamoto All rights reserved.
Webサイト向けAPI• JavaScriptで簡単にTwitter連携
• サーバサイドの実装は不要• 完全に静的なhtmlのみで構成可能
Copyright(c) Yusuke Yamamoto All rights reserved.
Twi$er'API�
REST'API'
��API�
�#05*4��API�
Web��#���API�
� :'-%�1�(0'��:'Java,'Objec8ve9C'
"��# (�(0,'�5&�'Java,'Python,'PHP,'Ruby,'Objec8ve9C'
� :'Web��#'��:'HTML,'JavaScript'
Streamed'Tweets'
.5�5�#05+� ��#�#05+�
!�5#)�4'
Web'Intents�
@Anywhere�
��+/�4'
!�5#'
'�35'
���4#'
��2�#, �5�'
0�#'
�����'
#24$'
��'
'�35)�4'
Copyright(c) Yusuke Yamamoto All rights reserved.
Webサイト向けAPI• Twitterボタン
• Web Intents
• @Anywhere
Yusuke Yamamoto
Twitterボタン
Copyright(c) Yusuke Yamamoto All rights reserved.
Web Intents• リンクで簡単にTwitterと連携
• @ツイート• リツイート• お気に入り
http://bit.ly/web-intents
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
<a href="http://twitter.com/intent/retweet?tweet_id=172587782752047104">リツイート</a>
Copyright(c) Yusuke Yamamoto All rights reserved.
@Anywhere• JavaScriptでサーバサイドなしにTwitterと連携
Copyright(c) Yusuke Yamamoto All rights reserved.
@Anywhere
@yusukey をフォローしましょう<script type="text/javascript"> twttr.anywhere(function (T) { T.hovercards({expanded:true}); });</script>
http://bit.ly/hover-cards
Yusuke Yamamoto
ウィジェット
Apache License 2.0 : 自由にカスタマイズ可能
Copyright(c) Yusuke Yamamoto All rights reserved.
注意• ツイートボタンにはトリを!!!
Copyright(c) Yusuke Yamamoto All rights reserved.
https://twitter.com/about/resources/logos
Copyright(c) Yusuke Yamamoto All rights reserved.
Twitter登録商標の利用ガイドラインhttps://support.twitter.com/articles/270444-twitter
Copyright(c) Yusuke Yamamoto All rights reserved.
注意• charsetを必ず指定
• IE/Firefoxの特定のバージョンで問題が発生
<script type="text/javascript"
charset=”utf8” src="http://platform.twitter.com/widgets.js"></script>