「Twitterのめっちゃ高度な検索」でTwitter検索を楽にしました

1年前くらいに Twitterを使いこなす！検索オプションまとめ という記事を書いた者です。その後、サーバーなどをレンタルして、Twitter検索を楽にするページ「Twitterのめっちゃ高度な検索」というページを作ったので紹介させてくださいm(_ _)m

「Twitterのめっちゃ高度な検索」とは

Twitterには、様々な検索オプションが用意されています。その一部は、冒頭の記事で述べていますが、実際に検索するときに都度都度コピペするのは、使う側としても教える側としても非常に手間でした。そこで、簡単なHTMLとJavaScriptで複雑なオプションを手軽に使えるようにしたのが「Twitterのめっちゃ高度な検索」です。

名前は、高度な検索というTwitter社の公式ページをもじりました。

ざっくりと仕組みについて

HTMLでformを作って、検索ボタンを押せばJavaScriptが走ってクエリをTwitterのURLに投げるだけという、至ってシンプルな仕組みです。とてもシンプルですが、一応コードを載せます。

search.js

$(document).on('click', "[id='submit']", function () {

//Twitter検索のベースを格納
    var baseURL = 'https://twitter.com/search?f=tweets&q=';
//ボタンが押されてたら、対応するクエリを入れる。
    if (document.form.qqq.value != "") {
        baseURL += form.qqq.value;
    }
    if (document.form.from.value != "") {
        baseURL += " from:" + form.from.value;
    }
/～中略～//
    if (document.form.follows.checked) {
        baseURL += ' filter:follows';
    }
//最後にエンコード等してあげて、Twitterに投げる
    baseURL += '&src=typd';
    var encodeURL = encodeURI(baseURL);
    var searchURL = encodeURL.replace('#', '%23');
    console.log(searchURL);
    window.open(searchURL);

})

一度使ってみてください

仕組みについては以上の通りです。特に書くことがなくすみませんが、よくTwitterを使われる方はぜひ「Twitterのめっちゃ高度な検索」を使ってみてくださいませ！