Twitterのステータスをブログに貼り付ける公式ツール。

TechCrunchより。

昨日(米国時間5/3)、紹介したとおり、Twitterはツイートをブログ記事やウェブサイトに簡単にエンベッドできるツールを発表した。このツールはブラックバード・パイ(Blackbird Pie)という名前のウェブサイトで、使い方はいたって簡単だ。引用したいツイートのURLをコピー&ペーストしてからBake it(焼く”)というボタンをクリックするだけでよい。するとどんなふうにエンベッドされるかプレビューが表示される。同時に別のボックスにブログやウェブサイトに貼り付けるソースコードが表示される。
 


実際に貼ってみるとこんな感じ。


.bbpBox{background:url(https://s.twimg.com/a/1272578449/images/themes/theme13/bg.gif) #B2DFDA;padding:20px;}p.bbpTweet{background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:18px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px}p.bbpTweet span.metadata{display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6}p.bbpTweet span.metadata span.author{line-height:19px}p.bbpTweet span.metadata span.author img{float:left;margin:0 7px 0 0px;width:38px;height:38px}p.bbpTweet a:hover{text-decoration:underline}p.bbpTweet span.timestamp{font-size:12px;display:block}

今日は28度まで行くらしいですよ RT @hisataakaa: 今日が暑いの?俺が熱あんの?どっちだろう?less than a minute ago via Twit for Windows




おー。
さすが公式だけあって、実際の見た目をかなり再現できてて良い感じ。
画像を写して貼り付けるよりかは全然いいね。

ただし…


コード↓
(実際には1行なのを整形しています)



.bbpBox{
background:url(https://s.twimg.com/a/1272578449/images/themes/theme13/bg.gif) #B2DFDA;padding:20px;
}
p.bbpTweet{
background:#fff;
padding:10px 12px 10px 12px;
margin:0;
min-height:48px;
color:#000;
font-size:18px !important;
line-height:22px;
-moz-border-radius:5px;
-webkit-border-radius:5px
}
p.bbpTweet span.metadata{
display:block;
width:100%;
clear:both;
margin-top:8px;
padding-top:12px;
height:40px;
border-top:1px solid #fff;
border-top:1px solid #e6e6e6
}
p.bbpTweet span.metadata span.author{
line-height:19px
}
p.bbpTweet span.metadata span.author img{
float:left;
margin:0 7px 0 0px;
width:38px;
height:38px
}
p.bbpTweet a:hover{
text-decoration:underline
}
p.bbpTweet span.timestamp{
font-size:12px;
display:block
}

今日は28度まで行くらしいですよ RT @hisataakaa: 今日が暑いの?俺が熱あんの?どっちだろう? less than a minute ago via Twit for Windows



コード長ッ!

いくらなんでもCSSをそのまま提供するとかやっつけだろw
(ユーザごとに変える必要があるからある程度は面倒なんだろうけど)


もちろんコードが長いのは試験中だからで、

現在提供されているエンベッドコードは大量のインライン要素が集積したごたごたしたものだが、近くもっと短いバージョンを発表するという。

ということなので、今後に期待。



とりあえずこの間書いたこのエントリの画像はこれに置き換えても良いかな。

Twitterのbotって凄いのな。