https://let.hatelabo.jp/htsign/rss
Bookmarklets from htsign
-
https://let.hatelabo.jp/htsign/let/gYC-y8X0-sXmag
2016-10-08T17:11:46Z
httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
htsign
[Let] リンク化
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fhtsign%2Flet%2FgYC-y8X0-sXmag.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">リンク化</a><pre>/*
* @title リンク化
* @description httpやttpやtpなリンクのないURLにリンクを付ける（どこにでもあるやつだけど、標準技術のみで実装している自己満足ver）
* @include http://*
* @license MIT License
*/
// 【最近の変更】
// ・正規表現を更に少し変更
// ・httpsのURLに対応
// ・scriptタグの中身は変更しないようにした（誤爆しやすいみたいなので）
// ・構造を大幅に変更
(function() {
var ElementFactory = (function() {
function ElementFactory(tagName, attrs) {
this.template = document.createElement(tagName);
for (var i = 0; i < attrs.length; ++i) {
var attr = attrs[i].attr, value = attrs[i].value;
this.template[attr] = value;
}
}
ElementFactory.prototype.create = function(attrs) {
var elem = this.template.cloneNode(true);
for (var i = 0; i < attrs.length; ++i) {
var attr = attrs[i].attr, value = attrs[i].value;
elem[attr] = value;
}
return elem;
};
return ElementFactory;
})();
var pattern = /(?:h?t?tp(s?):\/\/(?:[\w-]+|[^ -~｡-ﾟ]+)\.[a-zA-Z]{2,4}[^\s "']*)|(?:[^/\s"'(（「【『]*?(?:[\w-]+|[^ -~｡-ﾟ]+)\.(?:com|org|net|edu|gov|jp|to|tv|fm|info|(?:co|or|ne|ac|go)\.(?:jp|uk|fr|de))[^\s "')）」】』]*)/g;
var anchorFactory = new ElementFactory("a", [{ attr: "target", value: "_blank" }]);
convertTextToLink(document.body);
function convertTextToLink(rootNode) {
var filter = function(node) {
var isAnchorOrScript = node.parentNode && ["A", "SCRIPT"].indexOf(node.parentNode.nodeName) !== -1;
return isAnchorOrScript ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
};
var iter = document.createNodeIterator(rootNode, NodeFilter.SHOW_TEXT, filter, false);
var range = document.createRange();
var current;
while (current = iter.nextNode()) {
var getPathname = function(url) {
var pattern2 = /:\/\//g;
return pattern2.exec(url) ? url.slice(pattern2.lastIndex) : url;
};
var regRes, matchStack = [];
while (regRes = pattern.exec(current.data)) { // マッチがなくなるまでループしてスタック
matchStack.push({
mUrl : "http" + (regRes[1] || "") + "://" + getPathname(regRes[0]),
pStart : regRes.index,
pEnd : pattern.lastIndex,
});
}
while (matchStack.length > 0) { // 後ろから1つずつ取り出して変更を適用
var item = matchStack.pop();
var a = anchorFactory.create([{ attr: "href", value: item.mUrl }]);
range.setStart (current, item.pStart);
range.setEnd (current, item.pEnd );
range.surroundContents(a);
}
}
range.detach();
}
})();
</pre>
-
https://let.hatelabo.jp/htsign/let/hJmc2dnm5_Q4
2013-12-07T15:24:53Z
Wikiやブログ等の検索システムのあるCMSで作られたコンテンツ内で文字列を選択したときに、その文字列でサイト内を検索するボタンを作ります。
htsign
[Let] searchWiki.js
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fhtsign%2Flet%2FhJmc2dnm5_Q4.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">searchWiki.js</a><pre>/**
* @title searchWiki.js
* @description Wikiやブログ等の検索システムのあるCMSで作られたコンテンツ内で文字列を選択したときに、その文字列でサイト内を検索するボタンを作ります。
* 別ブラウザ向けの拡張として作った物をほぼ丸コピペです。
* @include *
* @license MIT License
*/
// thanks for 商用利用可のWEB素材が無料な素材屋
// http://ec-sozai.net/
(function(global){
var ID_PREFIX = "UserExtension_searchWiki_",
POSITION_GAP_X = 16,
POSITION_GAP_Y = 16;
var mouseDownFlag = false,
mouseDragFlag = false,
siteName = "",
selectedText = "";
/**
* テキストが選択されているかどうかを確認する
* @returns {Boolean} 選択されていたらtrue
*/
var checkSelection = function(){
selectedText = global.getSelection ? global.getSelection().toString()
: document.selection ? document.selection.createRange().text
: "";
return selectedText !== "";
}
// ecl.js 読み込み
loadEclJS();
// イベント登録
addEvent(document, "mousedown", function(){
mouseDownFlag = true;
mouseDragFlag = false;
});
addEvent(document, "mouseup", function(event){
var mousePos = null;
// ドラッグされていたらテキストが選択されているかどうかを確認
if (mouseDragFlag && checkSelection()) {
mousePos = getMousePosition(event);
global.setTimeout(function(){
viewButton(mousePos.x, mousePos.y);
}, 0);
}
mouseDownFlag = false;
mouseDragFlag = false;
});
addEvent(document, "mousemove", function(){
if (mouseDownFlag) {
mouseDragFlag = true;
}
else {
mouseDragFlag = false;
}
});
addEvent(document, "dblclick", function(event){
var mousePos = null;
if (checkSelection()) {
mousePos = getMousePosition(event);
global.setTimeout(function(){
viewButton(mousePos.x, mousePos.y);
}, 0);
}
mouseDragFlag = false;
});
/**
* マウスの座標を取得する
* @param {Object} event イベントオブジェクト
* @returns {Object} マウス座標
*/
function getMousePosition(event){
var pos = {};
pos.x = event.pageX || document.body.scrollLeft + event.clientX;
pos.y = event.pageY || document.body.scrollTop + event.clientY;
return pos;
}
/**
* 検索ボタンを表示する
* @param {Number} x マウスのX座標
* @param {Number} y マウスのY座標
*/
function viewButton(x, y){
var button, image, url, s;
url = getHypertextReference();
if (!url) return; // 文字列を取得できなかった場合は実行しない
// ゴミが残っている場合は削除してから実行する
if (document.getElementById(ID_PREFIX + "button")) {
removeButton();
}
button = document.createElement("a");
image = document.createElement("img");
s = button.style;
x += POSITION_GAP_X;
y += POSITION_GAP_Y;
button.id = ID_PREFIX + "button";
s.display = "block";
s.position = "absolute";
s.left = x + "px";
s.top = y + "px";
s.padding = 0;
s.border = 0;
s.outline = 0;
s.lineHeight = "0";
s.textDecoration = "none";
s.opacity = .3;
s.transition = "200ms opacity ease";
button.href = url;
button.onmouseover = function(){
s.opacity = "1";
};
button.onmouseout = function(){
s.opacity = ".3";
};
button.onblur = function(){
removeButton();
}
image.id = ID_PREFIX + "image";
image.alt = "search";
image.title = "検索";
image.src = 'data:image/png;base64,'+
'iVBORw0KGgoAAAANSUhEUgAAABsAAAAaCAYAAABGiCfwAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz'+
'AAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAwMy8xOS8xMQFBmhAAAAAYdEVYdFNv'+
'ZnR3YXJlAEFkb2JlIEZpcmV3b3Jrc0+zH04AAAKhSURBVEiJvZbNThNhFIafmWJbCnGItA6dJi5q'+
'II2sbEkEpLATgkgicSNb0ivwDrwDNi4KJm7ENGBM4QrABDCBlA2GFUaEaac/gYIlpaUzLrRFIi2l'+
'aX1X8805b57vzJzzzQiGYTDzdqYVeAOMAA7qq2/Au8BU4LXwB/YemARwuVx1JR0cHBQvXwnB2eAd'+
'IA6YXC7X38F6a1MEWv8DCMDRVG2m1WrFYXdQ0AskEgny+fyNadfCnB1O/AN+JEm6dD+mxVj5vEI6'+
'na4aJlYK+rw+xp6OIUkS2WyW/f191KhKPp+nQ+5g4vkEXZ1dVcPKVuZ2u/E+9AIQ2YqwsblxsUNR'+
'xD/gp6uzi0H/IOl0Gi2u1VaZIAj0PuoFYHVt9RIIQNd1lleW2dnZQRAEfF5fFXWVgcl3ZVpsLWia'+
'xvbX7bLmtfU1ABRFwWKx1AYrNsNR+qii+bxwjhpVEQSB9vb22mCN0pWwYju3SW0VzU2mJhSngmEY'+
'pFKp2mBaXCNzmkGWZbofdJc19/X2AaCqKmdnZ7XBDMNg/cs6AP19/fgf+y+bRJGhwSE8Hg8AUS16'+
'LQgqzNnu7i7SbQmf14fH48F9300ymcQkmnA4HIjixT57vD2kkin2fuzdvLKiIlsRwkthUqkU5ltm'+
'FKeCLMuIooiqqoSXwqXc4SfDKIpSESYEZ4P3gO/Xnfpmsxm73Y5e0Ikn4ui6DkCLrYXJl5OlvMWl'+
'xXKnyV7VrZ/L5VBVlZgWK4EAMqcZ5j7Mldbjz8bLzlxd5ixzmiE0HyqtR0dGsTXbGgMDOD4+ZuHj'+
'AtlsFqvVSrOt+Z+cqj+e1ejw6JDQfAiLxcLJyUljYfD73eZyuStjIhADcg3+/wBIiIGpQA4INpoE'+
'TBcf4yvgAHjRAMhPYDowFfj0C3Y89OFebIQWAAAAAElFTkSuQmCC';
button.appendChild(image);
document.body.appendChild(button);
button.focus();
}
/**
* 検索ボタンを削除する
*/
function removeButton() {
var button = document.getElementById(ID_PREFIX + "button");
if (button) {
document.body.removeChild(button);
}
}
/**
* 現在閲覧中のサイトのタイプを検出する
* @param {String} hostname ドメイン
* @returns {String} サイトのID
*/
function getSiteName(hostname){
if (hostname) {
// Wikipedia
if (/wikipedia\.org$/.test(hostname)) {
return "wikipedia";
}
// @wiki
else if (/atwiki\.jp$/.test(hostname)) {
return "@wiki";
}
// FC2 WIKI
else if (/wiki\.fc2\.com$/.test(hostname)) {
return "fc2Wiki";
}
// WIKIWIKI
else if (hostname === "wikiwiki.jp") {
return "wikiwiki";
}
// Seesaa Wiki
else if (hostname === "w.livedoor.jp" || hostname === "wiki.livedoor.jp") {
return "seesaaWiki";
}
// アメブロ
else if (hostname === "ameblo.jp") {
return "ameblo";
}
// Livedoor Blog
else if (!!global.ld_blog_vars) {
return "livedoorBlog";
}
// JUGEM
else if (/jugem\.jp$/.test(hostname)) {
return "jugem";
}
// FC2ブログ
else if (/blog\d*?\.fc2\.com$/.test(hostname)) {
return "fc2Blog";
}
// はてなダイアリー
else if (!!global.Hatena &&
!!Hatena.Diary &&
Hatena.Diary.BaseURL === "http://d.hatena.ne.jp/") {
return "hatenaDiary";
}
// はてなブログ
else if (!!global.Hatena &&
!!Hatena.Diary &&
!!Hatena.Diary.AppAPI) {
return "hatenaBlog";
}
// はてなキーワード
else if (!!global.Hatena &&
!!Hatena.Keyword) {
return "hatenaKeyword";
}
// Mozilla Developer Network
else if (hostname === "developer.mozilla.org") {
return "mdn";
}
}
return "";
}
/**
* 検索ボタンで遷移する先のURLを返す
* @returns {String} URL
*/
function getHypertextReference(){
var hostname = global.location.hostname,
text = encode(selectedText);
siteName = siteName || getSiteName(hostname);
switch (siteName) {
case "wikipedia":
return "/w/index.php?search=" + text;
case "@wiki":
return "?cmd=search&keyword=" + text;
case "fc2Wiki":
return "/?cmd=search&q=" + text;
case "wikiwiki":
return "?encode_hint=%A4%D7&cmd=search&word=" + text;
case "seesaaWiki":
return "/" + global.location.pathname.split("/")[1] + "/search?keywords=" + text;
case "ameblo":
return "http://search.ameba.jp/search.html?q=" + text + "&aid=" + global.location.pathname.split("/")[1];
case "livedoorBlog":
return "/" + (hostname === "blog.livedoor.jp"
? (global.location.pathname.split("/")[1] + "/")
: "") + "search?q=" + text;
case "jugem":
return "/?search=" + text;
case "fc2Blog":
return "/?q=" + text;
case "hatenaDiary":
return "/" + global.location.pathname.split("/")[1] + "/searchdiary?word=" + text;
case "hatenaBlog":
return "/search?q=" + text;
case "hatenaKeyword":
return "http://search.hatena.ne.jp/search?word=" + text;
case "mdn":
return "/ja/search?q=" + text;
// いずれにも該当しない場合はとりあえずGoogleとかBingとかで検索
default:
//return "http://www.google.co.jp/search?q=" +
// encodeURIComponent(selectedText) + "+site%3A" + hostname;
return "http://www.bing.com/search?q=" +
encodeURIComponent(selectedText) + "+site%3A" + hostname;
}
}
/**
* encodeTypeを元に文字列をURLエンコードする
* @param {String} string 変換させる文字列
* @returns {String} 変換された文字列
*/
function encode(string){
var charset = document.characterSet || document.charset;
switch(charset.toLowerCase()) {
case "euc-jp":
return EscapeEUCJP(string);
case "shift_jis":
return EscapeSJIS(string);
case "utf-8":
default:
return encodeURIComponent(string);
}
}
/**
* DOMオブジェクトにイベントを追加する
* @param {Object} target イベントを適用するオブジェクト
* @param {Object} eventType イベントオブジェクト
* @param {Function} func 実行する関数
*/
function addEvent(target, eventType, func){
if (target.addEventListener) {
target.addEventListener(eventType, func, false);
}
else if (target.attachEvent) {
target.attachEvent("on" + eventType, func);
}
else if (typeof target["on" + eventType] === "object") {
target["on" + eventType] = func;
}
}
//
// Escape Codec Library: ecl.js (Ver.041208)
//
// Copyright (C) http://nurucom-archives.hp.infoseek.co.jp/digital/
//
function loadEclJS(){
var JCT11280=Function('var a="zKV33~jZ4zN=~ji36XazM93y!{~k2y!o~k0ZlW6zN?3Wz3W?{EKzK[33[`y|;-~j^YOTz$!~kNy|L1$353~jV3zKk3~k-4P4zK_2+~jY4y!xYHR~jlz$_~jk4z$e3X5He<0y!wy|X3[:~l|VU[F3VZ056Hy!nz/m1XD61+1XY1E1=1y|bzKiz!H034zKj~mEz#c5ZA3-3X$1~mBz$$3~lyz#,4YN5~mEz#{ZKZ3V%7Y}!J3X-YEX_J(3~mAz =V;kE0/y|F3y!}~m>z/U~mI~j_2+~mA~jp2;~m@~k32;~m>V}2u~mEX#2x~mBy+x2242(~mBy,;2242(~may->2&XkG2;~mIy-_2&NXd2;~mGz,{4<6:.:B*B:XC4>6:.>B*BBXSA+A:X]E&E<~r#z+625z s2+zN=`HXI@YMXIAXZYUM8X4K/:Q!Z&33 3YWX[~mB`{zKt4z (zV/z 3zRw2%Wd39]S11z$PAXH5Xb;ZQWU1ZgWP%3~o@{Dgl#gd}T){Uo{y5_d{e@}C(} WU9|cB{w}bzvV|)[} H|zT}d||0~{]Q|(l{|x{iv{dw}(5}[Z|kuZ }cq{{y|ij}.I{idbof%cu^d}Rj^y|-M{ESYGYfYsZslS`?ZdYO__gLYRZ&fvb4oKfhSf^d<Yeasc1f&a=hnYG{QY{D`Bsa|u,}Dl|_Q{C%xK|Aq}C>|c#ryW=}eY{L+`)][YF_Ub^h4}[X|?r|u_ex}TL@YR]j{SrXgo*|Gv|rK}B#mu{R1}hs|dP{C7|^Qt3|@P{YVV |8&}#D}ef{e/{Rl|>Hni}R1{Z#{D[}CQlQ||E}[s{SG_+i8eplY[=[|ec[$YXn#`hcm}YR|{Ci(_[ql|?8p3]-}^t{wy}4la&pc|3e{Rp{LqiJ],] `kc(]@chYnrM`O^,ZLYhZB]ywyfGY~aex!_Qww{a!|)*lHrM{N+n&YYj~Z b c#e_[hZSon|rOt`}hBXa^i{lh|<0||r{KJ{kni)|x,|0auY{D!^Sce{w;|@S|cA}Xn{C1h${E]Z-XgZ*XPbp]^_qbH^e[`YM|a||+=]!Lc}]vdBc=j-YSZD]YmyYLYKZ9Z>Xcczc2{Yh}9Fc#Z.l{}(D{G{{mRhC|L3b#|xK[Bepj#ut`H[,{E9Yr}1b{[e]{ZFk7[ZYbZ0XL]}Ye[(`d}c!|*y`Dg=b;gR]Hm=hJho}R-[n}9;{N![7k_{UbmN]rf#pTe[x8}!Qcs_rs[m`|>N}^V})7{^r|/E}),}HH{OYe2{Skx)e<_.cj.cjoMhc^d}0uYZd!^J_@g,[[[?{i@][|3S}Yl3|!1|eZ|5IYw|1D}e7|Cv{OHbnx-`wvb[6[4} =g+k:{C:}ed{S]|2M]-}WZ|/q{LF|dYu^}Gs^c{Z=}h>|/i|{W]:|ip{N:|zt|S<{DH[p_tvD{N<[8Axo{X4a.^o^X>Yfa59`#ZBYgY~_t^9`jZHZn`>G[oajZ;X,i)Z.^~YJe ZiZF^{][[#Zt^|]Fjx]&_5dddW]P0C[-]}]d|y {C_jUql] |OpaA[Z{lp|rz}:Mu#]_Yf6{Ep?f5`$[6^D][^u[$[6^.Z8]]ePc2U/=]K^_+^M{q*|9tYuZ,s(dS{i=|bNbB{uG}0jZOa:[-]dYtu3]:]<{DJ_SZIqr_`l=Yt`gkTnXb3d@kiq0a`Z{|!B|}e}Ww{Sp,^Z|0>_Z}36|]A|-t}lt{R6pi|v8hPu#{C>YOZHYmg/Z4nicK[}hF_Bg|YRZ7c|crkzYZY}_iXcZ.|)U|L5{R~qi^Uga@Y[xb}&qdbd6h5|Btw[}c<{Ds53[Y7]?Z<|e0{L[ZK]mXKZ#Z2^tavf0`PE[OSOaP`4gi`qjdYMgys/?[nc,}EEb,eL]g[n{E_b/vcvgb.{kcwi`~v%|0:|iK{Jh_vf5lb}KL|(oi=LrzhhY_^@`zgf[~g)[J_0fk_V{T)}I_{D&_/d9W/|MU[)f$xW}?$xr4<{Lb{y4}&u{XJ|cm{Iu{jQ}CMkD{CX|7A}G~{kt)nB|d5|<-}WJ}@||d@|Iy}Ts|iL|/^|no|0;}L6{Pm]7}$zf:|r2}?C_k{R(}-w|`G{Gy[g]bVje=_0|PT{^Y^yjtT[[[l!Ye_`ZN]@[n_)j3nEgMa]YtYpZy].d-Y_cjb~Y~[nc~sCi3|zg}B0}do{O^{|$`_|D{}U&|0+{J3|8*]iayx{a{xJ_9|,c{Ee]QXlYb]$[%YMc*]w[aafe]aVYi[fZEii[xq2YQZHg]Y~h#|Y:thre^@^|_F^CbTbG_1^qf7{L-`VFx Zr|@EZ;gkZ@slgko`[e}T:{Cu^pddZ_`yav^Ea+[#ZBbSbO`elQfLui}.F|txYcbQ`XehcGe~fc^RlV{D_0ZAej[l&jShxG[ipB_=u:eU}3e8[=j|{D(}dO{Do[BYUZ0/]AYE]ALYhZcYlYP/^-^{Yt_1_-;YT`P4BZG=IOZ&]H[e]YYd[9^F[1YdZxZ?Z{Z<]Ba2[5Yb[0Z4l?]d_;_)a?YGEYiYv`_XmZs4ZjY^Zb]6gqGaX^9Y}dXZr[g|]Y}K aFZp^k^F]M`^{O1Ys]ZCgCv4|E>}8eb7}l`{L5[Z_faQ|c2}Fj}hw^#|Ng|B||w2|Sh{v+[G}aB|MY}A{|8o}X~{E8paZ:]i^Njq]new)`-Z>haounWhN}c#{DfZ|fK]KqGZ=:u|fqoqcv}2ssm}.r{]{nIfV{JW)[K|,Z{Uxc|]l_KdCb%]cfobya3`p}G^|LZiSC]U|(X|kBlVg[kNo({O:g:|-N|qT}9?{MBiL}Sq{`P|3a|u.{Uaq:{_o|^S}jX{Fob0`;|#y_@[V[K|cw[<_ }KU|0F}d3|et{Q7{LuZttsmf^kYZ`Af`}$x}U`|Ww}d]| >}K,r&|XI|*e{C/a-bmr1fId4[;b>tQ_:]hk{b-pMge]gfpo.|(w[jgV{EC1Z,YhaY^q,_G[c_g[J0YX]`[h^hYK^_Yib,` {i6vf@YM^hdOKZZn(jgZ>bzSDc^Z%[[o9[2=/YHZ(_/Gu_`*|8z{DUZxYt^vuvZjhi^lc&gUd4|<UiA`z]$b/Z?l}YI^jaHxe|;F}l${sQ}5g}hA|e4}?o{ih}Uz{C)jPe4]H^J[Eg[|AMZMlc}:,{iz}#*|gc{Iq|/:|zK{l&}#u|myd{{M&v~nV};L|(g|I]ogddb0xsd7^V})$uQ{HzazsgxtsO^l}F>ZB]r|{7{j@cU^{{CbiYoHlng]f+nQ[bkTn/}<-d9q {KXadZYo+n|l[|lc}V2{[a{S4Zam~Za^`{HH{xx_SvF|ak=c^[v^7_rYT`ld@]:_ub%[$[m](Shu}G2{E.ZU_L_R{tz`vj(f?^}hswz}GdZ}{S:h`aD|?W|`dgG|if{a8|J1{N,}-Ao3{H#{mfsP|[ bzn+}_Q{MT{u4kHcj_q`eZj[8o0jy{p7}C|[}l){MuYY{|Ff!Ykn3{rT|m,^R|,R}$~Ykgx{P!]>iXh6[l[/}Jgcg{JYZ.^qYfYIZl[gZ#Xj[Pc7YyZD^+Yt;4;`e8YyZVbQ7YzZxXja.7SYl[s]2^/Ha$[6ZGYrb%XiYdf2]H]kZkZ*ZQ[ZYS^HZXcCc%Z|[(bVZ]]:OJQ_DZCg<[,]%Zaa [g{C00HY[c%[ChyZ,Z_`PbXa+eh`^&jPi0a[ggvhlekL]w{Yp^v}[e{~;k%a&k^|nR_z_Qng}[E}*Wq:{k^{FJZpXRhmh3^p>de^=_7`|ZbaAZtdhZ?n4ZL]u`9ZNc3g%[6b=e.ZVfC[ZZ^^^hD{E(9c(kyZ=bb|Sq{k`|vmr>izlH[u|e`}49}Y%}FT{[z{Rk}Bz{TCc/lMiAqkf(m$hDc;qooi[}^o:c^|Qm}a_{mrZ(pA`,}<2sY| adf_%|}`}Y5U;}/4|D>|$X{jw{C<|F.hK|*A{MRZ8Zsm?imZm_?brYWZrYx`yVZc3a@f?aK^ojEd {bN}/3ZH]/$YZhm^&j 9|(S|b]mF}UI{q&aM]LcrZ5^.|[j`T_V_Gak}9J[ ZCZD|^h{N9{~&[6Zd{}B}2O|cv]K}3s}Uy|l,fihW{EG`j_QOp~Z$F^zexS`dcISfhZBXP|.vn|_HYQ|)9|cr]<`&Z6]m_(ZhPcSg>`Z]5`~1`0Xcb4k1{O!bz|CN_T{LR|a/gFcD|j<{Z._[f)mPc:1`WtIaT1cgYkZOaVZOYFrEe[}T$}Ch}mk{K-^@]fH{Hdi`c*Z&|Kt{if[C{Q;{xYB`dYIX:ZB[}]*[{{p9|4GYRh2ao{DS|V+[zd$`F[ZXKadb*A] Ys]Maif~a/Z2bmclb8{Jro_rz|x9cHojbZ{GzZx_)]:{wAayeDlx}<=`g{H1{l#}9i|)=|lP{Qq}.({La|!Y{i2EZfp=c*}Cc{EDvVB|;g}2t{W4av^Bn=]ri,|y?|3+}T*ckZ*{Ffr5e%|sB{lx^0]eZb]9[SgAjS_D|uHZx]dive[c.YPkcq/}db{EQh&hQ|eg}G!ljil|BO]X{Qr_GkGl~YiYWu=c3eb}29v3|D|}4i||.{Mv})V{SP1{FX}CZW6{cm|vO{pS|e#}A~|1i}81|Mw}es|5[}3w{C`h9aL]o{}p[G`>i%a1Z@`Ln2bD[$_h`}ZOjhdTrH{[j_:k~kv[Sdu]CtL}41{I |[[{]Zp$]XjxjHt_eThoa#h>sSt8|gK|TVi[Y{t=}Bs|b7Zpr%{gt|Yo{CS[/{iteva|cf^hgn}($_c^wmb^Wm+|55jrbF|{9^ q6{C&c+ZKdJkq_xOYqZYSYXYl`8]-cxZAq/b%b*_Vsa[/Ybjac/OaGZ4fza|a)gY{P?| I|Y |,pi1n7}9bm9ad|=d{aV|2@[(}B`d&|Uz}B}{`q|/H|!JkM{FU|CB|.{}Az}#P|lk}K{|2rk7{^8^?`/|k>|Ka{Sq}Gz}io{DxZh[yK_#}9<{TRdgc]`~Z>JYmYJ]|`!ZKZ]gUcx|^E[rZCd`f9oQ[NcD_$ZlZ;Zr}mX|=!|$6ZPZYtIo%fj}CpcN|B,{VDw~gb}@hZg`Q{LcmA[(bo`<|@$|o1|Ss}9Z_}tC|G`{F/|9nd}i=}V-{L8aaeST]daRbujh^xlpq8|}zs4bj[S`J|]?G{P#{rD{]I`OlH{Hm]VYuSYUbRc*6[j`8]pZ[bt_/^Jc*[<Z?YE|Xb|?_Z^Vcas]h{t9|Uwd)_(=0^6Zb{Nc} E[qZAeX[a]P^|_J>e8`W^j_Y}R{{Jp__]Ee#e:iWb9q_wKbujrbR}CY`,{mJ}gz{Q^{t~N|? gSga`V_||:#mi}3t|/I`X{N*|ct|2g{km}gi|{={jC}F;|E}{ZZjYf*frmu}8Tdroi{T[|+~}HG{cJ}DM{Lp{Ctd&}$hi3|FZ| m}Kr|38}^c|m_|Tr{Qv|36}?Up>|;S{DV{k_as}BK{P}}9p|t`jR{sAm4{D=b4pWa[}Xi{EjwEkI}3S|E?u=X0{jf} S|NM|JC{qo^3cm]-|JUx/{Cj{s>{Crt[UXuv|D~|j|d{YXZR}Aq}0r}(_{pJfi_z}0b|-vi)Z mFe,{f4|q`b{}^Z{HM{rbeHZ|^x_o|XM|L%|uFXm}@C_{{Hhp%a7|0p[Xp+^K}9U{bP}: tT}B|}+$|b2|[^|~h{FAby[`{}xgygrt~h1[li`c4vz|,7p~b(|mviN}^pg[{N/|g3|^0c,gE|f%|7N{q[|tc|TKA{LU}I@|AZp(}G-sz{F |qZ{}F|f-}RGn6{Z]_5})B}UJ{FFb2]4ZI@v=k,]t_Dg5Bj]Z-]L]vrpdvdGlk|gF}G]|IW}Y0[G| /bo|Te^,_B}#n^^{QHYI[?hxg{[`]D^IYRYTb&kJ[cri[g_9]Ud~^_]<p@_e_XdNm-^/|5)|h_{J;{kacVopf!q;asqd}n)|.m|bf{QW|U)}b+{tL|w``N|to{t ZO|T]jF}CB|0Q{e5Zw|k |We}5:{HO{tPwf_uajjBfX}-V_C_{{r~gg|Ude;s+}KNXH}! `K}eW{Upwbk%ogaW}9EYN}YY|&v|SL{C3[5s.]Y]I]u{M6{pYZ`^,`ZbCYR[1mNg>rsk0Ym[jrE]RYiZTr*YJ{Ge|%-lf|y(`=[t}E6{k!|3)}Zk} ][G{E~cF{u3U.rJ|a9p#o#ZE|?|{sYc#vv{E=|LC}cu{N8`/`3`9rt[4|He{cq|iSYxY`}V |(Q|t4{C?]k_Vlvk)BZ^r<{CL}#h}R+[<|i=}X|{KAo]|W<`K{NW|Zx}#;|fe{IMr<|K~tJ_x}AyLZ?{GvbLnRgN}X&{H7|x~}Jm{]-| GpNu0}.ok>|c4{PYisrDZ|fwh9|hfo@{H~XSbO]Odv]%`N]b1Y]]|eIZ}_-ZA]aj,>eFn+j[aQ_+]h[J_m_g]%_wf.`%k1e#Z?{CvYu_B^|gk`Xfh^M3`afGZ-Z|[m{L}|k3cp[it ^>YUi~d>{T*}YJ{Q5{Jxa$hg|%4`}|LAgvb }G}{P=|<;Ux{_skR{cV|-*|s-{Mp|XP|$G|_J}c6cM{_=_D|*9^$ec{V;|4S{qO|w_|.7}d0|/D}e}|0G{Dq]Kdp{}dfDi>}B%{Gd|nl}lf{C-{y}|ANZr}#={T~|-(}c&{pI|ft{lsVP}){|@u}!W|bcmB{d?|iW|:dxj{PSkO|Hl]Li:}VYk@|2={fnWt{M3`cZ6|)}|Xj}BYa?vo{e4|L7|B7{L7|1W|lvYO}W8nJ|$Vih|{T{d*_1|:-n2dblk``fT{Ky|-%}m!|Xy|-a{Pz}[l{kFjz|iH}9N{WE{x,|jz}R {P|{D)c=nX|Kq|si}Ge{sh|[X{RF{t`|jsr*fYf,rK|/9}$}}Nf{y!1|<Std}4Wez{W${Fd_/^O[ooqaw_z[L`Nbv[;l7V[ii3_PeM}.h^viqYjZ*j1}+3{bt{DR[;UG}3Og,rS{JO{qw{d<_zbAh<R[1_r`iZTbv^^a}c{iEgQZ<exZFg.^Rb+`Uj{a+{z<[~r!]`[[|rZYR|?F|qppp]L|-d|}K}YZUM|=Y|ktm*}F]{D;g{uI|7kg^}%?Z%ca{N[_<q4xC]i|PqZC]n}.bDrnh0Wq{tr|OMn6tM|!6|T`{O`|>!]ji+]_bTeU}Tq|ds}n|{Gm{z,f)}&s{DPYJ`%{CGd5v4tvb*hUh~bf]z`jajiFqAii]bfy^U{Or|m+{I)cS|.9k:e3`^|xN}@Dnlis`B|Qo{`W|>||kA}Y}{ERYuYx`%[exd`]|OyiHtb}HofUYbFo![5|+]gD{NIZR|Go}.T{rh^4]S|C9_}xO^i`vfQ}C)bK{TL}cQ|79iu}9a];sj{P.o!f[Y]pM``Jda^Wc9ZarteBZClxtM{LW}l9|a.mU}KX}4@{I+f1}37|8u}9c|v${xGlz}jP{Dd1}e:}31}%3X$|22i<v+r@~mf{sN{C67G97855F4YL5}8f{DT|xy{sO{DXB334@55J1)4.G9A#JDYtXTYM4, YQD9;XbXm9SX]IB^4UN=Xn<5(;(F3YW@XkH-X_VM[DYM:5XP!T&Y`6|,^{IS-*D.H>:LXjYQ0I3XhAF:9:(==.F*3F1189K/7163D,:@|e2{LS36D4hq{Lw/84443@4.933:0307::6D7}&l{Mx657;89;,K5678H&93D(H<&<>0B90X^I;}Ag1{P%3A+>><975}[S{PZE453?4|T2{Q+5187;>447:81{C=hL6{Me^:=7ii{R=.=F<81;48?|h8}Uh{SE|,VxL{ST,7?9Y_5Xk3A#:$%YSYdXeKXOD8+TXh7(@>(YdXYHXl9J6X_5IXaL0N?3YK7Xh!1?XgYz9YEXhXaYPXhC3X`-YLY_XfVf[EGXZ5L8BXL9YHX]SYTXjLXdJ: YcXbQXg1PX]Yx4|Jr{Ys4.8YU+XIY`0N,<H%-H;:0@,74/:8546I=9177154870UC]d<C3HXl7ALYzXFXWP<<?E!88E5@03YYXJ?YJ@6YxX-YdXhYG|9o{`iXjY_>YVXe>AYFX[/(I@0841?):-B=14337:8=|14{c&93788|di{cW-0>0<097/A;N{FqYpugAFT%X/Yo3Yn,#=XlCYHYNX[Xk3YN:YRT4?)-YH%A5XlYF3C1=NWyY}>:74-C673<69545v {iT85YED=64=.F4..9878/D4378?48B3:7:7/1VX[f4{D,{l<5E75{dAbRB-8-@+;DBF/$ZfW8S<4YhXA.(5@*11YV8./S95C/0R-A4AXQYI7?68167B95HA1*<M3?1/@;/=54XbYP36}lc{qzSS38:19?,/39193574/66878Yw1X-87E6=;964X`T734:>86>1/=0;(I-1::7ALYGXhF+Xk[@W%TYbX7)KXdYEXi,H-XhYMRXfYK?XgXj.9HX_SX]YL1XmYJ>Y}WwIXiI-3-GXcYyXUYJ$X`Vs[7;XnYEZ;XF! 3;%8;PXX(N3Y[)Xi1YE&/ :;74YQ6X`33C;-(>Xm0(TYF/!YGXg8 9L5P01YPXO-5%C|qd{{/K/E6,=0144:361:955;6443@?B7*7:F89&F35YaX-CYf,XiFYRXE_e{}sF 0*7XRYPYfXa5YXXY8Xf8Y~XmA[9VjYj*#YMXIYOXk,HHX40YxYMXU8OXe;YFXLYuPXP?EB[QV0CXfY{:9XV[FWE0D6X^YVP*$4%OXiYQ(|xp|%c3{}V`1>Y`XH00:8/M6XhQ1:;3414|TE|&o@1*=81G8<3}6<|(f6>>>5-5:8;093B^3U*+*^*UT30XgYU&7*O1953)5@E78--F7YF*B&0:%P68W9Zn5974J9::3}Vk|-,C)=)1AJ4+<3YGXfY[XQXmT1M-XcYTYZXCYZXEYXXMYN,17>XIG*SaS|/eYJXbI?XdNZ+WRYP<F:R PXf;0Xg`$|1GX9YdXjLYxWX!ZIXGYaXNYm6X9YMX?9EXmZ&XZ#XQ>YeXRXfAY[4 ;0X!Zz0XdN$XhYL XIY^XGNXUYS/1YFXhYk.TXn4DXjB{jg|4DEX]:XcZMW=A.+QYL<LKXc[vV$+&PX*Z3XMYIXUQ:ZvW< YSXFZ,XBYeXMM)?Xa XiZ4/EXcP3%}&-|6~:1(-+YT$@XIYRBC<}&,|7aJ6}bp|8)K1|Xg|8C}[T|8Q.89;-964I38361<=/;883651467<7:>?1:.}le|:Z=39;1Y^)?:J=?XfLXbXi=Q0YVYOXaXiLXmJXO5?.SFXiCYW}-;|=u&D-X`N0X^,YzYRXO(QX_YW9`I|>hZ:N&X)DQXP@YH#XmNXi$YWX^=!G6YbYdX>XjY|XlX^XdYkX>YnXUXPYF)FXT[EVTMYmYJXmYSXmNXi#GXmT3X8HOX[ZiXN]IU2>8YdX1YbX<YfWuZ8XSXcZU%0;1XnXkZ_WTG,XZYX5YSX Yp 05G?XcYW(IXg6K/XlYP4XnI @XnO1W4Zp-9C@%QDYX+OYeX9>--YSXkD.YR%Q/Yo YUX].Xi<HYEZ2WdCE6YMXa7F)=,D>-@9/8@5=?7164;35387?N<618=6>7D+C50<6B03J0{Hj|N9$D,9I-,.KB3}m |NzE0::/81YqXjMXl7YG; [.W=Z0X4XQY]:MXiR,XgM?9$9>:?E;YE77VS[Y564760391?14941:0=:8B:;/1DXjFA-564=0B3XlH1+D85:0Q!B#:-6&N/:9<-R3/7Xn<*3J4.H:+334B.=>30H.;3833/76464665755:/83H6633:=;.>5645}&E|Y)?1/YG-,93&N3AE@5 <L1-G/8A0D858/30>8<549=@B8] V0[uVQYlXeD(P#ID&7T&7;Xi0;7T-$YE)E=1:E1GR):--0YI7=E<}n9|aT6783A>D7&4YG7=391W;Zx<5+>F#J39}o/|cc;6=A050EQXg8A1-}D-|d^5548083563695D?-.YOXd37I$@LYLWeYlX<Yd+YR A$;3-4YQ-9XmA0!9/XLY_YT(=5XdDI>YJ5XP1ZAW{9>X_6R(XhYO65&J%DA)C-!B:97#A9;@?F;&;(9=11/=657/H,<8}bz|j^5446>.L+&Y^8Xb6?(CYOXb*YF(8X`FYR(XPYVXmPQ%&DD(XmZXW??YOXZXfCYJ79,O)XnYF7K0!QXmXi4IYFRXS,6<%-:YO(+:-3Q!1E1:W,Zo}Am|n~;3580534*?3Zc4=9334361693:30C<6/717:<1/;>59&:4}6!|rS36=1?75<8}[B|s809983579I.A.>84758=108564741H*9E{L{|u%YQ<%6XfH.YUXe4YL@,>N}Tv|ve*G0X)Z;/)3@A74(4P&A1X:YVH97;,754*A66:1 D739E3553545558E4?-?K17/770843XAYf838A7K%N!YW4.$T19Z`WJ*0XdYJXTYOXNZ 1XaN1A+I&Xi.Xk3Z3GB&5%WhZ1+5#Y[X<4YMXhQYoQXVXbYQ8XSYUX4YXBXWDMG0WxZA[8V+Z8X;D],Va$%YeX?FXfX[XeYf<X:Z[WsYz8X_Y]%XmQ(!7BXIZFX]&YE3F$(1XgYgYE& +[+W!<YMYFXc;+PXCYI9YrWxGXY9DY[!GXiI7::)OC;*$.>N*HA@{C|}&k=:<TB83X`3YL+G4XiK]i}(fYK<=5$.FYE%4*5*H*6XkCYL=*6Xi6!Yi1KXR4YHXbC8Xj,B9ZbWx/XbYON#5B}Ue}+QKXnF1&YV5XmYQ0!*3IXBYb71?1B75XmF;0B976;H/RXU:YZX;BG-NXj;XjI>A#D3B636N;,*%<D:0;YRXY973H5)-4FXOYf0:0;/7759774;7;:/855:543L43<?6=E,.A4:C=L)%4YV!1(YE/4YF+ F3%;S;&JC:%/?YEXJ4GXf/YS-EXEYW,9;E}X$}547EXiK=51-?71C%?57;5>463553Zg90;6447?<>4:9.7538XgN{|!}9K/E&3-:D+YE1)YE/3;37/:05}n<}:UX8Yj4Yt864@JYK..G=.(A Q3%6K>3(P3#AYE$-6H/456*C=.XHY[#S.<780191;057C)=6HXj?955B:K1 E>-B/9,;5.!L?:0>/.@//:;7833YZ56<4:YE=/:7Z_WGC%3I6>XkC*&NA16X=Yz2$X:Y^&J48<99k8}CyB-61<18K946YO4{|N}E)YIB9K0L>4=46<1K0+R;6-=1883:478;4,S+3YJX`GJXh.Yp+Xm6MXcYpX(>7Yo,/:X=Z;Xi0YTYHXjYmXiXj;*;I-8S6N#XgY}.3XfYGO3C/$XjL$*NYX,1 6;YH&<XkK9C#I74.>}Hd`A748X[T450[n75<4439:18A107>|ET}Rf<1;14876/Yb983E<5.YNXd4149>,S=/4E/<306443G/06}0&}UkYSXFYF=44=-5095=88;63844,9E6644{PL}WA8:>)7+>763>>0/B3A545CCnT}Xm|dv}Xq1L/YNXk/H8;;.R63351YY747@15YE4J8;46;.38.>4A369.=-83,;Ye3?:3@YE.4-+N353;/;@(X[YYD>@/05-I*@.:551741Yf5>6A443<3535;.58/86=D4753442$635D1>0359NQ @73:3:>><Xn?;43C14 ?Y|X611YG1&<+,4<*,YLXl<1/AIXjF*N89A4Z576K1XbJ5YF.ZOWN.YGXO/YQ01:4G38Xl1;KI0YFXB=R<7;D/,/4>;$I,YGXm94@O35Yz66695385.>:6A#5}W7n^4336:4157597434433<3|XA}m`>=D>:4A.337370?-6Q96{`E|4A}C`|Qs{Mk|J+~r>|o,wHv>Vw}!c{H!|Gb|*Ca5}J||,U{t+{CN[!M65YXOY_*B,Y[Z9XaX[QYJYLXPYuZ%XcZ8LY[SYPYKZM<LMYG9OYqSQYM~[e{UJXmQYyZM_)>YjN1~[f3{aXFY|Yk:48YdH^NZ0|T){jVFYTZNFY^YTYN~[h{nPYMYn3I]`EYUYsYIZEYJ7Yw)YnXPQYH+Z.ZAZY]^Z1Y`YSZFZyGYHXLYG 8Yd#4~[i|+)YH9D?Y^F~Y7|-eYxZ^WHYdYfZQ~[j|3>~[k|3oYmYqY^XYYO=Z*4[]Z/OYLXhZ1YLZIXgYIHYEYK,<Y`YEXIGZI[3YOYcB4SZ!YHZ*&Y{Xi3~[l|JSY`Zz?Z,~[m|O=Yi>??XnYWXmYS617YVYIHZ(Z4[~L4/=~[n|Yu{P)|];YOHHZ}~[o33|a>~[r|aE]DH~[s|e$Zz~[t|kZFY~XhYXZB[`Y}~[u|{SZ&OYkYQYuZ2Zf8D~[v}% ~[w3},Q[X]+YGYeYPIS~[y}4aZ!YN^!6PZ*~[z}?E~[{3}CnZ=~[}}EdDZz/9A3(3S<,YR8.D=*XgYPYcXN3Z5 4)~[~}JW=$Yu.XX~] }KDX`PXdZ4XfYpTJLY[F5]X~[2Yp}U+DZJ::<446[m@~]#3}]1~]%}^LZwZQ5Z`/OT<Yh^ -~]&}jx[ ~m<z!%2+~ly4VY-~o>}p62yz!%2+Xf2+~ly4VY-zQ`z (=] 2z~o2",C={" ":0,"!":1},c=34,i=2,p,s="",u=String.fromCharCode,t=u(12539);while(++c<127)C[u(c)]=c^39&&c^92?i++:0;i=0;while(0<=(c=C[a.charAt(i++)]))if(16==c)if((c=C[a.charAt(i++)])<87){if(86==c)c=1879;while(c--)s+=u(++p)}else s+=s.substr(8272,360);else if(c<86)s+=u(p+=c<51?c-16:(c-55)*92+C[a.charAt(i++)]);else if((c=((c-86)*92+C[a.charAt(i++)])*92+C[a.charAt(i++)])<49152)s+=u(p=c<40960?c:c|57344);else{c&=511;while(c--)s+=t;p=12539}return s')();
var JCT8836=JCT11280.substring(0,8836);
global.EscapeSJIS=function(str){
return str.replace(/[^*+.-9A-Z_a-z-]/g,function(s){
var c=s.charCodeAt(0),m;
return c<128?(c<16?"%0":"%")+c.toString(16).toUpperCase():65376<c&&c<65440?"%"+(c-65216).toString(16).toUpperCase():(c=JCT11280.indexOf(s))<0?"%81E":"%"+((m=((c<8272?c:(c=JCT11280.lastIndexOf(s)))-(c%=188))/188)<31?m+129:m+193).toString(16).toUpperCase()+(64<(c+=c<63?64:65)&&c<91||95==c||96<c&&c<123?String.fromCharCode(c):"%"+c.toString(16).toUpperCase())
})
};
global.EscapeEUCJP=function(str){
return str.replace(/[^*+.-9A-Z_a-z-]/g,function(s){
var c=s.charCodeAt(0);
return (c<128?(c<16?"%0":"%")+c.toString(16):65376<c&&c<65440?"%8E%"+(c-65216).toString(16):(c=JCT8836.indexOf(s))<0?"%A1%A6":"%"+((c-(c%=94))/94+161).toString(16)+"%"+(c+161).toString(16)).toUpperCase()
})
};
}
})(window);
</pre>
-
https://let.hatelabo.jp/htsign/let/gYC-x9Owx5HoBA
2013-05-27T18:43:42Z
niconicoにおいて、検索ワードのサジェストを表示します
htsign
[Let] nicosearchで自動補完
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fhtsign%2Flet%2FgYC-x9Owx5HoBA.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">nicosearchで自動補完</a><pre>/*
* @title nicosearchで自動補完
* @description niconicoにおいて、検索ワードのサジェストを表示します
* @include http://www.nicovideo.jp/*
* @include http://seiga.nicovideo.jp/*
* @include http://live.nicovideo.jp/*
* @include http://ch.nicovideo.jp/*
* @include http://com.nicovideo.jp/*
* @include http://dic.nicovideo.jp/*
* @include http://sp.nicovideo.jp/*
* @include http://sp.live.nicovideo.jp/*
* @include http://sp.ch.nicovideo.jp/*
* @license MIT License
*/
// 個人的にニコニコ静画、ニコニコ生放送などの"ニコニコ動画以外"を全く使わないので、動作検証は不十分です。
// IE9以降と最新のFirefox, Chromeで動作すると思います。Operaは知りません。
// 【直近の変更】
// ・選択中の候補をカーソルキーで切り替える場合の上下端の処理を変更し、ループできるようにしました。
if (!Element.prototype.matchesSelector) {
Object.defineProperty(Element.prototype, "matchesSelector", {
enumerable: false,
configurable: true,
value: function(property){
if (this.webkitMatchesSelector) {
return this.webkitMatchesSelector(property);
}
else if (this.mozMatchesSelector) {
return this.mozMatchesSelector(property);
}
else if (this.msMatchesSelector) {
return this.msMatchesSelector(property);
}
else if (this.oMatchesSelector) {
return this.oMatchesSelector(property);
}
else
return null;
}
});
}
// ref: http://nicoapi.com/docs/nicosearchapi.html
// ref: https://chrome.google.com/webstore/detail/pafehjbkojbbenbdklnlajbmlojnecjl
(function main(){
var REQUEST_METHOD = "post";
var REQUEST_URL = "http://www.nicoapi.com/ns/suggest.xml";
var RESPONSE_LENGTH = 10;
var QUERY_DELIMITER = /[\s ]/;
var cache = {}; // 検索ワードと結果のペアを保持
var walker = null; // カーソルキーで動かした場合のTreeWalkerを保持
var tID = null; // sendRequestのtimeout用
(function createStyle(){
if (document.querySelector("#nicosearch-style")) {
return false;
}
var style = document.createElement("style"), i = 0;
style.id = "nicosearch-style";
document.getElementsByTagName("head")[0].appendChild(style);
([
"#nicosearch-suggestbox {\
position: absolute;\
border: 1px solid #778899;\
background-color: #fff;\
z-index: 100000;\
-webkit-box-sizing: border-box;\
-moz-box-sizing: border-box;\
-ms-box-sizing: border-box;\
-o-box-sizing: border-box;\
box-sizing: border-box;\
-webkit-user-select: none;\
-khtml-user-select: none;\
-moz-user-select: none;\
-ms-user-select: none;\
-o-user-select: none;\
user-select: none;\
}",
"#nicosearch-suggestbox * {\
text-align: left;\
}",
"#nicosearch-suggestbox > div {\
position: relative;\
line-height: normal;\
overflow: hidden;\
}",
"#nicosearch-suggestbox > div.selected\
,#nicosearch-suggestbox > div:hover {\
background-color: #afeeee;\
}",
"#nicosearch-suggestbox a {\
display: block;\
}",
".nicosearch-dic-icon {\
padding-top: 1px;\
padding-bottom: 1px;\
}",
".nicosearch-name {\
position: absolute;\
top: 0;\
left: 18px;\
width: calc(100% - 18px);\
height: 18px;\
font-size: 14px;\
text-overflow: ellipsis;\
word-wrap: normal;\
white-space: nowrap;\
overflow: hidden;\
cursor: pointer;\
}"
]).forEach(function(val){
style.sheet.insertRule(val, i++);
});
})();
var searchBox = (function getSearchBox(){
var target = document.getElementById("searchWord") // トップページ
|| document.getElementById("bar_search") // ニコニコ動画
|| document.getElementById("search_united") // 検索結果
|| document.querySelector(".searchText input") // 動画ページ
|| document.getElementById("bar_search") // ニコニコ静画
|| document.querySelector(".search_program .search_word") // ニコニコ生放送
|| document.getElementById("searchtxt") // ニコニコチャンネル
|| document.getElementById("search_text") // ニコニココミュニティ
|| document.getElementById("search-box") // ニコニコ大百科
|| document.getElementById("jsSearchText") // SP版ニコニコ動画
|| document.querySelector("#globalSearch .searchString") // SP版ニコニコチャンネル
;
return target;
})();
if (searchBox === null) {
window.alert("入力欄が見つかりません。");
return false;
}
var XmlHttp = function(word){
var xhr = new XMLHttpRequest();
xhr.open(REQUEST_METHOD, REQUEST_URL, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
xhr.addEventListener("readystatechange", function(evt){
if (xhr.readyState === 4) {
switch(xhr.status) {
case 200:
cache[word.toLowerCase()] = xhr.responseXML; // キャッシュに追加
createSuggestWindow(xhr.responseXML);
break;
}
}
}, false);
return xhr;
};
// どうやらIE9はXMLHttpRequestをクロスドメインには使えないみたいで…
var Xdr = function(word, query){
var xdr = new XDomainRequest();
xdr.open("GET", REQUEST_URL + "?" + query);
xdr.onload = function(){
var xml = DOMParser().parseFromString(xdr.responseText, "application/xml");
cache[word.toLowerCase()] = xml; // キャッシュに追加
createSuggestWindow(xml);
};
return xdr;
};
// 枠外をクリックした時に suggestbox を削除
document.addEventListener("click", function(evt){
if (!evt.target.matchesSelector("#nicosearch-suggestbox") || evt.target !== searchBox) {
removeSuggestWindow();
}
}, false);
searchBox.addEventListener("keydown", function(evt){
var valueArr = searchBox.value.split(QUERY_DELIMITER);
valueArr.pop();
var suggestbox = document.getElementById("nicosearch-suggestbox");
if (suggestbox) {
if (!walker) walker = document.createTreeWalker(
suggestbox,
NodeFilter.SHOW_ELEMENT,
function(node){
return node.parentElement === suggestbox
? NodeFilter.FILTER_ACCEPT
: NodeFilter.FILTER_SKIP;
},
false
);
switch(evt.keyCode) {
case 38: // ↑
evt.preventDefault();
if (!suggestbox.querySelector(".selected")) {
walker.lastChild();
walker.currentNode.className = "selected";
}
else if (walker.previousNode()) {
walker.currentNode.nextElementSibling.className = "";
walker.currentNode.className = "selected";
}
else {
walker.currentNode.className = "";
while (walker.nextNode()){} // 最後まで移動
walker.currentNode.className = "selected";
}
valueArr.push(walker.currentNode.textContent);
searchBox.value = valueArr.join(" ");
break;
case 40: // ↓
evt.preventDefault();
if (!suggestbox.querySelector(".selected")) {
walker.firstChild();
walker.currentNode.className = "selected";
}
else if (walker.nextNode()) {
walker.currentNode.previousElementSibling.className = "";
walker.currentNode.className = "selected";
}
else {
walker.currentNode.className = "";
while (walker.previousNode()){} // 最初まで移動
walker.currentNode.className = "selected";
}
valueArr.push(walker.currentNode.textContent);
searchBox.value = valueArr.join(" ");
break;
case 13: // Enter
if (suggestbox.querySelector(".selected")) {
walker.currentNode.getElementsByTagName("p")[0].click();
}
break;
default:
if (suggestbox.querySelector(".selected")) {
suggestbox.getElementsByClassName("selected")[0].className = "";
}
}
}
}, false);
searchBox.addEventListener("keyup", function(evt){
window.clearTimeout(tID);
// 選択状態の場合はなにもしない
var suggestbox = document.getElementById("nicosearch-suggestbox");
if (suggestbox && suggestbox.querySelector(".selected")) {
return false;
}
// 空白で区切った配列の最後を代入（AND検索用）
var word = evt.target.value.split(QUERY_DELIMITER).pop();
// 文字列が空の場合はサジェストを消す
if (word.length === 0) {
removeSuggestWindow();
return false;
}
// キャッシュをチェック
// 既に結果をもらっている場合は二度送らない
if (cache[word.toLowerCase()]) {
createSuggestWindow(cache[word.toLowerCase()]);
}
else {
tID = window.setTimeout(function(){
sendRequest(word);
}, 500);
}
}, false);
function sendRequest(word){
var xhr;
var query = "i=" + encodeURI(word) + "&l=" + RESPONSE_LENGTH;
try {
xhr = new XmlHttp(word);
} catch(e) {
xhr = new Xdr(word, query); // IE9用
}
xhr.send(query);
}
function removeSuggestWindow(){
var suggestbox = document.getElementById("nicosearch-suggestbox");
walker = null;
if (suggestbox) {
suggestbox.parentElement.removeChild(suggestbox);
}
}
function createSuggestWindow(xml){
if (xml.documentElement.getAttribute("status") !== "ok") return false;
walker = null;
var wrapper = document.getElementById("nicosearch-suggestbox");
if (!wrapper) {
wrapper = (function createWrapper(){
var wrapper = document.createElement("div");
var boxRect = searchBox.getBoundingClientRect();
wrapper.id = "nicosearch-suggestbox";
wrapper.style.top = boxRect.top + boxRect.height + "px";
wrapper.style.left = boxRect.left + "px";
wrapper.style.minWidth = searchBox.offsetWidth + "px";
return wrapper;
})();
}
else {
while (wrapper.hasChildNodes()) {
wrapper.removeChild(wrapper.firstChild);
}
}
var img = (function createImage(){
var img = document.createElement("img");
img.className = "nicosearch-dic-icon";
img.src = "data:image/png;base64,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";
return img;
})();
Array.prototype.slice.call(xml.getElementsByTagName("item"))
.map(function(val){
return val.textContent.split(QUERY_DELIMITER).join("_");
}).forEach(function(val){
var div = document.createElement("div");
if (document.ontouchstart) {
div.style.padding = "4px 0"; // SP版の場合ちょっと縦に幅を持たせる
}
var a = (function createAnchor(){
var a = document.createElement("a");
a.href = "http://dic.nicovideo.jp/a/" + encodeURIComponent(val);
a.target = "_blank";
return a;
})();
var p = (function createParagraph(){
var p = document.createElement("p");
p.className = "nicosearch-name";
return p;
})();
p.addEventListener("click", function(evt){
searchBox.value = val;
removeSuggestWindow();
}, false);
a.appendChild(img.cloneNode(false));
div.appendChild(a);
p.appendChild(document.createTextNode(val));
div.appendChild(p);
wrapper.appendChild(div);
});
document.body.appendChild(wrapper);
}
})();</pre>
-
https://let.hatelabo.jp/htsign/let/gYC-x8Xzwej2Xw
2013-04-28T09:17:21Z
マルチメディア要素へのリンクのクリックイベントに<audio>や<video>なウィンドウをポップアップする機能をオーバーライドする
htsign
[Let] メディア再生窓生成
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fhtsign%2Flet%2FgYC-x8Xzwej2Xw.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">メディア再生窓生成</a><pre>/*
* @title メディア再生窓生成
* @description マルチメディア要素へのリンクのクリックイベントに<audio>や<video>なウィンドウをポップアップする機能をオーバーライドする
* @include http://*
* @license NYSL
*/
// 一つのウィンドウでaudioとvideoを同時再生するとウィンドウのサイズがえらいことになりますが、
// 非常にレアケースだと思われるので無視しています。「運用回避してください。」
(function(){
var checked = []; // 同じURLに複数回リクエストを送るのを防ぐためのリストを格納
var timeout = 30 * 1000; // タイムアウトになるまでの時間（単位：ms）
var allowList = ["audio", "video"];
if (!HTMLElement.prototype.addPopup) { // addPopupメソッドを要素に追加
Object.defineProperty(HTMLElement.prototype, "addPopup", {
value: function(url){
var self = this;
var xhr = new XMLHttpRequest(); // HEADリクエストを送る
xhr.open("HEAD", url, true);
xhr.onreadystatechange = function(){
if (xhr.readyState === 4) {
console.log(xhr.status + " : " + url);
if (xhr.status !== 200) return;
var header = xhr.getResponseHeader("Content-Type");
var type = header.split("/")[0];
if (allowList.some(function(v){ return v === type })) { // いずれかにヒットすれば true
console.log(header + " - OK");
addPopupItem(self, type);
}
}
};
xhr.send(null);
window.setTimeout(function(){ // 一定時間でタイムアウト
xhr.abort();
}, timeout);
}
});
}
else {
return false;
}
var elems = document.querySelectorAll("a[href], area[href]");
elems = Array.prototype.slice.call(elems); // リンカブル要素を全て抽出
for (var i in elems) {
var url = elems[i].href;
if (url.indexOf("http") === 0) {
url = url.split("#")[0]; // URLに # を含む場合は除去
if (checked.every(function(li){ return url !== li })) { // 全てとアンマッチなら true
checked.push(url);
elems[i].addPopup(url);
}
}
}
function addPopupItem(target, mediaType) { // ポップアップを生成
target.onclick = function(evt){
if (evt.ctrlKey && evt.altKey) {
return true; // Ctrl+Alt を押しながらクリックすれば普段のクリックと同じ効果
}
else {
openPopup();
evt.preventDefault();
}
};
function openPopup() {
var popup = window.open("", "media-popup", "titlebar=no,menubar=no,toolbar=no,location=no,status=no,scrollbars=no");
var doc = popup.document;
var rect;
var element;
var diff = {
width: popup.outerWidth - doc.documentElement.clientWidth,
height: popup.outerHeight - doc.documentElement.clientHeight
};
if (!rect) {
element = doc.createElement(mediaType);
element.setAttribute("controls", "controls");
doc.body.appendChild(element);
rect = element.getBoundingClientRect();
doc.body.removeChild(element);
}
doc.body.addEventListener("DOMSubtreeModified", function(){ // 要素数が変化したらウィンドウサイズを変える
var len = this.childNodes.length;
popup.resizeTo( rect.width + diff.width, rect.height * len + diff.height );
}, false);
var style = doc.createElement("style");
doc.querySelector("head").appendChild(style);
var s = style.sheet, i = 0;
[
"body {"
+ "margin: 0;"
+ "padding: 0;"
+ "}",
"audio {"
+ "display: block;"
+ "margin: auto;"
+ "}"
].forEach(function(value){
s.insertRule(value, i++);
});
element = doc.createElement(mediaType);
element.setAttribute("src", target.href);
element.setAttribute("autoplay", "autoplay");
element.setAttribute("controls", "controls");
element.addEventListener("ended", function(){ // 終端まで移動したら自らを削除する
this.parentElement.removeChild(this);
close();
}, false);
/*
末尾に挿入する
appendChildでないのはIEがDOMSubtreeModifiedに反応しない（らしい）ため
http://msdn.microsoft.com/en-us/library/gg558014(v=vs.85).aspx
*/
doc.body.insertBefore(element, null);
function close() { // ポップアップ内のメディアがゼロのとき、子ウィンドウを閉じる
doc.querySelectorAll( allowList.join(",") ).length === 0
? popup.close() : 0;
}
}
}
})();
</pre>
-
https://let.hatelabo.jp/htsign/let/gYC-x8astIrqSw
2013-04-22T17:26:37Z
選択範囲、またはアクティブなテキストボックス・テキストエリアの文字数を表示する小窓を作成する。小窓はドラッグ可能。練習を兼ねて作った過去作なのでコードはぐちゃぐちゃです。
htsign
[Let] 文字数カウント
<a href="javascript:%22https%3A%2F%2Flet.st-hatelabo.com%2Fhtsign%2Flet%2FgYC-x8astIrqSw.bookmarklet.js%20%28arg%29%22.replace%28%2F%28%5CS%2B%29%5Cs%2B%28%5CS%2A%29%2F%2Cfunction%28s%2Curl%2Carg%29%7Bs%3Ddocument.createElement%28%22script%22%29%3Bs.charset%3D%22utf-8%22%3Bs.src%3Durl%2B%22%3Fs%3D%22%2BencodeURIComponent%28arg%29%3Bdocument.body.appendChild%28s%29%7D%29%3Bvoid%280%29%3B">文字数カウント</a><pre>/*
* @title 文字数カウント
* @description 選択範囲、またはアクティブなテキストボックス・テキストエリアの文字数を表示する小窓を作成する。小窓はドラッグ可能。練習を兼ねて作った過去作なのでコードはぐちゃぐちゃです。
* @include http://*
* @license NYSL
*/
if (document.getElementById("strLenChkDiv")==null) var strLenChkWnd = "", strLenChkWndStyle = "";
(function (w, d) { // w=window, d=document
var str = "";
var TIMER = d.all ? 200 : 100; // IE系のみ更新間隔を延ばす
var divPadding = "8px";
// イベントリスナ追加
var addEvent = function(target, evt, func) {
if (w.addEventListener) {
return target.addEventListener(evt, func, false);
}
else if (w.attachEvent) {
if (target===w) target = d;
return target.attachEvent("on"+evt, func);
}
else return false;
};
try {
d.body.removeChild(d.getElementById("strLenChkDiv"));
return false;
}
catch (e) {}
// http://misttrap.s101.xrea.com/sample/bytelength_for_mbstring.htm
String.prototype.getByteLenUTF8 = function() {
for(var i = this.length, num, res = i * 2; i-- > 0;) {
if((num = this.charCodeAt(i)) > 0x7ff && (num < 0xd800 || num > 0xdfff)) {
res++;
} else if(num < 0x80) {
res--;
}
}
return res;
};
(function () {
var mouse = {};
mouse.X = 0;
mouse.Y = 0;
var draggable = false;
strLenChkWnd = d.createElement("div");
strLenChkWnd.id = "strLenChkDiv";
strLenChkWnd.setAttribute("style"
, "position: fixed !important;"
+ "z-index: 999999 !important;"
+ "left: 8px;"
+ "top: 8px;"
+ "width: 200px !important;"
+ "height: 100px !important;"
+ "border: 6px double silver !important;"
+ "border-radius: 6px !important;"
+ "background-color: white !important;"
+ "margin: 0 !important;"
+ "padding: 6px !important;"
+ "color: black !important;"
+ "font-size: 16px !important;"
+ "font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif !important;"
+ "font-style: normal !important;"
+ "font-weight: normal !important;"
+ "text-align: left !important;"
+ "line-height: 24px !important;"
+ "cursor: move;"
+ "user-select: none;"
+ "float: none !important;"
+ "display: block !important;");
strLenChkWnd.onmousedown = function() { return false };
addEvent(strLenChkWnd, "mousedown", function(evt) {
evt = evt || window.event;
draggable = true;
mouse.X = evt.clientX;
mouse.Y = evt.clientY;
return false;
});
addEvent(window, "mouseup", function() {
draggable = false;
return false;
});
addEvent(strLenChkWnd, "mousemove", function(evt) {
var left, top;
evt = evt || window.event;
var s = (w.addEventListener ? this : strLenChkWnd).style; // IEだとthisがwindowを指すので
if (draggable) {
left = parseInt(s.left, 10);
top = parseInt(s.top , 10);
s.left = left + evt.clientX - mouse.X + "px";
s.top = top + evt.clientY - mouse.Y + "px";
}
mouse.X = evt.clientX;
mouse.Y = evt.clientY;
return false;
});
d.body.appendChild(strLenChkWnd);
})();
var getStr = function () {
var ret = "";
var selectStr
= w.getSelection ? w.getSelection().toString()
: d.getSelection ? d.getSelection()
: d.selection ? d.selection.createRange().text
: "";
if (!selectStr) {
var a = d.activeElement;
try {
if (a.selectionEnd - a.selectionStart)
return a.selectionEnd - a.selectionStart;
}
catch (e) {
if (a.tagName=="textarea" || a.tagName=="input")
return a.value || a.innerHTML || "";
else selectStr = "";
}
}
if (selectStr) ret = selectStr;
else {
var obj = d.activeElement;
if (obj) {
if (obj.tagName.toLowerCase() == "textarea") {
ret = obj.value;
if (!ret) ret = obj.innerHTML;
}
if (obj.tagName.toLowerCase() == "input"
&& ( !obj.type || obj.type.toLowerCase() == "text")) ret = obj.value;
}
}
return ret;
};
//
// ここがメイン
//******************************************************
function loop() {
str = getStr(window);
if (d.getElementById("strLenChkDiv")==null) {
clearInterval(iv);
return false;
}
writeText(str);
}
function writeText(str) {
var obj = strLenChkWnd;
if (str && typeof(str) != "number") {
var c = str.split("\n").length-1;
obj.innerHTML = "<p>文字列長 : "+str.length+" 文字</p><p>改行数 : "+c+" 個</p>";
}
else if (typeof(str) == "number")
obj.innerHTML = "<p>文字列長 : "+str+" 文字</p>";
else
obj.innerHTML = "<p>文字列長 : "+str.length+" 文字</p>";
if (getCharset().toUpperCase() == "UTF-8") {
var bytes = str.getByteLenUTF8();
obj.innerHTML += "<p>バイト数 : "+bytes+" bytes</p>";
}
var cn = obj.childNodes;
for (var i=0; i<cn.length; i++) {
if (cn[i].nodeType == 1) {
cn[i].setAttribute("style",
"margin: 0 !important;"
+ "padding: 4px 0 !important;"
+ "color: black !important;"
+ "font-size: 16px !important;"
+ "font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif !important;"
+ "font-style: normal !important;"
+ "font-weight: normal !important;"
+ "text-align: left !important;"
+ "line-height: 24px !important;"
+ "z-index: inherit !important;");
}
}
}
function getCharset() {
if (d.characterSet)
return d.characterSet;
else if (d.charset)
return d.charset;
}
if (strLenChkWnd) {
var iv;
loop();
iv = setInterval(loop, TIMER);
}
})(window, document);
</pre>