Unofficial Planet WordPress Japan

左下のところに常に Cookie を表示しておくための Greasemonkey スクリプトです。
Web アプリの開発時とかに便利かもー、と思って作りました。

ソース

show_cookie.user.js

// ==UserScript==
// @name           show cookie
// @namespace      http://jugyo.org/
// @include        http://*
// ==/UserScript==

(function() {

  var content = document.createElement("div");
  content.innerHTML = document.cookie.split(/;[ ]*/).join('
');
  with (content.style) {
    fontFamily = "verdana, sans-serif";
    fontSize = "11px";
    textAlign = "left";
    margin = 0;
    padding = "4px";
    lineHeight = "15px";
    color = "black";
    backgroundColor = "gray";
    MozOpacity = 0.60;
    border = "none";
    position = "fixed";
    bottom = "0px";
    left = "0px";
    overflow = "auto";
  }
  document.body.appendChild(content);

})();

HTML タグを可視化するブックマークレットを作ってみました。

↓これです。

html_tag_visualize

別に、そんなにおもしろくはないです。
思いついたので作ってみました。
画像作るのが結構面倒くさかったです。

スクリーンショット

適用前:

適用後:

問題点

全てのタグを網羅できていない。
レイアウトが崩れる場合がある。
Firefox でしか動作確認してない。

追記

ちょっと修正（半角スペースのエスケープとか）。
Opera で動くことを確認。

あまり役に立ちそうにない Greasemonkey スクリプトをたまに作ってる jugyo です。
いや〜、忘年会シーズンですね。
道ばたで倒れている人を何人か見かけました。

さて、hatebu_chart.js という Greasemonkey スクリプトを作ったので公開します。
過去一ヶ月間の一日ごとのブックマーク数の推移をチャートで表示します。
Google Chart API を活用しました（便利！）。

ソース:
hatebu_chart.user.js

更新履歴:
1.1 - チャートに日付を表示するようにしました。さすがに日付が無いと不親切だと思ったので。
1.2 - １月だけチャートが正常に表示されない（日付の計算ミスによる）バグを修正しました。（なんとも恥ずかしいバグでした。）

スクリーンショット:

画面右下の四角いとこにカーソルを合わせると…

↓

こんな感じのが出てきます。

…

ていうかこれ作ってて思ったんですが、JavaScript の Date 型って気持ち悪いですね。
「1月から12月」が「0 から 11」で表現されるんですね（つまり１月は 0）。
知りませんでした。

またまたくだらない Greasemonkey スクリプトを書いてしまいました。
リファラー（参照元）URL を表示します。
ただそれだけです。
もしかすると何かのときに役に立つかも。

ソース:
show_refere.user.js

スクリーンショット:

この四角いところにマウスカーソルを持っていくと…

じゃーん。

…

ていうか、リファラー URL って「document.referrer」で取得できるんですね。
さっき知りました。

リンクタグを書く手間を省いてくれる Greasemonkey スクリプトです。

ソース:
make_link.user.js

スクリーンショット:

↓

感想:
ま、毎回ページの右隅に四角いのが出てくるのもいい加減うざったくなってくるしそれほど頻繁に使うようなものでもないとも思いますが、思いついたものはとりあえずなんでも（すぐに作れるものであれば）作ってみないと気が済まないので作った次第です。

Twitter にポストするための Greasemonkey スクリプトを作りました。

とりいそぎ公開します。

ソース:
tiwt.user.js

更新履歴:
1.02 - z-index を 1 にしました。インジケーターの GIF を変更しました。
1.01 - ポスト時にインジケーターを表示するようにしました。

使用方法:
画面右上に四角いのが現れます。

こいつにマウスカーソルを合わせると以下のような入力フィールドが出現します。

あとは適当になんか書いてポストしてください。
ちなみに、初回ポスト時は BASIC 認証のためのユーザーIDとパスワードを入力する必要があります。

思い立ったらすぐにポストできるので便利だと思いますよ。
いちいちウィンドウやタブを切り替える手間も省けますし。
ていうか、僕自身が欲しかったものを作っただけなんですけどね。