![見出し画像](https://assets.st-note.com/production/uploads/images/1103230/rectangle_large_fb4256eedf738e8cf3d992e6d3cf66ac.jpg?width=1200)
ハッシュタグ検索道具
#ハッシュタグ 検索に関して、個人的には 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 さん)
この記事が気に入ったらサポートをしてみませんか?