Firefoxの最近のブログ記事

あ、あけましておめでとうございます!

今年も無理して頑張らないとなぁと思ったりで、そうなると今年の目標ですよね。
今年の目標は「本質」かなぁ、と。

もっと人に見てもらえるにはどういうデザインがいいのか?
もっと人を感動させるにはどういう演出がいいのか?
どういう体験なら人に触ってもらえるのか?喜んでもらえるのか?

ざっくりとですが、もっとそういうのに長けた人になりたいです。
いわゆるクリエイターってのは、そういう人ですよね。

なんか、弊社の今期(昨年の11月からね)の目標は「本質の追求」なんですけど、奇遇にも少しかぶり気味。でも、そっちのは、広告クリエイティブの本質・職務における本質・経営における本質、それらに対しての追求だそうです。そういう意味ではこの3つのうちの最初のものに該当するのかな。

そのためにはブクマアプリが必要なんじゃね?

目標とする、人に訴えかけるコンテンツの制作スキル。
その前の段階として「コンテンツの良さが判断できる目」を培う必要があると思うんですよね。
たくさん本を読まないと良い本はわからないし、多くの映画を見ないと映画の批評はできないですし。おいしいもの作れる人は、それだけおいしいものを食べているわけで。良いコンテンツを体験しなければ、良コンテンツは分からないし作れないのは当然ですよね。

んで、僕は本当に残念なクリエイターだったんですよね。
過去形で言ってますけど、要は今よりももっと残念だったってことです。
1年半ほど前まで「面倒くさい」を理由に、ウェブサイトを観るのを怠っていた時期があって。2年間くらい続いたのかな。進んで見ようとしない毎日。器が小さいから、観て悔しい気持ちになるのが嫌だったんでしょうね、小っちゃ~。ええ、ええ、プロ失格ですよね、それw
ところが、半年前に雑誌の連載の話をきっかけに、サイトを良く観るようになって。
雑誌で人にウェブサイトを紹介する以上、お金も貰ってますし適当な話はできないので、様々なウェブサイトを細かいところまでしっかりと観るようなったわけです。
遅いながらも delicious アカウント取得して(naggg's Bookmarks on Delicious)、観たサイトには感想を多めに綴ってメモメモメモ。メモを多くするのは、後で思い出す用、です。

おかげさまで、多少なりとも観察眼が向上したなぁと思う今日この頃。
実際に自分でも驚くくらいに仕事で活用できていて、制作の幅もディレクションの幅も増えてると思ったり(たぶん)。やっぱり、良いデザインや良い演出には理由があるんですよね。連載の話を下さったウェブデザ編集部の皆さんに心から感謝したいところです。
そして、その連載もようやく今月でおしまい。
だけどウェブサイトを観る習慣だけは続けていきたいなぁと。

しかしながら、いくつか問題もあって。

  • 【問題点1】ウェブサイトを見るのはやっぱり「面倒」
  • 【問題点2】delicious にメモぎっしりとブクマしたところで、文字だけでは思い出せない

ってのを正月にボーっと考えていて、
「じゃあ、ブクマするのが楽しくなればいいんじゃね?」
と思いついたところ。

良いのか悪いのか、正月は泥酔して転倒して腰を強打して動けなくなり、それをきっかけに俺俺ブクマアプリの開発がスタート。新潟の僕の実家は回線がないので、腰の痛みをこらえて最寄の漫画喫茶に出向き、こそこそっと開発。
そうして完成したのが冒頭のキャプチャ画像。アプリというよりもシステム、かもしれませんね。
簡単に言うと「delicious にブクマすると同時に、専用のキャプチャ画像も保存できて、いつでもサイトを思い出せる」というFirefoxハックです。おかげさまで、毎日 delicious 開くのが楽しいし、ウェブサイトを見るのも楽しい! Firefox4 が出たらスマートフォンでも閲覧できるし(ってスマートフォン持ってないけど)。いや~、作って良かったマジで!!
※ちなみに完全に個人用アプリで公開は不可能なんです。詳しくは後述します。

Firefox3が出たとかなんとかでギネス記録挑戦に参加して、帰宅してようやくインスコ。
対応していない拡張があるみたいで少し心配だったけど、ほとんどは生きてるご様子。
自分の使っている拡張の一覧と、少しいじった拡張の内容をメモしとこう。

× Tab Mix Plus

愛用してるタブ拡張がいきなし未対応。タブのジェスチャを細かく設定できるのが好きだったのに残念。フォーラムに開発中のものあるけど、4月のものでちょっと古いな・・・。まぁもうちょい待ったら正式版出るかな。。

○ All-in-One Sidebar

サイドバーをまとめてくれるヤツね。
設定ファイルのCSSいじって見栄えをちょっと変えたりするほどけっこう気に入ってたので、対応しててヨカター

○ Mouse Gestures Redox

なんか、最近乗り換えてた拡張。それまでは All-in-One Gestures ってのを使ってたけど気分転換で変えてみた。こっちももう Firefox3 に対応したバージョンあるみたい。微妙に納得がいかないのはどっちもどっちかな。。

○ Web Developer

これはまぁねぇ・・・。いわずもがなですよねぇ。最近はあまり使わないけど、なかったらなかったで困るなぁ・・・。いや対応しててよかったですよホントもう・・・。

○ keyconfig

キタコレ!よかったマジで対応してて。
えと、ショートカットをいじれる拡張。けっこうマイナーですかね・・・?
Web Developer の特定の関数を新たにショートカットに割り当てて使うと激しく作業効率があがったりするから超ー便利ー。

△ Firebug

あらら、Firefox3 対応の正式版はまだなんですねぇ。Firebug 1.2 βってことで現在バグFIX中だとか。
でも、コイツないといろいろ仕事になんないんだよねぇ・・・。ということで問題ナッシングに。

○ TwitterFox

まぁ、この拡張使ってるのは息抜きですからねぇ・・・。別に仕事中いっつも起動してるワケじゃないっすよ、いやいやホントマジで・・・ いやでもよかった Firefox3 に対応してて。

× FlashTracer

SWFの trace() をサイドバーに出力して、人の作ったサイトの恥ずかしいデバッグ出力の内容をこっそり楽しむというエロ楽しい拡張。どちらかといとデバッグに使う方はメインじゃないような気がする・・・。
とまぁそんなエロ楽しい拡張は、いまだ Firefox3 未対応。こっちのコメントみるかぎり、現在鋭意開発中とのこと。

○ Flash Switcher

一個前と同じ作者が作った拡張。Firefox 内の FlashPlayer のバージョンを入れ替えてくれるよママーン。なお、個人的には、これら2つの拡張作ったり、SEPY開発したり、FlashDevelopのプラグイン作ったりしてるこの Alessandro Crugnola って人はかなり尊敬するプログラマとか思ってます。
さて、この拡張で2つほど問題が。

一つ目は、Vistaで使っているとエラーが生じる件。この現象は、KYUCON*BLOG: Flash Switcherのエラーを参考にさえてもらって無事解決。かなり勉強になりました。

もう一個の困ったのは、FlashPlayer置き場のパスが変わっていたこと。以前書いたエントリ:FlashSwitcher に FlashPlayer を追加するワザ のパスだと少しダメみたい。

旧:extensions\flash_switcher@sephiroth.it\chrome\plugin
     ↓
新:extensions\flash_switcher@sephiroth.it\plugins\win

こんなカンジでOSごとにフォルダが用意されていてそこにぶちこめばOK。ぶちこめぶちこめ。
ということでアストロβふくめてこんなカンジになりました。うひょひょー!いったいいくつあんのよ。。

とまぁ、今まで何度も「Firefox の拡張を晒したいぜ」と思ってたけど今ようやく実現しましたー。

FlashPlayer のバージョンの切り替えをブラウザ上で行う Flash 野郎ご用達の Firefox 拡張、FlashSwitcher
特に、AS3の開発だと FlashPlayer9 のマイナーバージョンの違いで挙動が違ったり、できることに制約があったりするので、つねに最新版を切り替えられるようにしたいもんです。
この拡張インストールするとその時点でいくつかのバージョンの FlashPlayer が選べるんだけど、このリストに新規に Player を追加するときにいっつもやり方を忘れるのでメモメモ。

ちなみにボクの場合こんなに選べるようにしてますw




あ、あの、あくまでも個人メモなので自己責任でやってください。

そうそう今日 2/13 はIE7の自動アップデートの日。

なにはともあれ、タブブラウザが浸透していくかもしれないことは嬉しいですね。
で、タブブラウザなんだから「もっとみんな中クリック使っていこうぜっ!」と本気で叫びたいというエントリー。


ボクの会社はいわゆるウェブ制作会社なので、"パソコンに詳しい人" という位置づけで周囲から認知されている人ばかりなんだろうけど、それでも、"中クリック" を知らない人が社内に多くて。社内に Firefox 使いが多いのにもかかわらずですよ。今となってはだいぶ叫ぶ続けてきたので、社内デファクトスタンダートとなりつつあるようですけど、ここでもうひとプッシュしとこうっと。

えと、"中クリック" というのは、マウスのホイールをくるくるさせずにクリックする行為で、ストⅡ的な弱・中・強といったものとは決して違います。あ、他には "ミドルクリック" とか "ホイールクリック" とか呼ばれることもありますね。

で、IE7とかFirefoxとかSafariとかOperaとかそういうタブブラウザで、リンクを中クリックすると・・・

さっきのエントリよりも、こっちの方がFirefox2の致命的な問題。。
Firefox2で再生しているSWFから外部データを読み込もうとすると失敗するってヤツ。あ、主にローカル環境で、サーバーにアップしたら問題ナッシング。

現象を簡単にまとめると、Firefox2でHTMLごしにMovieClipLoaderクラス使って外部SWFの読込をテストしたところ、

(1) ローカル環境など、日本語パスが含まれているデータは読込不可
(2) 日本語パスが含まれていなければ読込可能(Cドライブ直下など)
(3) 同じデータをサーバーにアップすれば問題なし
(4) 上記(1)~(3)をIE6で行うとすべて問題なく読込できる
(5) Firefox1.5ならもちろん問題ない

という結果に。

つまり、Firefox2でHTMLごしにFlashの検証するときは、パスに日本語使うなってことで、それさえしなければOKのよう。

これ、何が致命的に問題かとういうと、「日本語のファイル名を使うな」ではなくて「日本語が含まれるパスで検証はできない」ということ。
SWFが相対パスで読込む外部データが日本語をまったく含まないファイル名だとしても、その上位フォルダに日本語が含まれると一切読み込めなくなる。むむむ・・・。
ということは、"デスクトップ"は日本語でダメなのでデスクトップで検証できないし、ユーザー名に日本語をつけている場合は、データは基本的に "日本語ユーザー名" フォルダの下位に配置されるので MyDocuments フォルダはすべて死ぬことに・・・。
Firefox2ではなくて、IEで検証すればよいだけなんだけど、日ごろFirefoxばっかり使っているからそれはちょっと・・・。

さらに検証を進めてみたんだけど、Firefox2では読込先のファイル名の日本語が化けて認識されるみたい。 相対的なファイルパスをダイナミックテキストフィールドに表示すると化け化け。
詳しいことはわからないけど、たぶんWindowsのファイルシステムの文字コード Shift-JIS と、Flash内部の文字コードUTFまわりが原因なんじゃないかと。
あ、外部データを相対パスではなくて、絶対パスにして行うとFirefox2でも問題なく読込が行われるという!!
var a_mcl = new MovieClipLoader();
a_mcl.loadClip("data.swf"); // 相対パスのため読込エラー
a_mcl.loadClip("file:///C|/Documents and Settings/(ユーザー名)/デスクトップ/data.swf"); // 絶対パスなら読込可能!

なんかパッチみたいなものをASのクラスで作ってみようかな・・・。ExternalInterfaceとか使ってJavaScriptからWindow.locationとか使ってみたらいけそうかも。でも時間ないなー。理ー無ー。

そう言えば豆知識として、この現象は一般にOpera9やFlash8から書き出したプロジェクタ形式でも再現性アリ。IEだけが特殊なんかな・・・。
Firefox2をインストールしたんだけど、しょっちゅう落ちてて。 しかも復帰がダルいっ! タスクマネージャーからアプリを落としても、なんかプロセスとしては生きていて、そのためFirefox2の再起動ができなくなったり。Firefox2を生き返らせるにはプロセスを強引に停止しないといけない・・・。 で、非常にまいってて、いろいろGoogle先生にあれこれ聞いてみたら、mozillaZine 日本語版フォーラム FireFox2で頻繁にフリーズというのが該当して、
ためしにGoogleToolBarをはずしてみたらそれ以来フリーズしてません。 MozillaとGoogleっていつから仲悪くなったのでしょうね。。。
という投稿が! 試しに、GoogleToolbarを無効にしたら無事復活!! う~ん、素敵。 Firefox2に問題があるのかGoogleToolbarに問題があるのかわからんし、他の拡張の設定に影響かもしれないけど、なんとか復活できてよかった・・・。 ちなみにFirefox2のアイコンは少し気に食わないなぁ。前の方がよかった・・・。 もう一個問題あるし。

ついでにFirefoxまわりでもう一個エントリ。

ボクのブラウザは言うまでもなくFirefoxなんだけど、どこが魅力といえばまぁたくさんあって、その中の一つにIEにくらべて検索がやりやすいってのが。
毎日手打ちベースでコードを記述してはトラブりその度にグーグル先生のお世話になる職種なんで、検索しやすいって理由だけでIEを見限るには充分すぎるって思う。

んで、Firefoxにはもともとデフォルトで検索窓が付いていて、これをショートカット繋げて高速化するととっても素敵に。個人的に気に入っているので紹介。ま、高速化っつっても検索実行するまでのアナタを高速するだけで、決してグーグル検索が早くなるワケじゃないのでそこんとこヨロシク。

1. [ Ctrl + K ] 検索バーにフォーカスを移す
→ 2. [ Ctrl + ↑ or ↓ ] 検索エンジンを選択する
→ 3. 検索キーワードを入力
→ 4. [ Enter ] で検索実行、さらに [ Alt + Enter ] だと別タブで検索実行

2番目のショートカット操作と4番の別タブ指定が個人的には熱い~アチチアチチ。
[ Ctrl + ↑ or ↓ ] が使いたいだけで検索したい衝動に駆られる毎日っす!

ここ数ヶ月くらいFirefoxの拡張を新しく増やすことなんてなくて、ずーと一定だったんだけど、いろいろあって増やしてみたよ。しかもイッキに3つほど。

del.ici.ous
ホント今さらながらだけどインストール。del.ici.ousやっちゃうととっても便利ってきいていたけど、今までスルーしてきてて。これを機に使うようになるといいのだけれど・・・

Firebug
JavaScriptのデバッガで使えるという話を聞いてインストール。まだ使ってないからようわからんけど。なんか、付属JavaScriptコンソーラーと比べて、Ajaxまわりで使えるらしいです。う~ん、個人的にAjaxよりもFlashでRIAなタイプなので、正直「使うか?」と思っちゃったり・・・、いやでも使うよきっといつか・・・

SEO(Search Engine Ordering)
検索バーの順番を変えてくれる拡張。前から自前でやっていたんだけど、検索エンジンを追加するたんびに設定ファイルいじるのめんどくさくて入れてみた。ただ一点、名前がややこしいカンジでいっつもビビり気味。


結局どれもちょっと微妙。。。
これで拡張は全部で10コになったんだけど、ちょっと多いかなぁ?
前はもっとあった時期があって、少し重たくなったから色々消したことがあって。FoxyTuneとか。
あ、他の拡張は、
・Web Developer 1.0.2
・All-In-One Gestures 0.17.4
・Tab Mix Plus
・Keyconfig
・Google Toolbar
・Sage
・Screen Grab!
こうみるとけっこう機能重視っすね>自分。

前のエントリーで今年の目標の一つに「情報を発信していくこと」というのを挙げてみた。まぁ、その関連というか、逆に情報をどうやって収集してんの?ってゆう話があるワケだけど、検索とかポータルサイトの他にRSSリーダーを使ってアンテナ張ってるつもりで。もちろん、Firefoxの拡張 Sage を利用。これ、便利。もっと早く知っていれば。

ということでSageまわりの事情を晒してみる。

Sageに登録しているサイトは、95%くらい同業種の方々のブログ。
Web作ってる人のとか、プログラマな方のブログとか、あとクリエイター系のポータルのとか。
今日数えてみたら、だいたい75くらい。いちおう去年の目標は登録数100だったんですけど、なかなかどうして。

んで、個人的にSageを使っていて激しく気に入っている点が、
Ctrl+B(お気に入り) → Ctrl+Shift+B(Sage)
というショートカットでのサイドバーの切替。
なんかもうサイドバーの切替がしたいがために使うようになってる現状がたまらんー。

あ、ちなみにショートカット変更はこれまた拡張の Keyconfig を使用。
WebDeveloper でよく使う機能とか、DOMインスペクタとか使ってメソッド調べて登録するととても効率的に開発できるかなとか思うんで、ぜひぜひ。