Developer's Blog

【ウェブデザイン】参考サイトを SnapCrab でキャプチャして FenrirFS でラベル管理すると捗る

こんにちは!デザイン担当の福島です。

新年ですね、今年もよろしくお願い致します。
突然ですが今年の目標は、デザインする際に見る 参考サイトの管理をきちんとする、にしました。
デザイナーの方々はデザインする際に参考になるサイトを探したり、ネット中に素敵なデザインのサイトに出会ったりしたとき、そのサイトをストックしていますか?

いざストックしようとしても、なかなか管理が難しいですよね!
ブックマークで管理すると探す際にいくつもタブを開くため時間がかかったり、リニューアルでデザインが変わっていたりします。キャプチャして画像で管理してもフォルダの階層で分類が大変だったり。どのフォルダに入れようかとか、どのフォルダにいれたのか、どんな階層が一番適しているのかなんて、いちいち考えるのめんどくさい。。

そこで SnapCrabFenrirFS の機能を使えば、キャプチャした画像にタグ名を付けて保存するだけで自動で複数ラベル付けができる上に、サムネイル管理できるじゃないか!と思いつきましたので紹介します。


まずは下準備です。

1.SnapCrab のキャプチャを特定のフォルダに保存する

まずはブラウザに SnapCrab for Windows プラグイン版 をいれます。Sleipnir 2 for Windows か IE かはお好みでどうぞ。
ソフトをインストールしたら、キャプチャをストックするフォルダを任意の場所に作成して、SnapCrab の設定を行います。

SnapCrab

先に「規定のフォルダの変更」から、作成したキャプチャストック用のフォルダを指定してから、「指定のフォルダ」を選択。
そして「保存時にファイル名を入力」にチェックをいれます

これでキャプチャを撮ると、キャプチャ画像が作成したキャプチャストック用のフォルダに保存され、ファイル名の入力を求めてくるように設定できました。

2.FenrirFS でストック用のプロファイルを作成する

FenrirFS をインストールしたら左上のフェンリル君マークから、キャプチャ用の新しいプロファイルを作成しましょう!

FenrirFS

その際、自動同期モードプロファイルを選択して、自動同期フォルダの参照先にも先ほどキャプチャストック用に作成したフォルダを指定します。

FenrirFS

あとの設定はとくに何も指定しなくても大丈夫です。

3.自動でラベル付けするように設定

専用のプロファイルを作成したら、カテゴリのラベルを作成していきます。

FenrirFS

ラベルの作成が終わったら今度はファイル名から自動でラベル付けするために「ファイルの自動振り分け設定」にフィルタを追加します。「ファイルの自動振り分け設定」は左上のフェンリル君マークをクリックするとできます。

「フィルタ条件の設定」の「ファイル名」に Black など、カテゴリに紐付けられるような名前を設定して「部分一致」を選択します。

「振り分け時の処理」の、「ラベルを付ける」にチェックをいれて付けたいラベルを設定します。「ファイルをアーカイブする」もお好みでチェックをいれてください(作業トレイにファイルが残らなくなります)。

今後、ラベルを増やしたいときも同じように設定しましょう。

下準備終わり!
では実際に保存してみます!これで以下の動作だけで保存 & ラベル付けできるようになります。

1.スクリーンショットを保存する!

SnapCrab でキャプチャを撮ると保存ダイアログが表示されるので、さっき FenrirFS の自動振り分けフィルタで設定した単語をファイル名に付けて保存(Black.png とか)。悩んだら複数のラベル名を付けて保存しちゃえばいいですね。

こうすることで、ファイル名から FenrirFS で自動にラベル付けしてくれます。ラベル名だけじゃなくて適当に検索用のコメントをいれてもいいかも。

2.閲覧 / 管理する!

FenrirFS を立ち上げるとすでにアーカイブも済ませてラベルに振り分けられている状態になります。
縮小表示がおすすめです。

スペースキーでビューアーも出せます。

とっておきのキャプチャにはスターをつけたり、複数ラベルでしぼりこんだり、FenrirFS 内で拡大したり、共有機能で Evernote にタグ付けして保存したり、Facebook や Twitter に投稿したり…これは捗る、かも!
しばらくこれで管理してみようと思います。

他のエントリーも併用すればさらに便利に使えそうです。

Sleipnir から直接 FenrirFS にWeb ページ上の画像を保存できるスクリプト
https://blog.fenrir-inc.com/jp/2011/10/fenrirfs_add_image_script.html

FenrirFS 2 の新機能「フォルダの自動同期」で Dropbox と SugarSync 内のファイルをラベルで一元管理しよう
https://blog.fenrir-inc.com/jp/2011/08/fenrirfs-dropbox-sugarsync.html

ぜひ、ご利用ください!

__

フェンリルのオフィシャル Twitter アカウントでは、フェンリルプロダクトの最新情報などをつぶやいています。よろしければフォローしてください!

 

Copyright © 2019 Fenrir Inc. All rights reserved.