Web サイト向けAPI



Yusuke Yamamoto
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
Webサイト向けAPI
• JavaScriptで簡単にTwitter連携
• サーバサイドの実装は不要
• 完全に静的なhtmlのみで構成可能




       Copyright(c) Yusuke Yamamoto All rights reserved.
Streamed'Tweets'

                                                                       Ja



Web                  API
                          '                              Web'Intents

                          '                              @Anywhere




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




        Copyright(c) Yusuke Yamamoto All rights reserved.
Twitterボタン




Yusuke Yamamoto
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.
@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
         Copyright(c) Yusuke Yamamoto All rights reserved.
ウィジェット




 Apache License 2.0 : 自由にカスタマイズ可能
Yusuke Yamamoto
注意
• ツイートボタンにはトリを!!!




      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>




             Copyright(c) Yusuke Yamamoto All rights reserved.

Webサイト向けAPI #twtr_hack