IE に textContent は使えない

さっき、Firefox に innerText は使えないから textContent を使いませう、と書いたばかりなのに、今度は textContent が IE で使えないと言う。

ここで 2 つの選択肢が浮上。

1. ブラウザー判定をして、textContent と innerText を使い分ける
2. innerHTML を使う

今回、問題になっているコードでは innerHTML で十分。機能過多な気もするけれど間違いがない。一方、ブラウザー判定を入れると他のバグが混入しそう。バグが出るよりもシンプルなコードで。KISS!

(旧) a.textContent = post_title.textContent;
(新) a.innerHTML = post_title.innerHTML;

蛇足

メモ代全りに

• innerText は IE が独自導入したプロパティ。W3C 非公認。Firefox 以外のブラウザーがサポート。
• textContent は W3C が標準化したプロパティ。IE が非サポート。
• innerHTML は W3C が標準化したプロパティ。全てのブラウザーがサポート。innerText/textContent がテキストだけを返すのに対して、innerHTML は HTML 要素もそのまま返す。

ref

• クリボウのプログラミングひとりごと: Firefox の JavaScript で innerText が取得できない件
• Firefoxで、innerTextが使えない(Javascript) | 主にWeb技術ネタ ブログ
• DOM の textContent と innerText について - フリーフォーム フリークアウト

Firefox に innerText は使えない

JavaScript でプログラムを書いたら、Firefox で動かないとバグ・レポートが入った。innerText が問題という。調べてみると、Firefox で innerText が使えないのは割と有名な話らしい。

• Firefoxではタグに値を入れるときはinnerTextではなくtextContentを使う at HouseTect, JavaScriptな情報をあなたに

このブログの記事の通り、innerText を textContent に置き換えたら問題なく動くようになった。

問題のソースコードは下記:

• ataka/blogger-toc - GitHub
• see also. clmemo@aka: Blogger 用「目次」ウィジェットを作った

(旧) a.innerText = post_title.innerText;
(新) a.textContent = post_title.textContent;

あとがき

こういうバグ・レポートをもらえたのも、ソース・コードを公開していたからだと思う。今回は丁寧にも innerText が問題ではないか? と原因の考察付きだった。そこまで分かれば解決策を見つけのは易い。

仮に原因が見つからないにしても、「Firefox で動かない」だけでもバグ・レポートをもらえると助かる。こちらは全てのブラウザーでチェックしているわけではないので。

ともかく、これで「目次」ウィジェットは Firefox でも動くようになった。バグ・レポートに感謝。

Blogger がモダン・ブラウザー対応を強力に進める

Blogger は古いブラウザーを積極的に切るという。2011-08-01 からはモダン・ブラウザーで見ることが前提になるという (古いブラウザーでも一応は読めると思うけど)。目的は HTML5 の普及かな。

• Blogger Buzz: Update on Browser Support

サポートから外れるブラウザーは以下の通り:

• Firefox 3.5
• Internet Explorer 7
• Safari 3

これより古いブラウザーを使っている人は、アップデートの用意を!

Firefox 4 の MathML 対応が素晴らしいことになってる

数式を HTML の中で使う試みとして MathML が挙げられる。MathML は XML アプリケーションの一つで、数学記号を含めて高度な数式表現を可能にする。数式エディターで描いた数式を画像化して貼り付けたりしなくて良くなるわけ。

期待度の高い MathML だけれども、ブラウザー側の対応が進んでいない。

その中にあって、Firefox 4 が一歩先じている。どれ位い数式が描けるのかを誇示するために、ウェブ・ページを作っているので覗いてみて欲しい。

• MathML in Action

Firefox 4.0.1 で上記ウェブページを開いた時のスクリーン・ショットをお見せする。

LaTeX には及ばないけれども、非常に高度な数式が描けているのが見て取れる。

一方、Google Chrome の開発版 (14.0.794.0 dev) でこのページを見るとどうなるか。

見事に壊滅的。MathML の「マ」の字もサポートしていない (;_;)。

他のウェブ・ブラウザー (IE, Safira, Opera) は試していないので、もし興味を持たれたら比べてみるのも一興かと。

あとがき

ぼくは TeX からプログラムの世界に入った様な人間なので、数式を美しく表現できるだけで嬉しくなってしまう。正直、MathML なんて数式表現がちょこっと上品になっただけだと侮っていた。今回、Firefox の完成度を見るに、認識を改めないといけないと痛感した。

Firefox に続いて、Webkit, Opera が一日も早く MathML 対応してくれることを望む。IE は... ごめん。期待していない。

Ubuntu 10.04 にとりあえず Firefox 4.0 を入れてみた

Firefox 4.0 がリリースされたので、自分の Ubuntu 10.04 に入れてみた。インストール・メモをちょこちょこと。

自分用インストール

Firefox のホームページから Linux i686 版 バージョン 4.0 をダウンロード。ファイル名は firefox-4.0.tar.bz2。展開すると firefox というディレクトリーができるので、ProfileManager を起動させる。

$ cd ~
$ tar xj ~/download/firefox-4.0.tar.bz2
$ ./firefox/firefox -ProfileManager

Profile Manager で「新規プロファイル」を作成。今回、ぼくは「fx4」というプロファイル名にした。プロファイルを作ったら「終了」。続けて、「fx4」プロファイルで firefox を起動する shell script を書く。ディレクトリー ~/bin が存在しかつ PATH が通っているという前提で、次のコマンドを実行。

$ cat > ~/bin/firefox <<END
#!/bin/bash

exec "\$HOME/firefox/firefox" -P fx4 "\$@"
END
$ chmod 755 ~/bin/firefox

これで firefox コマンドで Firefox 4.0 が起動する。

ref

• FirefoxNewVersion/MozillaBuilds - Community Ubuntu Documentation

パッケージ・システムを使って、システム・インストールしたい場合は次のウェブページを参照のこと。

• FirefoxNewVersion - Community Ubuntu Documentation

Ubuntu Linux 9.04 に Firefox 3.5 をインストールする

Ubuntu Linux 用に Firefox 3.5 のパッケージが用意された。パッケージを使えば、過去記事にあったやうに、Firefox がバージョン・アップするごとに最新の tar ball をインストールする必要がなくなる。

• clmemo@aka: Firefox 3.5 for Ubuntu Linux をインストールする

Firefox 3.5 のインストール

Ubuntu Linux 9.04 用のパッケージ・リポジトリーを登録し、GPG キーを追加して、パッケージ・インストールを行なう:

$ sudo chmod o+w /etc/apt/sources.list
$ echo 'deb http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main' >> /etc/apt/sources.list
$ echo 'deb-src http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main' >> /etc/apt/sources.list
$ sudo chmod o-w /etc/apt/sources.list
$ sudo apt-key adv -keyserver keyserver.ubuntu.com -recv-keys 247510BE
$ sudo apt-get update
$ sudo apt-get install firefox-3.5

これで、Firefox がアップデートされても Linux のパッケージ・アップデート機能で自動的にアップデートされる。

Firefox 3.5 の起動は次の通り。

$ firefox-3.5

コマンド「firefox」では firefox-3.0 が起動する。firefox は firefox-3.0 へのシンボリック・リンクになっているので、firefox-3.5 に変えておくといい。

$ cd /usr/bin
$ ls -l /usr/bin/firefox
lrwxrwxrwx 1 root root 1 2009-09-05 23:34 /usr/bin/firefox -> firefox-3.0*
$ sudo rm firefox
$ sudo ln -s firefox-3.5 firefox

firefox を起動して、バージョンを確認してみやう。2009-09-06 時点では 3.5.2 と表示される。

これでおしまい。

ref

• How to Download & Install Firefox 3.5 On Ubuntu 9.04 Linux

Firefox 3.5 for Ubuntu Linux をインストールする

2009-07-01 0 時に Firefox 3.5 が (遂に) リリースされた。

Windows 版と Mac 版は簡単にアップデートできるけど、Linux 版はアップデート方法が分かりづらかったので、メモっておく。

ダウンロード

公式ページにアクセスして、最新の Firefox をダウンロードする。

• 次世代ブラウザ Firefox | 高速・安全・カスタマイズ自在な無料ブラウザ

インストール

firefox コマンドを実行すると、アップデートが実行される。管理者権限でやると良いのだと思う。 システム・アップデートされるわけではなさそう。下のコマンドは単に firefox を起動するだけ?

$ tar xjvf ~/download/firefox-3.5.tar.bz2
$ cd firefox
$ ./firefox

アップデートすると、古い Firefox は 3.5 に上書きされる。

ref

• How to Download & Install Firefox 3.5 On Ubuntu 9.04 Linux

Google Analytics が Google Chrome を認識 -- 自サイトの統計を取ってみた

Google Analytics がブラウザー・タイプとして Google Chrome を認識するやうになった。

• Google Analytics Blog: "Chrome" now showing as browser type

Google Chrome のリリースが 2008-09-03 で、上記エントリーが 2008-09-04。ほとんど間を合けずサポートした感じ。

さて、このニュースを受けて各ブログがブラウザー・シェアを報告している。お目当ては Google Chrome がどれ程のシェアを取ったか? といふところ。

各サイトのブラウザー・シェア

まずは TechCrunch。

Clickyが引き続き追跡しているChromeの利用状況は、対象の4万5000サイトで2～3%の範囲にある。TechCrunch読者のChrome利用率はずっと高い。火曜日以来6.23%で、これはTechCrunch読者のブラウザーの中で、Firefox、IE、Safariに続く第4位だ。

TechCrunch Japanese アーカイブ » Google AnalyticsがChromeを追跡開始。当サイトでのシェアは6.23% より引用

続いて Polar Bear Blog さん。

Chrome は6.45%で、Safari に次いで第4位。TechCrunch と同じような結果になっています。

中略

最もシェアを落としたのは IE。少なくとも Polar Bear Blog では、Chrome は IE からシェアを奪っている、という結果になっています。

POLAR BEAR BLOG: Chrome、シェアを IE から奪う（このブログに限り） より引用

もう一つ。Going My Way さん。

日本時間で、 9/3 から利用できましたので、それ以降現在までの状況です。
Internet Explorer → 41.08%
Firefox → 37.93%
Google Chrome → 9.25%
Safari → 8.23%
Opera → 2.5%

Going My Way: Google Chrome が出てからのブラウザーの利用状況内訳 より引用

clmemo@aka のブラウザー・シェア

まずは2006-12 の調査結果。1 位 Firefox (49.48%)、2 位 IE (38.47%)、3 位 Opera (4.97%)、4 位 Safari (3.77%)。

続いて、Google Chrome リリース前の金曜日。2008-08-29 のデータ。

1 位 IE (43.16%)、2 位 Firefox (42.28%)、3 位 Safari (10.63%)、4 位 Opera (1.77%)。シェアの一位と二位に差はほとんどない。2006-12 のデータと比べると、何気に IE のシェアが増えて、Firefox のシェアが減った。このブログから技術的な話題が減ったことを暗に指しているのかしらん ^^;。Safari のシェアは倍以上に躍進。MacBook を買って Apple ネタが増えたことと無関係ではないでせう。Opera の落ち込みはひどい。

最後に、Google Chrome リリース後のデータ。データ収録日は 2008-09-05。上のデータの一週間後。曜日によるデータのばらつきは最小限になってるはず。

1 位 Firefox (42.44%)、2 位 IE (39.15%)、3 位 Chrome (8.91%)、4 位 Safari (5.33%)、5 位 Opera (2.71%)。Chrome は 9% 弱のシェアを占めて 3 位。シェアを奪われたのは IE と Safari だった。Firefox のシェアは変わらず。

あとがき

IE のシェアを Chrome が奪ったのは、他のブログさんのレポートと同じ。てっきり Firefox のシェアが落ちるものと思っていたので、意外。

忘れてなければ、一か月後と Linux/Mac 版 Chrome が出た後にもブラウザー・シェアを調べてみたい。

Firefox のタブはマウス・ホイールでスクロールできる

Firefox でタブを開き過ぎると、タブが一画面に納まり切らなくなる。納まらないタブは、左右に隠される。

隠れたタブを表示させるには、タブ列の上でマウス・ホイールをくるくる回す。すると、隠れてたタブがスルスルとスクロールして現れる。

この他に

• タブ列の両端にある三角矢印をクリックする
• タブ列右端のプルダウン・メニューを使う

という方法もある。どちらもマウスを大きく動かさないといけないので、使い勝手は悪い。

あとがき

マウス・ホイールを使うやり方は、今日気付いた ^^;

Google Chrome にあって Firefox にないもの (もしくは Firefox にあって Chrome にないもの)

Google のオープンソース・ウェブブラウザー Google Chrome がリリースされた。バージョンは 0.2.14927。Apple WebKit をベースにしている。ダウンロードはこちらから。

• http://www.google.com/chrome

リリースのエントリーはこちら。

• Official Google Blog: Google Chrome now live
• Official Google Mac Blog: Platforms and Priorities

新機能の解説はこちら。

• Google Chrome

ぼくは Firefox 使いなので、Firefox との比較で Google Chrome の新機能を書いて行きませう。

Google Chrome にあって、Firefox にないもの

1. スピード・ダイヤル機能。。。新しいタブを開くと、よく使うページがサムネイル表示される。Opera の機能とそっくり。違いは、Opera はサムネイルで表示するページをユーザーが指定するけど、Google Chrome はブラウザーが自動的に設定してくれるところ。
2. Gears。。。Google の Gears がデフォールト・インストール
3. ショートカット作成機能。。。Gears の機能の一つ。ウェブ・ページへのショートカット・リンクを Windows のデスクトップ上に (ショートカット・アイコンとして) 作成できる。ウェブ・ブラウザーを開いてブックマークをクリック、といふ 2 手間が 1 つになって便利。Firefox でも同じような事が出来るとのコメントを頂きました [thanks]。Firefox と Chrome を比べると、デスクトップ・アイコンにサイトの Favicon が使われる。「デスクトップ」だけでなく「スタート・メニュー」や「クイック起動バー」への追加も同時に行なえる。という二点でしょうか。
4. シークレット・モード。。。履歴や検索履歴を残さないモード。ブラウザーを閉じると Cookie も削除される。ブックマークとダウンロードしたファイルは残る。秘密 (?) の調査をする時にどうぞ。
5. タブの新機能。。。タブをブラウザーの外にドラッグすると新ウィンドウ。ウィンドウ間でタブの移動も可能。「このページから開いたすべてのタブを閉じる」機能。

Firefox にあって Google Chrome にないもの

1. MacOS X 版。。。ない。現在、開発中。ただし、自作は可能?公開されているソースでは、一部モジュールのコンパイルまでしか出来ない。自作はまだ無理
2. Linux 版。。。ない。現在、開発中。ただし、自作は可能?同上
3. メニュー・バー。。。メニュー・バーに入ってたものは、アドレス・バー右隣の「ファイル」アイコンに集約された。アイコンをクリックすると、ドロップダウンでメニューに入ってたものが表示される。なお、「ツール」「オプション」系のメニュー項目は、「ファイル」アイコン隣の「スパナ」アイコンに集約されている。
4. 検索ボックス。。。アドレス・バーが検索ボックスの代わりになる。「検索結果を別のタブで開く」といふ設定はない (のかな?)。
5. 拡張機能 (Addons)。。。ない。つまり、Greasemonkey も動かない。Google Toolbar も、Make Link も、FontinizeTab も。けっこう痛い。

あとがき

Google Chrome は、ページの読み込みや JavaScript の処理が Firefox 3.0 より早く感じる。見た目や使い勝手も、Google らしいシンプルさが前面に出ていて気もちいい。細かな所に手が届いている。開発用の ウェブ・インスペクターはかなりの高機能。

バージョン 0.2 としては、十分な出来ではないかと思う。

ただ、愛用の Addons が使えなくなるのは厳しい。ぼくは Greasemonkey なしでは生きられないし、FaviconizeTab なしのタブ地獄には住みたくない。Google Toolbar が提供する Google Bookmark との連携や簡易英和辞書機能もないと嫌だし、カスタム・ボタンで検索エンジンも複数使い分けたい。

しばらく、Google Chrome と Firefox は両刀使いでやっていこうかと思ふ。

Ctrl + F5 で強制リロード

ウェブ・ブラウザーの更新 (リロード) には、二種類あるというお話。

一つはリロード・ボタン、もしくは F5 キー。これは普通にページの「更新」が行なわれる。

もう一つは Ctrl キーを押しながら更新する方法。つまり

• Ctrl キーを押しながらリロード・ボタンを押す
• Ctrl + F5

こちらは、強制的な更新になる。つまり、ブラウザーはページが最新のものでも (タイム・スタンプが同じでも) 更新を行なう。言い換えると、キャッシュを無視してページの更新を行なう。

ウェブ・ページを見ていて、キャッシュが悪さをしているんじゃないか? なんて話を聞くでせう。そんな時、わざわざウェブ・ブラウザーのキャッシュを空にする必要はなくて、「Ctrl + F5」とすればいい。

あとがき

当ブログを IE で見ると、文字化けを起こすことがある。そんな時も、この Ctrl + F5 を試してみて欲しい。

実を言うと、文字化けした clmemo@aka を「Ctrl + リロード・ボタン」している人がいて、この方法を知った。

ぼくが使ってる Firefox Extentions (Firefox 3 版)

ぼくが Firefox 3 に入れてるアドオン (Extentions) をリスト・アップしてみる。これは、2006/05 に書いた記事の続き。

• clmemo@aka: ぼくの使ってる firefox extentions (2006/05)

Google Toolbar for firefox

• Google Toolbar for Firefox

ご存じ、Google Toolbar。Google の各種検索 (画像検索・ローカル検索・サイト内検索 etc.)、簡易英和機能、Google Bookmark への簡易アクセス。これがないと、もうやってけない。

Firefox 3 への対応は遅れていたけれど、2008-06-15 前後に対応版がリリースされた。

• Asa Dotzler: Firefox and more: google toolbar for firefox 3
• via. SEVEN DEGREES: Finally...

設定については、過去記事もどうぞ。

• clmemo@aka: ぼくの Google Toolbar for firefox の設定
• clmemo@aka: Google Toolbar を移動させたい

Greasemonkey

• Greasemonkey :: Firefox Add-ons
• ref. Greasespot

ブラウザー側でサイトを JavaScript で編集するアドオン。ここで言う JavaScript は Greasemonkey Script と呼ばれユーザーが Gseasemonkey 環境に追加インストールする。Greasemonkey Script はUserscripts.org で入手可能。

6 月に Firefox 3 に対応した、Greasemonkey Version 8.0 がリリースされた。

• ref. clmemo@aka: Greasemonkey
• ref. clmemo@aka: Greasemonkey スクリプティング TIPS & SAMPLES

FaviconizeTab

• FaviconizeTab :: Firefox Add-ons
• 特定のタブの幅を縮めるFirefox用拡張機能 * FaviconizeTab

Firefox のタブを小さくしてくれるアドオン。名前の由来は、小さくしたタブには favicon しか残らないところから。

ぼくはタブを沢山開くので、すぐゴチャゴチャしてしまう。Faviconize を使ってスッキリなタブを見てからは、もう元には戻れない。

• ref. clmemo@aka: Firefox の特定のタブを favicon 表示だけにする FaviconizeTab 拡張

MakeLink

• Make Link :: Firefox Add-ons
• Soylent Red | Make Link

コピーしたテキストを自動編集するアドオン。CopyURL+ と同じ。違いは 2 つ。

1. Firefox 2.0+ に対応している
2. 自動編集機能の追加・編集・削除がアドオンの設定からできる (CopyURL+ は user.js を編集する必要があった)

公式ページの最新バージョンは、Makelink 3.0.2 だけれども、ぼくが入れてるのは 8.06。公式ページの情報が古い気がする。

clmemo@aka は Makelink についてスルーだったので、後日エントリーにしやう。

• ref. MakeLinkは、copyurlplusよりさらに素晴らしい (CLUB.AKITOMO.NET)

Gears

• Gears

旧称 Google Gears。ウェブ・ブラウザーにオフライン接続機能を提供するアドオン。Gears のオフライン機能に対応したページは、まだ少ない。ぼくの知る限り、Google Reader, Remember the Milk そして Google Docs の三つ。どれも「使える」ウェブ・サービスなので、Gears をインストールする意味はある。

• clmemo@aka: Google Gears リリース: Google Reader がオフラインで記事を読めるようになった
• clmemo@aka: Remember the Milk も Google Gears をサポート

最近はデスクトップ PC の Firefox にも Gears をインストールするやうになった。デスクトップ PC はオフラインにならないのに? と疑問を持たれると思ふ。実は、デスクトップにアイコンを作る機能が「Gears」に追加されてる。例へば、Remember the Milk のアイコンをダブル・クリックすると、いきなり firefox が起動して Remember the Milk のサイトを開く。

この他にも、Gears は色々と進化のきざしを見せている。現在、ぼくの最注目アドオン。

diigo Toolbar

• Diigo Toolbar | Diigo

最近は、Diigo といふソーシャル・ブックマークがお気に入り。気になるテキストをハイライトする機能が便利。教科書に蛍光ペンを走らせる感覚が、ウェブ・ページでも出来る。

ちゃんとしたレビュー・エントリーは、まだ一本も書いてない。diigo は機能が多すぎて、使いこなせない。でも一番魅力的なサービス。

• ref. clmemo@aka: diigo

Google Notebook

• Google Notebook

Google Notebook を使おうとすると外せない。diigo と半々で使ってる。

• ref. clmemo@aka: Google Notebook お目見え
• ref. clmemo@aka: Google Notebook でお出かけメモを取る

Firebug

• Firebug :: Firefox Add-ons

ウェブ開発者用アドオン。JavaScript, CSS のデバッグができる。

あとがき

「Emacs は環境である」とか「カスタマイズしない Emacs は使いものにならない」なんて昔は言っていた (もちろん、今でも言っているけど)。最近は、Firefox も同じやうに言える。「Firefox は (ウェブ・ブラウザーを越えた) 環境」のやうな存在で、「カスタマイズしない Firefox は使いものにならない」。アドオンは、本当に楽しい。

Firefox3 リリース

今日 (2008-06-18)、ウェブ・ブラウザー Firefox の最新バージョン 3.0 がリリースされた。Windows / Mac / Linux 版 (日本語版) を下記ページからダウンロードできる。

• 次世代ブラウザ Firefox

新機能

Firefox の新機能は、次のページで詳しく解説されてる。

• 次世代ブラウザ Firefox - 機能概要: より速く、より安全に、カスタマイズ自由に

読む時間がない人のために、ポイントだけ。

• パフォーマンスの向上: JavaScript のスピード・アップ、メモリー・リークの低減
• ブックマーク機能の向上: ロケーション・バー右端のスターをクリックすると、ブックマーク登録。もう一度スターをクリックすると、ブックマーク名の編集とタグ付けができる
• スマート・ブックマーク: 「表示した回数の多いページ」「最近ブックマークしたページ」へのリンク集が自動で作られる
• スマート・ロケーション・バー: ロケーション・バーからブックマーク (右端にスター) と履歴を検索できる
• ダウンロードの再接続機能: ダウンロード中に OS や Firefox がクラッシュしてもダウンロードを再開できる
• セッション復元: Firefox を閉じる時、開いているページの情報を覚えておける。

Firefox3 Portable も出てる

いきなり Firefox3 にアップグレードするのは怖いといふ方は、Firefox Portable をどうぞ。

• Mozilla Firefox, Portable Edition | PortableApps.com - Portable software for USB drives

これは、USB メモリーにインストールするタイプの Firefox。Firefox2 の設定を上書きすることがないので、安心して Firefox3 を試すことができる。

Firefox Portable のメリットについては、過去記事も参照されたし。

• clmemo@aka: Portable Firefox は使える

Firefox 3.0 明日リリース (のはず)

Firefox 3.0 が 2008-06-18 早朝にリリースされるって話を聞いた。

Mozilla Foundationは6月11日、オープンソースのWebブラウザ「Mozilla Firefox 3」の正式版の提供を米国時間の6月17日に開始すると発表した。日本時間では6月18日早朝にダウンロードが可能になる見通し。

Firefox 3のダウンロード開始へ、日本は6月18日早朝 − ＠IT より引用

何時、ダウンロード開始になるのかな。楽しみ楽しみ。

• 次世代ブラウザ Firefox - 高速・安全・自由にカスタマイズ

一日間違えて、今日ダウンロード開始だと思っていたのは秘密ダ!

CSS で画像回転

CSS で画像を回転できないものかと調べてみた。で、CSS3 の規格でこんなの発見。

• CSS basic box model - Rotating boxes

ブロック要素を回転させる。

rotation

角度を指定。デフォールト値は 0。

rotation-point

回転軸をどこにするか指定する。デフォールト値は 50% 50%、つまりブロックの中心。

こんな風に使うらしい。

h1 {
  rotation: 45deg;
  rotation-point: bottom left;
}

こりゃいいものを見つけた。というわけで、早速 firefox 3 で試してみた。

何も起きない。

どうやら規格が新しすぎて、対応していないっぽい (Safari, Opera はどうかなぁ?)。画像回転を CSS で行なうには、もう少し待たないといけないみたい。

Firefox の略称は Fx。(FF ではない)

ウェブ・ブラウザー Firefox は、Fire Fox と分けて書いたりしない。また、FireFox とも書かない。「Firefox」と書く。これが正式な書き方。

それは知っていたんだけど、略称の方は知らなかった。

IM でのぼくの発言「FF3 RC2 が出ました」に、「FF は Firefox?」と返って来た。肯定すると、wikipedia のリンクが飛んできた。

Firefox は FireFox, FireFOX, FIREFOX, Fire fox, Fire Fox などと表記されることが多いが、これらはすべて誤表記である。正式には最初の文字だけが大文字であり、分かち書きもしない。また FF と略記されることも多いが、こちらも誤りである。 Fx あるいは fx が好ましい略称とされている。

Mozilla Firefox - Wikipedia より引用

Firefox の FAQ にも書いてあった。

Firefox のスペルは F-i-r-e-f-o-x です。最初の文字だけが大文字になります (例えば、FireFox や FireFOX、FIRE FOX など、多くの人がそうだと思い込んでいるものはすべて間違いです)。好ましい短縮形は「Fx」か「fx」です。

Firefox Help: Firefox FAQ より引用

Firefox 好きをバージョン 1.0 が出る前からやっている身としては、情けない限り。かうしてエントリーにしたからは、もう間違えないぞっ。

Mac で Picasa Web Albums のアルバムをダウンロードする方法

Google Operating System より、firefox のアドオンを使って、Picasa Web Albums のアルバムをダウンロードする方法。先に書いておくけど、この方法は Firefox さえ使えれば OS を選ばない。Windows や Linux でも OK。タイトルに「Mac」の名前を入れたのは、現状、「Mac」だけが Picasa Web Albums のアルバムをダウンロード出来ないから。

• Download Picasa Web Albums Without Installing Picasa

準備

まず、firefox のアドオンと Greasemonkey スクリプトを一つずつインストールする。

• DownThemAll!
• Picasaweb Download Links – Userscripts.org

インストールしたら、firefox を再起動。

ダウンロード

手順は以下の通り。ちょっと煩雑だけど、頑張って!

1. Picasa Web Albums で、ダウンロードしたいアルバムを開く
2. アルバムの上の方にある「Init Download Links」ボタンをクリック
3. 右クリックでコンテキスト・メニューを開き、「DownThemAll」をクリック
4. ダウンロード画面がポップアップするので、ダウンロード先を入力
5. 「Additional filters」をクリックして、テキスト・ボックスに「imgdl=1」と入力
   
6. 「Start!」ボタンを押す

これでお終い。画像がダウンロードされるのを、お茶でも片手に待ちませう。

最後に「imgdl=1」の解説を一つ。DownThemAll! を実行すると、アルバム・ページにある全ての画像がダウンロード対定にされてしまう。それこそ、Picasa Web Albums のロゴ画定だとかプロフィール写真だとか etc. そこで、アルバム内の写真だけを取り出すフィルターが「imgdl=1」といふわけ。

※もう少し踏み込むと、「Picasaweb Download Links」が、アルバム・ページにある写真の URL に「?imgdl=1」を付け加えていて、DownThemAll! はそれを目印にダウンロードを行なっている。

Command + クリックで Firefox の新規タブを開く

無線式の Mighty Mouse を使い始めて一か月。無邪気に毎日使っていたら、数日前から動きが鈍くなって、ついに昨日、反応が無くなってしまった。原因は、電池が切れてしまったこと。電池を買うまでの半日ほどタッチパッドで急場を凌いだ (無線マウスの電源は、電源を細めに切る方がよいのかしらん?)。

Mighty Mouse は右クリックも、中クリックも、スクロール機能も付いてる高機能マウスなので、Windows や Linux と同じ操作感を得られた。そのせいか、タッチパネルだけの生活になると、Mac 本来の「マウスのボタンが一つしかない」という特性に大いに戸惑った。ハマったのは Firefox の操作なので、Firefox 中心にまとめとく。

リンクを新しいウィンドウで開く

リンクを Shift + クリック

中クリック相当 (リンクを新しいタブで開く)

リンクを Command + クリック

右クリック相当 (タブやリンク上で右クリック→コンテキスト・メニューを表示)

タブやリンク上で Ctrl + クリック

前 / 次のページへ移動

Option + 上下スクロール (スクロールは、二本指でタッチパッドを触る)

Mighty Mouse だと、タブを中クリックしてそのタブを閉じることができるけれど、「Command + クリック」では同じ操作は出来なかった。ぼくは、タブに付いてるクローズ・ボタンをオフにしてる。中クリック相当でタブを閉じられないのは面倒。う〜ん!

• ref. clmemo@aka: Firefox 2.0 のタブごとにつくクローズ・ボタンが邪魔

さうさう。「Option + 上下スクロール」で前後のページ移動が出来るというのは、今回調べて初めて知った。このキーボードとマウスの組み合わせは、Windows (Linux) の Firefox でも使えるのかな? 今、Mac しか手元にないので確かめられない。こんなショートカットもあるもんなんだねぇ。

Portable Firefox 2.0 系の日本語化

Portable Firefox は、USB メモリーに入れて持ち運べる Firefox。自分用にカスタマイズした Firefox を持ち歩けるのがウリ。帰省や出張先、ネットカフェで普段と同じ環境を使うことができる。詳しくは過去記事をどうぞ。

• clmemo@aka: Portable Firefox は使える

Portable Firefox は、英語版しか公開されていないので、メニューの日本語化方法をメモしておく。

Portable Firefox (英語版) のインストール

• Firefox Portable | PortableApps.com - Portable software for USB drives

上記サイトから、「Download Now」ボタンをクリック。ダウンロードしたファイルをダブル・クリックすると、Portable Firefox のフォルダーが出来る。それを、USB メモリーにコピーすればインストールは終了。

Portable Firefox を起動するには、上記フォルダー内の FirefoxPortable.exe をダブル・クリックする。

日本語化

Portable Firefox の日本語化は次の手順で行なう。

1. Locale-Switcher Extension をインストールする。
2. ja.xpi をインストールする。
3. Portable Firefox を再起動。
4. Tools メニューの「Languages」から「Japanese」を選択。
5. Portable Firefox を再起動。

Portable Firefox の日本語化については、下記ページを参考にした。

• Localization | PortableApps.com - Portable software for USB drives

蛇足

Portable Firefox の最新版は 2.0.0.1。

帰省中に Portable Firefox 2.0 を使っていたら、2.0.0.1 がリリースされたとの通知があった。最近の Portable Firefox は、自動アップデートに対応していて使い勝手がいい。

clmemo@aka のブラウザ・シェア (2006/12)

Web 屋のネタ帳さんが、某一般サイトのブラウザー・シェアでは IE が 94.19%、Firefox が 2.52% という情報を出している (Google Analytics 調べ)。一方、技術系ブログの odz buffer さんはこんな風に書いてる。

ちなみに、ここの場合、Firefox 49.11%、Internet Explorer 38.80%、Opera 5.27% と、普通には有り得ない数値。OS も Linux、 Macintosh ともに 8% ほどあったりして、世間ずれもいいところだ。

odz buffer - 非技術者のブラウザ より引用

ブラウザー・シェアは、サイトによって大きく傾向が変わることがよく分かる。

clmemo@aka のブラウザー・シェアは?

当 clmemo@aka のブラウザー・シェアを調べてみた (Google Analytics で直近一週間のデータ)。

1. Firefox ... 49.48%
2. IE ... 38.47%
3. Opera ... 4.97%
4. Safari ... 3.77%
5. Mozilla ... 2.17%

odz buffer さんのデータとそっくり。0.5% も違わない!! 技術系ブログだと、ここまで傾向は似るものなのかしらん。

ちなみに、一年前の調査では IE 55.06%, Firefox 36.88% だった。技術系ブログでは Firefox 率は高くなってると言えそう。

もう一つ。OS のデータも...

1. Windows ... 81.71%
2. Linux ... 8.72%
3. Macintosh ... 8.58%

よく似たデータが出た。

貴方のブログはどうでせう。Google Analytics を入れてる方は、ぜひぜひ調べてブログの記事にして下さいませ (Google Analytics の使い方は下記過去記事をどうぞ)。

• clmemo@aka: Google Analytics で遊ぶ (新旧 firefox 編)