ハッシュタグ検索道具

2014年12月2日 13:05

#ハッシュタグ検索に関して、個人的には URL 直打ちで十分だと思っていたら、URL 直打ちがピンと来ないとか、面倒だとか、出来ないという方々が周囲に多かったので、パソコンのウェブブラウザで使える簡単な道具を作ってみました。

追記

当初はコードをコピー&ペーストして使っていただく形態で配布していましたが、現在はウェブ上で利用できます。http://note.lv9.org/h.search/

また、パソコン向けに作ったのですが、スマートフォンやタブレットからのアクセスが多いので、対応しました。

以下、当初の内容 (賞味期限切れ)

テキストエディタに以下のコードを貼り付けて、保存してください。保存する際には、文字コードは UTF-8 を選択、ファイル名は自由、ファイル名の末尾 (拡張子) は .html にしてください。

そして、保存したファイルを Google Chrome などのウェブブラウザで開けば使えるはずです。

とてもシンプルなので、使い方は省略！

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html
 PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>note ハッシュタグ検索</title>
 <script type="text/javascript" >
 //<![CDATA[
  function go() {
   var s = document.getElementById('word').value;
   s = s.replace(/\s+/g, '');
   if (s == '') { return false }
   var u = 'https://note.mu/hashtag/' + encodeURI(s);
   window.open(u, '_blank');
   var ea = document.createElement('a');
   ea.innerHTML = '#' + s;
   ea.href = u;
   ea.target = '_blank';
   var es = document.createElement('span');
   es.appendChild(ea);
   es.innerHTML = es.innerHTML + ' ';
   document.getElementById('buff').appendChild(es);
   return false;
  }
  window.onload = function () {
   document.getElementById('exec').onclick  = go;
   document.getElementById('form').onsubmit = go;
  }
 //]]>
 </script>
 <style type="text/css" media="screen">
  a { color: rgb(65,201,180) }
 </style>
</head>
<body>
 <h1>note ハッシュタグ検索</h1>
 <form id="form">
  <input id="word" type="text" />
  <input id="exec" type="button" value="検索" />
 </form>
 <div id="buff"></div>
</body>
</html>

動作確認環境
・Mac OS X 10.10.1
・Google Chrome Canary (41.0.2236.0 canary)
・Safari (8.0)
・Firefox (31.0 / 34.0)
・Safari on iOS 8.1.1 (iPhone 6 Plus 実機)
・Safari on iOS 8.1 (iPhone 6 Plus エミュレータ)
※Linux, Windows でも動きます。Internet Explorer は謎。

追記
Internet Explorer 11 で動くとのことです。
(Thanks plastic snow さん)

この記事が気に入ったらサポートをしてみませんか？