暑苦しかったセミの鳴き声も気がつけば秋の虫の声へと変わり、夜風だだいぶ涼しくなってきたのは、忙しい過ぎた時間に夏をおいてきてしまったせいだろうか。と、秋恋るの季節ですが、忙しさに感けてブログを更新しないのを何とかしたい今日この頃。

そんな同じ悩みを持つブロガーの為の、Firefox拡張期機能(アドオン)を今月はご紹介しよう。

クリッピングサービスツール「Clipmarks」

この「Clipmarks」は、Webサイトをスクラップして共有するSNS「Clipmarks」と連携するFirefoxの拡張機能(アドオン)。

利用するには「Clipmarks」にユーザー登録する必要があるが、テキストだけなくYouTubeの動画もクリッピングしてくれる上に、MovableTypeやVoxなどのブログとも直接連携がとれる仕組みになっており、更新が楽になる。

まず、拡張機能をインストールしてFirefoxを再起動すると、「Clipmarks」のユーザー登録画面が表示される。まだアカウントを持っていない人は、ここで新規ユーザー登録を行えば良い。もし、誤ってページを閉じてしまった場合は、「Clipmarks」ボタンをクリックした際のログイン画面時から新規登録が行える。

実際の使い方としては、まずアドレスバーの右側に「Clipmarks」ボタンが表示されている筈なので、そこから「Clipmarks」モードに変更しよう。

すると表示画面の上部にオレンジ帯の「Clipmarks」メニューが表示され、ブロック毎、範囲してしたテキスト、画像、動画などをそれぞれ選択ができるモードに切り替わる。あとはお好みでクリッピングしたい部分をクリックをすれば、仮保存されていく。

もしそれを保存したいなら「Save」ボタン。直接すぐにブログに貼り付けたい場合は「Blog」ボタンをクリックすれば、それぞれの編集画面がポップアップで現れるので、画面の指示に従えばOKだ。

ちなみに、上記画像の左は保存ボタンから「Clipmarks」への保存をする画面、右側はBlogボタンをクリックしてVoxに保存する際の編集画面だ。もちろん、一度保存をしてからブログへ貼り付ける作業を行えるのでお好みで編集すると良い。MovableTyeを利用される人は事前にXML-RPC情報など調べて必要があるので注意。

以下は、実際に筆者のVoxブログに貼り付けてみた画像。

外部エディターとの連携『ViewSourceWith』

こちらは閲覧しているブラウザ画面のソースやフォーム内のテキスト、画像などを複数の外部エディターと連携させられるFirefoxの拡張機能(アドオン)だ。

まず「ViewSourceWith」をインストールしたら設定画面を表示しよう。画面上を右クリックから「ソースをプログラムで開く(W)」→「設定」でもOKだ。

設定画面が開くと、幾つかのタブメニューで構成されているので、メニューの「一般」から普段使っているエディターソフトを登録してみよう。その際にショートカットも設定できるが動作しない事が多いようなので省略しても良いだろう。

筆者はテキスト用にTeraPadと、Dreamweaver。画像用にPhotoshopを登録してみた。

さて、実際の利用方法だが、上記に記したとおりブラウザ画面上を右クリックしてメニューから「ソースをプログラムで開く(W)」より登録したエディターを選択すれば良い。

一番使用頻度が多そうなのは、上図のようなフォームの記述や編集の際にテキストエディターで編集する事ができる事だろう。編集が終わったら上書き保存をしてソフトを閉じれば、フォームに内容が反映される仕組みだ。

これ以外に、設定画面の「詳細」内にある「元々ある『画像を表示する』をVSWで～」という項目に画像編集ソフトを指定しておけば、右クリック時の「画像を表示する」をクリックした際に画像編集ソフトに反映させる事が可能なので、毎度「画像をコピー」する必要がなくなる。

如何だろうか、ブログの更新をしなければいけないのに「面倒なんだよね」と思ってしまう人は、少し手間を省きながら更新意欲を持ってみては……。

それでは今月はこの辺で……。

関連リンク

変化の時間（トキ）　バックナンバー
ブロガーのためのFirefoxハック　其の一
Clipmarks
ClipmarksのFirefoxアドオン
YouTube
MovableType
Vox
ViewSourceWith
TeraPad
Dreamweaver
Photoshop
KOMOREBI||blog