Web scratch

Archive for 8月, 2009

Emacs(使用しているのはMeadowだけど)の設定方法のメモ
Meadow 3.00をダウンロードして使用。

Read the rest of this entry »

Tomblooのパッチとして動作するのでTomblooをインストールしている人用です。
今見てるサイトの短縮URLを一発でクリップボードにコピーできます。

• action.copyShortLink.js
  is.gd版
• action.copybitlyLink.js
  追加:bit.ly版

インストールするとTomblooのコンテキストメニューにMake Short Linkが追加されてるので、
それをクリックするとクリップボードに短縮URLがコピーされます。

Tomblooのメモ

Tomblooのscriptフォルダを毎回開くのが面倒だったので、一発で開くスクリプト

ツールのところのTomblooに追加される

• action.openScriptFolder.js

firebugを呼ぶにはlog()で大丈夫だった。

クリップボードにコピーするには

ClipboardHelper.copyString("コピー文字列");

みたいな感じで簡単に使える。
Tomblooには色んなヘルパー関数が用意されてるっぽいけど、どういうのがあるのかはソースを読む必要がありそう。

HTMLとしてコピーするものがなかったので適当に作成

// HTMLとしてstrをコピーする
// https://developer.mozilla.org/en/Using_the_Clipboard
function copyHTML(str) {
    var textHtml = str;
    // firebug("log" , textHtml);
    var htmlstring = Components.classes["@mozilla.org/supports-string;1"].
                     createInstance(Components.interfaces.nsISupportsString);
    if (!htmlstring) return false; // couldn't get string obj
    htmlstring.data = textHtml;
    var trans = Components.classes["@mozilla.org/widget/transferable;1"].
                           createInstance(Components.interfaces.nsITransferable);
    if (!trans) return false; //no transferable widget found
    trans.addDataFlavor("text/html");
    trans.setTransferData("text/html", htmlstring, textHtml.length);
    // copy the transferable widget!

    var clipboard = Components.classes["@mozilla.org/widget/clipboard;1"].
                           getService(Components.interfaces.nsIClipboard);
    if (!clipboard) return false; // couldn't get the clipboard

    clipboard.setData(trans, null, Components.interfaces.nsIClipboard.kGlobalClipboard);
    return true;
}

追記

短縮URLを取得するshortenUrls関数とかがあった。

gist: 415348 – Tomblooパッチ- GitHub

http://gist.github.com/415348

Googleの検索結果画面にTwitter検索の結果も表示するGreasemonkeyスクリプトです。
Twitter検索は@penguinanaの方を使ってるのでより日本語に適したものが返ってくると思います。
Twitter検索はほぼリアルタイムで流れているのでより即時性の高い検索結果が見られるので便利です。

• Twitter Search Results on Google.user.js

検索結果に表示するTweetsの数は各自編集してください。
デフォルトだと5件表示します。

今回はただの紹介です。
Google Readerのプリフェッチ(先読み)の値を変更するGreasemonkeyスクリプトです。
プリフェッチを変更すると何がうれしいのかというと、現在のデフォルトの値はあまり大きくないので、
記事を飛ばしていくと詰まった感じになるため、先読みの値を増やすことでそれを軽減できます。
同じようにスクロールでカクカクする現象も軽減できるそうです。

Google Reader Prefetch More for Greasemonkey

http://userscripts.org/scripts/show/26383

スクリプトのデフォルト値は少し読み込みすぎてる気がするので、自分のパソコンと相談して適当な値にするといいかも。

var first = 25; // default is 5
var next =  15; // default is 1
var list =  60; // default is 20

PNG画像の画質を損なわずに最適化を行うソフトウェア

PNGGauntlet

コマンドラインツールであるPNGOutとPNGRewriteのGUIフロントエンド。
かなり細かく設定できるので、エラーなどが生じなければGUIを使った方が楽。

OptiPNG

コマンドラインツール
windowsはダウンロードページからoptipng-バージョン-exe.zipをダウンロード
最適化レベルは7まであって、すべて総当たりで行い一番小さくなる方法を選ぶ。
普通は3-5で十分

akJ OptiPngWrapper(PNGの最適化 GUI)

OptiPNGのGUIフロントエンド。 ((別途OptiPNGをダウンロードしてパスを設定する))
減色しない -ncなどの細かいオプションは設定できないので、より細かくやりたい人はコマンドラインからやるといいかも。

PNGGauntletとOptiPNGは思ったより大きな差がでない。
PNGGauntletの方が手軽に導入できるので、試してみてより細かくやってみたい場合はOptiPNGをみるといい。

参考

OptiPNGとPNGGauntlet – faireal.net

http://deztec.jp/x/05/faireal/faireal-19-index.html#d31104

PNG画像をより美しく、より軽量に最適化するテクニック | コリス

http://coliss.com/articles/build-websites/operation/design/howto-png-optimization-techniques.html

ATOKではOffice連携ツールを使うことで、IE上で選択範囲の漢字などの意味を電子辞典で調べる事ができます。
しかし、officeソフトとIE以外には対応していないので、その機能の一部をFirefoxから使うuserChrome.jsスクリプトです。
まず前提としてOffice連携ツールをインストールしていないといけません。通常は別途インストールになっていたと思います。
ATOKアップデートか［949-P ATOK 2009 for Windows］サポート・ダウンロード情報あたりから各バージョンのOffice連携ツールをインストールしてください。

そして下の場所から各バージョンにあわせたGetTextOperaLClickを任意のフォルダに保存しておいてください。

Opera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使う (JustSystems まとめ)

http://sites.google.com/site/jsmatome/atok/option/tool

そしてuserChrome.jsスクリプトをFirefoxのchromeフォルダに保存して、中身を編集します。

• Search Atok.uc.js

中身のGetTextOperaLClickPath=のところを先ほど保存したGetTextOperaLClick.exeのパスに書き換えます。 ((\はエスケープして\\にするか、/にする))
そしてFirefoxを再起動すれば、文字列を選択したときにコンテキストメニューに”ATOKで検索”とでるので、実行するとGetTextOperaLClick.exeによって
電子辞典を引くことができます。

実行例

GetTextOperaLClickは他のソフトでもつかえるので、詳しい使い方はOpera, Firefox, 秀丸, Janeで電子辞典(for Windows)を使うをみるのがいいと思います。

選択した範囲の文字列をファイルとして保存するuserChrome.jsスクリプトです。
userChrome.jsサブスクリプトローダなどで呼び出すと、右クリックのコンテキストメニューに”選択範囲を保存”という
ラベルがでるのでそこから保存できます。

• saveSelection.uc.js

Syntax Highlighterしてるような文章を保存したとき、改行やタブが反映させる方法がよくわからなかった。
教えていただけると助かります。

参考リンク

選択範囲を保存するBookmarklet (Kanasansoft Web Lab.)

http://www.kanasansoft.com/weblab/2009/01/bookmarklet_1.html

XUL Apps > Tips > ファイル選択のダイアログ – outsider reflex

http://piro.sakura.ne.jp/xul/tips/x0022.html

XUL チュートリアル – 「開く」ダイアログと「保存」ダイアログ

http://xul-app.hp.infoseek.co.jp/xultu-janit/filedialog.html

File I/O – MDC

https://developer.mozilla.org/index.php?title=Ja/Code_snippets/File_I%2F%2FO

XUL でローカルファイルの入出力 – 森小路の雑把日記

http://morishoji.homelinux.net/2006/11/xul_file_io.html

[firefox][備忘録] ニコニコ動画のflvファイルを保存するfirefoxエクステンションを作成 – papamitra

http://d.hatena.ne.jp/papamitra/20071111/nicoget

EMXAS IT工房 » Firefox拡張機能を作ってみる（３）

http://emxas.co.jp/itblog/category_38/item_173.html

サーバ移転してプラグインやテーマも切り替えたのでメモ。

サーバ移転の参考

[WP]WordPressのサーバー&ドメイン移転メモ | emuxx blog

基本的なやり方が書いてある。
301リダイレクトの方法

WordPressのサーバー＆ドメイン移転 | WordPress | 『Weblogy』

WordPressで使ってるプラグイン

WordPressの自動バックアップをGmailで取る | VIVABlog

Gmailにgzipで圧縮したデータベースをバックアップする。

WordPress › 404 Notifier « WordPress Plugins

404が発生したページをRSSまたはメールで知らせてくれる。
移転したときなどの調査が楽になる。

関連エントリーの自動作成プラグイン『YARPP』 | WordPress | 『Weblogy』

記事の本文等を解析して、自動的に関連記事をグルーピングするプラグイン。日本語に対応してる。
閾値は3にして使用してる。
関連記事リストを作成するプラグインのまとめなども書いてあるので読んでおくべき。

Yuriko.Net » WP-PageNavi を使わずにナビゲーション表示

どちらにしてもテーマをいじらないといけないのでこっちの方が楽だった。

Maintenance Mode Plugin — Software Guide

管理者だけにページを表示するメンテナンスモードをつける。
日本語化ファイル

guff : Post Updated

投稿の更新日時を表示するプラグイン。
自分的には必須な気がする。デフォルトで用意されてそうな気もするけど。

WordPress › PS Disable Auto Formatting « WordPress Plugins

自動整形を停止するプラグイン。
記事やコメントなど適応する範囲を指定できる。
過去の記事への適応も考慮されている。
自動整形は記事中にソースコードを書いたりする時邪魔になったり、floatをclearするタグが消えたりしてたから入れてた。
多分これを入れるとScribeFireとかからの投稿でおかしくなるかも。

自動整形機能のイライラを軽減するGoogle Syntax Highlighterプラグイン | とりさんのソフト屋さん

ソースコードをpreタグに入れてビジュアルとHTMLモードを往復を可能にする。
これがあれば自動整形があってもソースが書ける。

[WP:Plugin] 被ブックマーク数表示＋ランキング生成プラグイン | AOINA.COM

国内のSBMに対応してる&記事の被ブックマーク数をカスタムフィールドに保存できる。
人気記事をランキングできるので重宝してる。wp-sbm_popular_entry

記事下に注釈を表示するプラグイン「WP-Footnotes」 » FORGET

特定のフォーマットで書くことではてなダイアリーみたいな注釈表記ができる。
((の前に半角スペースが必要

ページトラックバックプラグイン | ABCP-weblog

ページにトラックバックを送信する機能をつける.
何でデフォルトでないのかが不思議。 ((WordPress2.8以上で動作))

WordPress › Enhanced Recent Posts « WordPress Plugins

新着記事ウィジェットの上位互換です。
更新された記事や含むカテゴリーなども設定できる。

WordPress Plugins/JSeries » Feed Control 日本語版

RSSに更新された記事を含められる。
ただしATOMは対応してない。対応してるプラグインあったら教えて欲しいです。

ニコニコ動画のマイリストにアクセスしたときに、タブのファビコンをマイリストに入ってる動画総数にするGreasemonkeyです。
ファビコンに動画総数が入るので何かの目安になるかもしれません。

縦置きタブバー上での表示

• Mylist counter.user.js

そこまで実用性はないと思います。
単にやってみたかっただけです。

元ネタ

LDRの未読数をfaviconに表示するGreasemonkeyスクリプト – 素人がプログラミングを勉強するブログ

http://d.hatena.ne.jp/javascripter/20080609/1212968037

ややこしいタイトルになってますが、HatebuCommentなどのLDR上ではてブコメントをみる機能を
Tomblooとはてなブックマーク拡張を使って同じ事をするTomblooパッチです。

1. Tombloo
2. はてなブックマーク拡張

をインストールしておく必要があります。 ((元々両方を使ってる人向けが前提だったり))

ここからインストール

リンク上で 1)右クリック 2)tombloo 3)tomblooパッチのインストール で簡単にインストールできると思います。
初期設定のショートカットキーはSHIFT + Dになってるので適当に変えて使ってください。

利点としてははてな公式の拡張を使ってるので仕様変更には強いぐらいだと思います。
何か落ちやすかったりするのでイマイチかも。