Webブラウザ関連:essaysinidleness

FirefoxにScribeFireをインストールしてみた

7月 25th, 2008

Firefox

最近、Winのブログエディタってどんな物があるんだろう。と思い、ちょっと調べてみたらFirefoxにインストールするブログエディタがあるっぽいので、インストールしてみた。

ScribeFire

う～ん。

今現在、ScribeFireで記事を書いているんですが、これ投稿したらちゃんと

タグで閉じて投稿してくれるのかな(´λヽ;)

もしも投稿してみてタグがちゃんと吐き出されなかったら使えないなぁ。

なので、テストエントリーです。

※追記：お！ちゃんとタグつけて吐き出してくれてる！

これだったら、ニュースや引用したい時などはScribeFireの方が便利かも。

flickr機能がもう少し自分好みに使えるといいんだけど(´λヽ)

また便利な使い方でも探してみようと思います。

»『FirefoxにScribeFireをインストールしてみた』の続きを読む

Firefox3の対応アドオン

6月 20th, 2008

Firefox

Firefox3で対応しているアドオンを紹介しているサイトがないか探していたら、Mozilla Re-Mixさんの所で『Firefox 3に対応している代表的アドオンリスト。』という記事があったので紹介します。

All-in-One Sidebar 0.7.6

サイドバーを強化してあれもこれもできるようになります。

強引にインストールしていた時に動作が若干おかしかったのですが、3.0対応版でスッキリしました。

あれ？All-in-one sidebarってFirefox3に対応してたんだ？

気がつかなかったorz　リサーチ不足ですね(´λヽ)

このアドオンは大変愛用していたアドオンなので非常に助かります。

さっそくインストールしておきました。

また、他の代表的なアドオンの対応状況も掲載されているので、Firefox3に移行したばかりの人は目を通しておくといいかもしれません。

また、Mozilla系の事を専門に書いているブログさんなで、Thunderbirdなどを利用している人などにもオススメのブログさんです。

さて、自分もFirefoxやThunderbird関連の記事を見させて頂きます(´λヽ)

»『Firefox3の対応アドオン』の続きを読む

Firefox3を自宅のMacにもインストールした

6月 18th, 2008

Firefox

さて、帰宅してMacを開き一番にしたのはもちろんFirefox3をインストールする事です。

さきほどのエントリーでFirebugの対応ができてないとブログに書こうと思った所、Twitterで@yusuke0927さんが最新版は対応してると教えて頂きました。

Firebug：Firefox3対応版

で、家に帰る間にアップしたのかもしれませんが、Webdeveloperが対応したようです。

Macだけに対応というのは考えにくいな。会社にいったらWinでも確認してみようと思います。

さて、自分が愛用していたアドオン達が早くFirefox3に対応して頂けるといいなぁ(´λヽ)

とりあえず、今まで使っていたWeb制作系のアドオンで使えないのはColorZillaのみですかね。

他に面白いアドオンや機能があったら紹介しようと思います。

»『Firefox3を自宅のMacにもインストールした』の続きを読む

Firefox3遂にダウンロード開始

6月 18th, 2008

Firefox

今までテスト版のダウンロードしかできなかったFirefox3ですが、遂にダウンロード開始&ギネスに挑戦イベントの開始です。

もちろん、Firefoxファンの自分としてはさっそくダウンロードしました(会社についてからですがｗ)

では、さっそくインストールしてみた感想を。

うん。早いねｗ

確かに早いわ。Firefox2でTwitterのWebページなんてみようものなら、自分の環境でけっこうな時間がかかったものですが、

Firefox3で見たらサクっとみれました。

やるな、Firefox3。あと個人的に左上の戻るボタンが気に入ってます。だって進むとか自分の中では必要の無いボタンだったのでｗ

さて、では問題のアドオンですな。

6/18 9:48現在、普通にFirefox3をインストールしてもAll-in-One Mouse Gesturesは使えません。なので、新しいマウスジェスチャー系アドオンを探そうと思います。

まずは、マウスジェスチャーないと使えたもんじゃないｗ慣れって怖いですな。

さて、そこで自分がチョイスしたのはFireGesturesというアドオン。Firefox3に対応しているマウスジェスチャー系ソフトです。

All-in-One Gesturesと少しクセが違うと思いますが(リンクの無いところで↑をやってもタブが開かない等)、概ね自然に使い始められるレベルです。一先ず、不自由が無い限りコイツを使ってみます。

そして、すべて調べたわけではないですが、基本的なアドオンの現状(6/18現在)様子を報告します。

6/18現在(今後更新する可能性有り)で使えないアドオン

All-in-One sidebar
モニタ左隅をクリックしたら開ける便利なアドオンでしたが、Firefox3にはまだ対応していないみたい。
ColorZolla
この子も、普段は使わないんだけど欲しい機能。Firefox3未対応。
Richscrollbar
これ無いの痛いなorz スクロールバーに最上部&最下部へ移動ボタンがつく優れアドオンだったのに(´λヽ)
WebDeveloper
こいつが一番厳しいかもしれない。今、なんとか使える方法を探しています。

そして動作が確認できたアドオンもリストアップしておきます。

BetterGCal
Download Statusbar
FireGestures
GoogleToolbar
Googleノートブック
GooglePreview
Greasemonkey
IE Tab
Measure It
OpenBook.
TwitterFox

こんな具合ですかね。参考になれば幸いです(´λヽ)

»『Firefox3遂にダウンロード開始』の続きを読む

FireFox Web製作者向けアドオン　紹介

6月 12th, 2008

Firefox

数あるFirefoxのアドオンの中で、Web制作に特化したアドオンと、オススメのカスタマイズを紹介したいと思います。

自分は職場でWin:Dreamweaver、自宅ではMac:Codaを使用しています。今回は会社のWindowsでの紹介となります。Macでは、後で説明するIETabが使えないので。

基本はDreamweaverでHTMLとCSSのラフを作りコーディングし、CSSの調整・編集を行います。そしてCSSの確認などは全てFirefoxで行っています。

ま、とりあえず紹介に入りたいと思います。

まずはFirefoxのヘッダー(ツールバー？)

アドレスバーの右側に【IETab】【ソースを表示】【Webdeveloper】といった感じで、ポチポチよく押すボタンが配置してあります。

中段が【Webdeveloper】のツールバー。下段がGoogleツールバーです。

因みにGoogleツールバーの右側のリンクバーには、【はてなブックマーク】と【Yahoo!辞書】のリンクが貼ってあります。

各ツールについては、後で詳しく書きます。

では、次にフッター(ステータスバー？)

左側の左から【MeasureIt】【ColorZilla】

右側の左から【TwitterFox】【IETab】【GREASEMONKEY】【GooglePreview】【Googleノートブック】【振り仮名インジェクター】【Firebug】【ダウンロードステータスバー】

といった具合が会社のFirefoxの状態です。

因みに【TwitterFox】【GREASEMONKEY】【GooglePreview】【振り仮名インジェクター】【ダウンロードステータス】等は、あまりWeb制作には関係ありません。

では、ツールを紹介します。

○WebDeveloper

無いとマジで困るFirefoxアドオンのうちの1つ、Webdeveloper。具体的に何ができるかというと、様々な情報を表示したりCSSやクッキーなどを無効にしたりなど。

自分は見落としがちなalt属性などを表示させたりしています。後はCSS無効、画像をalt属性に置換えるなどしてテキスト量なんかも見れたりします。

○Firebug

まあ、この子もメジャー中のメジャーですが、無いと厳しい愛用アドオンの一つFirebug。

JavascriptやAjaxなどの方々には最高のデバッグツールだと聞いています。

何がすごいって自分はInspect機能が最高に嬉しい。

例えばページ中段の入れ子になったdivを選択して、現在そのdivにはどんなCSSが効いていて、どんなCSSが無効になっているか分かる。また、そのプロパティをFirebugで修正できる。

もう、この機能がマジで使える。もちろん、他にもやれる事はたくさんありますが、自分は先ほどいった+ほんの少しの機能しか使っていないです。

ただ、ロゴが……なぁ……。

虫とか嫌いな人はページも見ないほうがいいと思います。自分は今でも拒否反応がたまにおこります。

○IETab ※左のリンクはFirefox2用です。

他のページでも何度か紹介しているFirefoxの一つのタブをIEエンジンに切り替えるツール。

自分はDreamweaverのデフォオルトプレビューをFirefoxにし、そこでIEでも確認。という様にしています。

○MeasureIt

これはFirefoxで表示されているページ内に、可変可能な定規を表示するツールです。

左側の画像を見てくれると分かりやすいのですが、ふとした時にWebページの幅や高さ、余白をはかりたいと思ったとき、このツールが非常に役に立ちます。

○ColorZilla

これも、MeasureItと同じで、ちょっとしたときに便利なツールです。

抽出したカラー情報は、いちいち覚えなくても、コピペできるので楽です。

とりあえず、自分がFirefoxでWeb制作時に重宝するアドオンはこれだけですかね。

もし、気になったアドオンがありましたら入れてみてください。

»『FireFox Web製作者向けアドオン　紹介』の続きを読む

IE8を試してみようかな。

6月 6th, 2008

Webブラウザ関連

もう少ししたら大掛かりなプロジェクトが終わるので、そしたら落ち着いてIE8をDL&試用してみようと思うのですが、なんとIE8はCSS2.1を完全サポートしているらしいです。

これは……あれ、目から汗が……。

「ホントかよ！」とツッコミたくなる方々もいらっしゃると思いますが、どちらかのブログ様がACIDなどを使い、検証されていました。

その結果、優秀なOperaと同レベルだったと書いてありました。

これは期待です。というか、期待を裏切らないで欲しいです。マジでｗ

で、問題のリリース時期は2008年以内じゃないかと巷で噂になてちるそうな。

じゃあIE７はなんだったんだよとツッコミたくなる方、同意です。

もうIE7なんか復旧させずに、IE8を強制的にアプグレさせるぐらいの気持ちでマイクロソフトにがんばってもらいたいです。

ul:after とか使えないの厳しいんです。

てか、それよりもCSS3、早く来てって感じです。

以前覚えたムダの無い角丸の作り方も、CSS3では角丸のプロパティがあるので、そもそも無理やり作る必要無いし。(といってもCSS3の内容をあまり知らないですが……)

そうなったらHTML5だとかXHTML2.0だとかになるんですよね。

Ah~

勉強せねば (:-Q)rz

»『IE8を試してみようかな。』の続きを読む

Firefox3のギネスに挑戦というイベントに参加

6月 5th, 2008

Webブラウザ関連

今日、何気なくネットサフしてたら面白い企画を見つけました。

24 時間最多ダウンロードソフトとしての世界記録挑戦に、あなたも参加しませんか？その方法は、とっても簡単。Firefox 3 を Download Day 期間中にダウンロードするだけです。剣を飲み込めとか、顔に 30 本スプーンを乗せてバランスを取れとか、そんな無茶なお願いはしていませんよ。

ちなみに、Firefox 3 の正式リリース日はまもなくこのサイトで発表されます。ぜひまた見に来てください！あなたも今すぐ参加登録して、一緒にギネス世界記録を目指しましょう！

MozillaがFirefox3のリリース記念に24 時間最多ダウンロードソフトとしての世界記録挑戦というイベントです。

生粋のFirefoxマニアとしましては、参加しないわけにはいきません。

でもFirefox3って、今使ってるアドオン全部動かないんだよなぁorz

もう、ごった煮みたいにアドオンインストールしてるし、実際に業務で使用してるから困るんだよなぁw

ま、家のFirefoxは3にするかな。

日本は現在3万人以下なので、参加してみましょう。

それでは。

»『Firefox3のギネスに挑戦というイベントに参加』の続きを読む

FireFoxを高速化&FireFoxを軽量化

5月 17th, 2008

Webブラウザ関連

※この記事はFirefox2を高速化、軽量化する内容です。Firefox3は、Firefox2からそのままアップグレードしたので、現在この設定が生きているのかどうか分かりません。

自分は仕事でDreamweaverCS3とFireFoxを過激に使用しています。

で、自分のデスクにあるPCのスペックはC2Dの2.2に1GBメモリ。

まあ、最新の最新PCというわけでは無いですが、普通のオフィスPCに比べたらマシなほう。(でもこのPCが来たのは最近で、その前はCeleronDの1.8とかでした。スペック厨の俺に死ねと。)

しかし、このスペックではDreamweaverCS3とFirefoxを同時にガリガリ使用するのはちょいと難しい話。

だって俺のFirefox、アドオンがシャレになってないぐらいはいってるからねw

Firefoxのプラグイン紹介ページだけじゃなくて、Web制作者向けのアドオン(これは今度紹介しますね)が相当入ってる。

それに加え、IllustratorやPhotoshopなんか起動させた日にゃぁ最悪です。メモリの消費が半端ないw

で、画像処理関連はなんとかできたとしても、DreamweaverとFirefoxの同時利用は避けられない。

なので、Firefoxの軽量化を仕事場でしました。その方法を紹介しようと思います。

まずは高速化。

user_pref(“network.http.pipelining”, true);

user_pref(“network.http.pipelining.firstrequest”, true);

user_pref(“network.http.pipelining.maxrequests”, 8);

user_pref(“network.http.max-connections”, 32);

user_pref(“network.http.max-connections-per-server”, 8);

user_pref(“network.http.max-persistent-connections-per-proxy”, 8);

user_pref(“network.http.max-persistent-connections-per-server”, 4);

user_pref(“nglayout.initialpaint.delay”, 0);

user_pref(“content.notify.backoffcount”, 5);

user_pref(“plugin.expose_full_path”, true);

user_pref(“ui.submenuDelay”, 0);

user_pref(“content.interrupt.parsing”, true);

user_pref(“content.max.tokenizing.time”, 2250000);

user_pref(“content.notify.interval”, 750000);

user_pref(“content.notify.ontimer”, true);

user_pref(“content.switch.threshold”, 750000);