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

「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のめっちゃ高度な検索」を使ってみてくださいませ！