Firefox+Tumblrで作るギャラリーサイト
December 22, 2008
ことの発端
Webデザインを生業としていると、どうしても色んなサイトを見る事が必要になってきます。
これは、Webだけに限った事では、無いのですが、絵画や、建築、道ばたのポスター、車など、様々な要素を見る事で記憶を蓄積して、作る時に、その記憶の断片を追い、様々な情報を足し(お客様の要望やエンドユーザーの試行)自分のフィルターを通して出力する。それがモノ作りだったり、デザインだったりするんじゃないかと思っています。
先に述べた通り、Webサイトを見る事で、多いに刺激を受けている訳ですが、一回見ただけで覚えている訳でもないので、脳みそだけでは無く、物理的にもストックしていく必要があるわけですよ。
やったこと・辞めた理由
そこで、今まで試してきたのが
単純にスクリーンショットを撮って、ローカルに保存。
(作業が結構面倒)FirefoxのアドオンのScrapBook :: Firefox Add-ons
(プレビューが見れない)Only2Clicks - speed dial to favorite web site and make it your start page
(サイトが重くて、プレビューを見るのに時間がかかったり、見れなかったりしたので止めた)スクリーンショットを撮って、Evernoteにアップロード
(アップロードの上限があるので、あっという間に、一杯になる)
上記の通り色々試してきましたが、どれもイマイチしっくり来ませんでした。
今回の作業
そこで、最近発見したのが、FirefoxとTumblrを使ってTumblrをギャラリーサイト化しちゃおうという作戦。
出来上がりはこんな感じ
参考に成ったのがこちら。
Tumblr＋capture.tumblr.jsの組み合わせでFavorite WEBデザインGalleryを作ってみる - WEBデザイン BLOG
Mac用のメモ
Macの場合は『JSActionスクリプトの設置・設定』の[3]:が
ユーザー>(ユーザー名)>ライブラリ>Application Support>Firefox>Profiles>(変数).Fifefox3 User←このフォルダー内に設置します。
まぁ、別にどこでも構わないみたいですが、一応私もここに設置しました。
覚え書き
一つつまずいたのが、[5]:の『capture.tumblr.conf』の設置場所ですが
ユーザー>(ユーザー名)>ライブラリ>Application Support>Firefox>Profiles>(変数).Fifefox3 User>script_set←このフォルダー内に置きます。
恐らく今までやった中で一番手間がかからず、しかも表示もサクサクと表示されて良い感じだと思います。
結局テンプレートまで含めて、M-1 2008を見ながら作ったので、約2時間ぐらいで出来たと思います。Tumblrのカスタマイズはした事が無かったので、変数関係のリファレンスを見つけきれず、少々手こずりました。
今回は、初めからあるテンプレートに少々手を加えて作りました。 変数関係を理解して、また改めて、1からオリジナルでテーマを作ろうと思います。
フルFlashサイトの対応
フルFlashのサイトは、右クリックからスクリーンショットが撮れないので、kwout | A brilliant way to quoteというFirefoxアドオンを使っています。Tumblrの管理画面を使うので、画面変遷的に3つぐらい行わないといけないので、上のやりかたより面倒ですが、フルFlashサイトは、今のところ、これくらいしか無さそうです。
出来上がったサイトはこちらです。 BULANCO's Fivorite WebDesignClip
- 『Firebug Lite』って凄いですね。
-
- 今更かもしれませんが、**Firebug Lite**って凄いですね。 [Firebug Lite](http://getfirebug.com/lite.html "Firebug Lite")... MORE »
- Firefoxのアドオン『JSActions』を入れてあれこれ楽にする。
-
- 以前のエントリで、JSActionsを使って、tumblrに手軽にポストする方法をご紹介しましたが、今回はもう少し踏み込んで、JSActionsの紹介です。 JSActionsとは JSActio... MORE »
- 続)Firefoxを綺麗さっぱり入れ替える(設定編)
-
- 前回のエントリーに続き、Firefoxを入れ替えたときのメモです。今回は、設定関係のメモです。 Firefoxの環境設定 一般>ダウンロード>ファイルごとに保存先を指定する。にチェックを入れる。 ... MORE »
- Firefoxを綺麗さっぱり入れ替える(アドオン編)
-
- ここ最近、急にFirefoxの調子が悪くなってしまい、プロファイルの中を色々といじってみても、うまくいきませんでした。 だましだまし使っていましたが、Firefoxの調子が悪いと、業務にかなりの支障... MORE »
- Picasa for Mac (beta) をインストールしてみました。
-
- ずっと開発中になっていた、PicasaのMac版がbetaながら発表されてましたので、早速インストールしてみました。今の所日本語版は存在しないようで、US版のみです。 Picasa for Mac: ... MORE »
Category
Comment( 2 )
このブログ記事に対するトラックバックURL
-
福岡県 福岡市在住 Webデザイナー。
1973年福岡生まれ。射手座、B型。HNは、やいぶ・Yaive など。幼少期から、モノを作ることが大好き。しかし、小学生の頃の夢は弁護士。 中学生で、漫画家を志すも、高校生時に建築に強く興味を持ちあっさり方向転換。 某デザイン系大学を経て、インテリアデザイナーになる。その後建築士の免許を取得。 建設会社で現場監督を経験、建築塗装会社で営業を経てWebマスターになる。 2006年に独立開業、BULANCOとしてWeb制作に携わる。現在に至る。
GJ!
一瞬スパムかと思いましたよw
光栄です、ありがとうございます!