アーカイブ

‘JavaScript’ カテゴリーのアーカイブ

GoogleとBingを相互に遷移するブックマークレット

2012 年 1 月 28 日 コメントはありません

最近はGoogleよりもBingの方が良いという意見を目にします。
そこでGoogle検索結果が納得できないときに、Bingで検索するためのブックマークレットを考えてみました。

Googleの検察結果のページのURLには「q=言葉」という部分があります。
実行すると、これをBingの検察結果のページのURLに当てはめて表示します。
なお逆にBingの検察結果で実行するとGoogleの検索結果が表示されます。

ブックマークレットを次に示します。

bing-google

Firefoxならばブックマークツールバーまでドラッグしてください。
Internet Explorerならば右クリックからお気に入りに保存してください。

javascript:(function(){b="http://www.bing.com/search";g="http://www.google.co.jp/search";d=document.location;if(d.href.match(b)){u=g}else{u=b}d.href=u+"?q="+d.href.replace(/.*[&\?]q=(.*?)&?/,"$1")})()

改行を施したのが次です。

javascript:(function(){
    b="http://www.bing.com/search";
    g="http://www.google.co.jp/search";
    d=document.location;
    if(d.href.match(b)){
        u=g
    }else{
        u=b
    }
    d.href=u+"?q="+d.href.replace(/.*[&\?]q=(.*?)&?/,"$1")
})()
カテゴリー: JavaScript タグ: , ,

曜日が変わらないカレンダーをJavaScriptで

2012 年 1 月 19 日 コメントはありません

曜日が変わらないカレンダーについて書きましたが、これをJavaScriptのユーザー定義関数にしてみました。
JavaScriptの通常の日付(日付オブジェクト、ndate)を与えると「ハンキ・ヘンリー・パーマネント・カレンダー」における日付(文字列、pdate)に変換します。
返る値は「2012-1-19」という形式です。
使い道が思い当たりませんが。

function date2hhpc(ndate) {
    var di, ldi, preldi, y, ydi, isext, sdi, pdate;
    di = (ndate - (new Date(2012, 0, 1))) / 86400000; //日のインデックス。2012-01-01(初日)を0日目とする
    if (di < 0 || di > 20453) { //対応しているのは2012年から2167年まで
        return ("error");
    }
    ldi = -1; //大晦日のインデックス
    year = 2011;
    while (di > ldi) {
        year++;
        preldi = ldi; //前年の大晦日
        isext = String(year).match(/(2015|2020|2026|2032|2037|2043|2048|2054|2060|2065|2071|2076|2082|2088|2093|2099|2105|2111|2116|2122|2128|2133|2139|2144|2150|2156|2161|2167)/) ? 1 : 0;
        ldi += 364 + isext * 7;
    }
    ydi = di - preldi - 1;
    if (ydi > 363) {
        pdate = "E/" + (ydi - 363);
    } else {
        sdi = ydi % 91;
        x = Math.floor(sdi / 30) + 1;
        x = (x > 3) ? 3 : x;
        pdate = (Math.floor(ydi / 91) * 3 + x) + "-" + (sdi - 30 * (x - 1) + 1);
    }
    return (year + "-" + pdate);
}

右クリックと文字列選択を禁止する方法とそれを無効にするブックマークレット

2012 年 1 月 5 日 コメントはありません

ウェブページの文字列をコピーされないようにする方法として、右クリックを禁止する方法と文字列の選択を禁止する方法が考えられます。

右クリック禁止

右クリックを禁止するにはHTMLを次のように書きます。

<div oncontextmenu="return false;">テキスト</div>

右クリックをして表示されるメニューを「コンテキストメニュー」などと言いますが、これを無効にします。
「div」でなく「body」にこれを設定するとウェブページ全体で右クリックができなくなります。

文字列選択禁止

文字列の選択を禁止するには次のように書きます。

<div onselectstart="return false;">テキスト</div>

文字列を選択しようとしてもできません。
これも「body」に設定するとウェブページ全体で文字列選択ができなくなります。
※IE限定ですが「unselectable=”on”」を使う方法もあります。

無効にするブックマークレット

これらを無効にするブックマークレットを考えてみました。

選択可能

Firefoxならばブックマークツールバーまでドラッグしてください。
Internet Explorerならば右クリックからお気に入りに保存してください。

javascript:(function(){obs=document.all;for(i=0;i<obs.length;i++){obs[i].oncontextmenu='return true;';obs[i].onselectstart='return true;';}})()

bodyだけでなく、すべてのタグについて、onselectstartとoncontextmenuに「return true;」をセットします。

なお、ここに挙げた方法がすべてではありません。これら以外にも文字列選択を禁止する方法はあります。例えば「document.onmousedown=”return false;”」のようにドキュメントに対してクリックそのものを禁止したりする方法もあります。そのため、すべてのパターンに対応したブックマークレットを作るのはかなり面倒です。頻繁に利用するページならばブックマークレットを使うのは効果がありますが、そうでないならばソースを直に見てしまうのが確実です。

カテゴリー: JavaScript タグ: ,

JavaScriptでゼロ埋め

2011 年 12 月 22 日 コメントはありません

1桁の数「5」に「0」を追加して2桁「05」で表示するような手法を「ゼロ埋め」や「パディング」などと言います。
Excelには「TEXT」、VBAには「Format」、PHPには「sprintf」という関数がありますが、JavaScriptには見当たりません。
これを作ってみます。 続きを読む…

カテゴリー: JavaScript タグ: ,

JavaScriptの配列に関するメソッドのまとめ

2011 年 12 月 16 日 コメントはありません

JavaScriptの配列を操作する「shift」などのメソッドは便利なのですが、元の配列への影響や返り値がまちまちなので、覚えられません。
一覧表にまとめてみました。

メソッド 返り値 配列への影響
a.shift() 最初の要素を返す。 最初の要素が削除される。
a.unshift(要素) 挿入後の配列の長さを返す。 先頭に要素が挿入される。
a.pop() 最後の要素を返す。 最後の要素が削除される。
a.push(要素) 挿入後の配列の長さを返す。 最後に要素が挿入される。
a.slice(i,j) 0から数えてi番目からj-1番目までの要素を配列として返す。 なし。
a.splice(i,j) 0から数えてi番目からj個の要素を配列として返す。 該当する要素が削除される。
a.concat(配列) aの後に配列を追加し、追加後の配列を返す。 なし。

unshiftの返り値はブラウザやそのバージョンによって異なるようで、例えばIE5で返り値を求めようとするとエラーになりました。

カテゴリー: JavaScript タグ: ,

いろいろなソート(サンプル付き)

2011 年 12 月 9 日 コメントはありません

ソートのアルゴリズムについて調べました。
代表的なソート方法5種類について概略をまとめます。
n個の要素を持つ配列を昇順(小さい数から大きい数)にソートする場合です。 続きを読む…

カテゴリー: JavaScript タグ: ,

配列のマージ

2011 年 12 月 8 日 コメントはありません

二つの配列を統合する方法に「マージ」というのがあります。

それぞれの先頭の要素を比べ、小さい方をとります。とった要素は結果用の別の配列に追加します。
とられた配列は先頭の要素が替わります。
またそれぞれの先頭の要素を比べ、小さい方をとります。
これを繰り返します。
いずれどちらかの配列が空になりますので、残った方の配列を結果用の配列にそのまま付け足します。 続きを読む…

カテゴリー: JavaScript タグ: ,

JavaScriptのmatchでマルチラインフラグを使う

2011 年 10 月 27 日 コメントはありません

次のような3行の文字列があったとします。

abc
xyz
123

通常

これに対してJavaScriptのmatchを使います。
正規表現パターンは「/^.*$/」とします。
「^」は先頭、「$」は末尾に一致します。
これでmatchを使ってみます。 続きを読む…

カテゴリー: JavaScript タグ: ,

JavaScriptで配列をコピーする

2011 年 8 月 16 日 コメントはありません

JavaScriptで配列をコピーするときは次のような注意が必要です。

a=[10,20,30];
b=a;

配列変数aを配列変数bにコピーしています。
これで配列変数bをaの代わりに使うことができます。

次にpopを使ってaの最後の要素をクリアします。

a.pop();

この場合、bには何も影響しないように思われますが、実行結果は次のようになります。

a=[10,20]
b=[10,20]

bもaと同じく最後の要素がクリアされます。
つまり「b=a」とすると各要素がコピーされるのではなく「bはaを参照する」ということになるのです。
したがって各要素をコピーするためには次のようにします。

a=[10,20,30];
for(i=0;i<a.length;i++){
    b[i]=a[i];
}
a.pop();

実行結果は次の通り。

a=[10,20]
b=[10,20,30]

意図通り、aだけが処理されました。

なお次のような簡単な方法もあります。
sliceを使うと配列を部分的に抜き出すことができます。
第1引数にセットした位置から第2引数にセットした位置の前まで抜き出します。
第1引数に「0」をセットし、第2引数を省略すると、最初から最後までを抜き出しますので、配列の各要素をコピーするのと同じ効果があります。

a=[10,20,30];
b=a.slice(0);
a.pop();
カテゴリー: JavaScript タグ: , ,

対数を使って桁数を調べる

2011 年 7 月 21 日 コメントはありません

「123」が3桁であることは見ればすぐ分かるのですが、計算で求めるにはどうしたらよいでしょうか。

3桁の数は100以上1000未満ですので
102≦3桁の数<103
となります。
つまり、数yの桁数xは
10x-1≦y<10x
を満たす数となります。
簡単に言えば
y=10x
となるxを求めればよいことになります。
これは10を底とする対数を使えば求められます。
x=log10y

Excelの場合

この先はExcelを使います。
Excelには10を底とする対数を求める「LOG10」というワークシート関数があります。
LOG10(123) = 2.0899
となります。
これを切り上げた数が桁数を表します。
ROUNDUP(LOG10(123),0) = 3
しかしこの方法には問題があります。
ROUNDUP(LOG10(100),0) = 2
となって、100なのに2桁となってしまいます。

そこで次のように切り捨てて1を加えます。
ROUNDDOWN(LOG10(100),0)+1 = 2
まとめると次の通り。

桁数=ROUNDDOWN(LOG10(数),0)+1

JavaScriptの場合

JavaScriptには底を10とする対数を求めるための関数はありませんが、自然対数(底をネイピア数とする対数)を求める関数「Math.log()」があります。

底を10とするyの対数=yの自然対数÷10の自然対数

このような変換ができますので、これを利用します。

桁数=Math.floor(Math.log()/Math.log(10))+1
カテゴリー: JavaScript タグ: , ,