2007.08.22

作業効率の上がる、アドオン以外の便利ツール

イメージ：作業効率の上がる、アドオン以外の便利ツール

変化の時間（トキ） ♯22
伊藤学（ウィルシステム）

昨年よりも今年は暑いんじゃないか!?と、思わせる2007年夏。夏休みがいつなのかもよくわからないが、お盆そっちのけで今回もいろいろご紹介しよう。今回は、とある場所で「普段どんなツールを使いますか？」という質問があったので、Firefoxの拡張機能（アドオン）ではないモノをご紹介する。

デスクトップツール「Stickypaper for Windows」

この「Stickypaper」は、ひと言で言えば「デスクトップ便箋アプリ」なのだが、実はそれに留まらないところが気に入っている。配布しているのは、数々のデスクトップアクセサリーやPhotoshopプラグインなどを作っているPentacom.jp。デザイナーさんとプログラマーさんが一緒にやっているので、機能豊富でアイコンがめっちゃ可愛いのが特徴だ。立ち上げるとタクスバーに登録されるので、右クリックからメニューを呼び出す事ができる。

実際の機能としては、以下のようになっている。

付箋紙機能／文字装飾機能のついたシンプルな付箋機能
メモ機能／台紙の画像を用意して、その上に文字を表示する機能
画像表示機能／好きな画像をいくつでもデスクトップに表示する機能
スクリプト機能／付箋紙にダイナミックなデータを表示する機能

テキストを書いたり画像を貼り付けたり、タイマー制御はよくある便箋アプリ機能かもしれない。しかし、4つ目の「スクリプト機能」に実は「Stickypaper」の大きな利用価値がある。

例えば、「フォルダ機能」。こちらはスクリプトライブラリページからダウンロードしてきて、指定のフォルダに保存後にスクリプトを実行させると、便箋からフォルダへのショートカットが作れるのだ。以下の画像は、実際にスクリプトを実行させてローカルのショートカットを作ったもの。

これを利用すると、案件ごとに便箋でメモを取りながらクリックすると、案件用のフォルダにダイレクトに行けるようになる。後から追加などする場合は、「File Cabinet Setting...」をクリックして行えばよい。他にも紹介しているスクリプトとしては、「RSSリーダー」「天気予報」「気象衛星の表示」「スケジュール表」「メールチェック」など様々。

JavaScriptを行っている人なら、新たにスクリプトを作ってもっと使いやすくする事もできるのではないだろうか。ちなみに筆者の場合は、上記の様に案件ごとにフォルダへのショートカットを作り、タイマーと色分けでタスク管理にしているぞ。

様々なBookmarklet

Firefoxのアドオンも開いてみればJavaScriptだったりする訳だが、似たようなモノとしてブックマークのリンクからJavaScriptを発動させるBookmarkletでも捨てがたいモノがあるので幾つかご紹介しよう。

CSS Debug Toggle

クリックしてみてください。

これは、CSS Debugger, Reduxで紹介されているWebページにおける文書構造にできるだけ影響を与えない範囲で可視化するという Bookmarklet 。

Web Developerの「ブロックレベル要素を枠で囲う」+「枠表示には要素名も表示する」に似ているかもしれないが、こちらはこれは見出し要素、id/class属性のあるdiv/span/table要素、それにname属性とstyle属性を持つ要素がある場合は文字情報で教えてくれる。更に、あまり線が入った場合に崩れないのがオススメのポイントだ。

XRAY

クリックしてみてください。

こちらは、部分的にフォーカスするデベロッパー向けBookmarkletと言えよう（XRAY :: for web developers）。任意の部分をクリックすると、その部分の(X)HTML構造がわかるほか、コンテンツの幅や高さなどの情報が瞬時に表示される。CSS設計をしていて崩れてしまっている場合や、他サイトをチェックする場合なのに役立つに違いない。

Yahoo!翻訳 Bookmarklet

クリックしてみてください。

こちらは手前味噌だが、よく私のブログへリンクを張ってくださる方が多いので、一緒にご紹介しておこう（Firefox検索プラグイン追加ページ / KOMOREBI||blog）。これは開いているページを、Yahoo!翻訳に直で飛ばすBookmarklet。

筆者も実は英語が苦手なので、英字サイトは翻訳サービスを使わないと情報を得られない。とは言うものの、翻訳サービスは直訳過ぎて読めないことも多いので、原文と翻訳文が両方掲載されるYahoo!翻訳がすぐに反映される仕組みになっている。直訳で解らない場合などは、原文から英和辞典などからチェックすれば良いのだ。