カテゴリー
未分類

ツイートに添付された写真はどう吸おうか?

ツイッター関連のちょっとした物をつくることになったに際しましてちょっと調べ物

あるハッシュタグにひもづけられたツイートを引っ張ってくるのは問題ないとして
さらにそれらのツイートに添付されている写真はどうやって取ってくればいい?

ツイッター自体には写真を投稿する機能はないので各々外部のサービスを組み合わせて投稿している
たとえばtwitpicとかtweetphotoとか百花繚乱

まっとうな方法は各サービスはAPIを提供してるみたいだからそれぞれ読んで実装すればいい
だけどさめんどくさいよ一つに統一してくれればともかく

なのでサイトから無理やり引っ張ってくること考える
これだったらちょっとhtml読んでなんとなく実装すればいい

ちょっと調べてみるとimg要素は以下のように埋めこまれている
まずtwitpic

twitpic.com
<img class="photo" id="photo-display" src="ほげほげ" />


なのでjqueryとか使えば以下のようにして写真のimg要素にアクセス出来る

//jqueryで写真のsrc取得
src = jQuery('#photo-display').attr('src');


tweetphotoの方も見てみると

tweetphoto.com
<div id="photo" style="position: relative;">
    <center>
        <img src="ほげほげ" id="medium_photo" name="medium_photo" alt="">
    </center>
</div>

center要素とか懐かしいですねえmedium_photoというのもなんとなく心配ですがidということになっているのであてにして

//jqueryで写真のsrc取得
src = jQuery('#medium_photo').attr('src');

APIをちゃんと使うのと比べてもとくにデメリットはないと思う
サイトの構造が変更されれば修正かけないといけないけれどAPIもたいていかわるし
あとはjsonかxmlかhtmlの差だけ

とりあえずこれでやってみる