この記事は、ヒナロエ氏(@hnle0)の Advent Calendar 2014 参加記事(7 日目)です。
2015年2月2日より API 経由での情報取得が可能になるようです。
詳細は当記事下部の追記にて。
というわけで
今回は、ちょっと前から Twitter にアップロードできるようになった GIF アニメを取得する方法を考えてみます。記事執筆時点(2014/12/16)では Twitter はサードパーティーのクライアント向けにはこれを公開していません。
この記事は、ヒナロエ氏(@hnle0)の Advent Calendar 2014 参加記事(7 日目)です。
2015年2月2日より API 経由での情報取得が可能になるようです。
詳細は当記事下部の追記にて。
今回は、ちょっと前から Twitter にアップロードできるようになった GIF アニメを取得する方法を考えてみます。記事執筆時点(2014/12/16)では Twitter はサードパーティーのクライアント向けにはこれを公開していません。
Fancybox とは画像やメディアなどを拡大表示するための jQuery プラグインですが、今回はその中に Twitter の埋め込みタイムラインを表示させてみます。実際に今回のスクリプトを使用すると以下のようになります。
JavaScript(jQuery)ネタです。 iPhone などの iOS デバイスから Web サイトを閲覧しているとき、Twitter へのリンクは通常 mobile.twitter.com で開かれますが、ツイートを閲覧したりそのユーザーをフォローしたりするには正直やりづらい…。ということで、Twitter へのリンクを自動的にスマートフォンアプリで開くように書き換えるスクリプトをご紹介します。このコードの動作には jQuery が必要です。
$(function () {
if (/iPhone|iPad|iPod/.test(navigator.userAgent)) {
$("a[href*='twitter.com']").each(function () {
var match;
var $elm = $(this);
if ((match = $elm.attr("href").match(/twitter\.com\/(?:#!\/)?([a-zA-Z0-9_]{1,20})$/))) {
$elm.attr("href", "twitter://user?screen_name=" + match[1]);
}
if ((match = $elm.attr("href").match(/twitter\.com\/(?:#!\/)?[a-zA-Z0-9_]{1,20}\/status(?:es)?\/(\d+)$/))) {
$elm.attr("href", "twitter://status?status_id=" + match[1]);
}
});
}
});
上記のコードを jQuery を読み込んだあとに貼り付けるだけで、iOS のデバイスでは Twitter アプリが開かれます。