Portable Firefoxのインストール

何が更新されたわけじゃありませんが、Portable Firefoxを入れたのでメモエントリー。

アドオンページとかたまに見に行くと知らぬ間に更新されていたりしますね。

1. Portable Firefoxのインストール
   1. インストーラーをダウンロードしてダブルクリック
   2. あとは適当
2. Portable Firefoxの日本語化
   1. 多言語化アドオンをインストール
   2. 多言語化アドオンの日本語パック(これもアドオン)をインストール

これだけの話です。

1. Portable Firefoxのダウンロード

   ダウンロードサイトからインストーラーをダウンロードします。サイトはこちら

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

   ダウンロードファイル名は

   "Firefox_Portable_2.0.0.3_en-us.paf.exe"(5.76MB)

   でした。

   Portable Firefoxの起動は

   [インストールフォルダ]/FirefoxPortable/FirefoxPortable.exe (134KB)

   です。他にも

   [インストールフォルダ]/FirefoxPortable/App/firefox/firefox.exe(7.4MB)

   というファイルがありますがこちらはFirefox本体(？)です。Portableとして起動したい場合は前者をクリックするようです。初回起動時にライセンスの同意が求められます。英語なんで内容はさっぱりでした。

2. Portable Firefoxの日本語化

   1. 多言語化アドオンをインストール

      まず多言語化アドオンを入れます。ダウンロードサイトはこちら

      Locale-Switcher Extension

      ファイル名は

      "switch-locales-2.0.xpi"(2.97KB)

      でした。

      1. インストールしたFirefoxのファイルメニューにある[Tools]>[Add-ons]をクリック
         
      2. "Add-ons"というタイトルのポップアップウィンドウが開かれるので、ダウンロードした"switch-locales-2.0.xpi"をドラッグ＆ドロップ
         
      3. "Software Installation"というインストールの確認ポップアップが出ます。"Install Now"ボタンを押せばインストール開始。
         
      4. Add-onsウィンドウの表示が"Extensions"から"Installation"タブに遷移してプログレスバーが出ます。終了すると右下の"Restart Firefox"ボタンが押せるようになります。
         
      5. Frefoxの再起動後にAdd-onsポップアップを開くとこんな感じに。
         

   2. 日本語パックをインストール

      おんなじ感じで日本語パックアドオンをインストールします。ダウンロードサイトはこちら。

      Localization | PortableApps.com - Portable software for USB drives

      ファイル名は

      "ja.xpi"(161KB)

      でした。まんまですね。

      1. "Add-ons"ポップアップに"jp.xpi"をドラッグ＆ドロップ。"Software Installation"ウィンドウで確認されます。右下の"Install Now"ボタンを押せばインストール開始
         
      2. "Installation"タブに遷移してプログレスバーが出ます。終了すると右下の"Restart Firefox"ボタンが押せるようになります。
         
      3. Firefoxの再起動後に、ファイルメニューの[Tools]を開くと[Add-ons]の下に[Languages]が追加されてます。"Japanese"を選択すると日本語になります。おした直後でも一部メニューは日本語化されますが、完全に切り替えるにはFirefoxの再起動が必要です。
         
      4. Firefoxを再起動するとこんな感じです。
         

Googleニュースがフィードの配信を再開？

Googleニュースを見てたら一番下に"New!"表示が…

いつから表示されていたのか存じませんが、"New!"表示してあるということは正式に配信てことでしょうか？以前にもすぐに配信停止した例もあるのでどうなるのか定かじゃありませんが。

残念ながら私の環境では上記リンクをクリックしても"has no items."としか表示されないのですが、何か設定が悪いのかな。

Google ブックマークのfaviconを好きな画像に変更

GMarksは最も気に入っているFirefoxのアドオンの一つですが、なんとなく配布ページを見に行ったら、更新履歴にこんな一文が

バージョン 0.9.4  2007 年 03 月 22 日  89 KB
(略)
-Custom favicons, you can upload favicon files from your computer and have them stored in the notes fields. Some icons are too big to be stored and google will cut them off.
(略)

適当に訳すと

『好きな画像をfaviconに指定するとGoogle Bookmarksの"note"フィールド(日本語版だと「メモ」欄)に記録されるよ。ただし大きすぎると入りきらない部分は切り捨てられます。』

ってことみたいです。これできたらいいのになーと思っていた機能がドンピシャで実装されていました。

ためしにGmarksのfaviconをGoogleブックマークの星アイコンに変えてみました。

1. 適当な画像(16x16)を用意する

   

2. Gmarksのブックマークを右クリックして"Change Favicon"を選択

   

3. ダイアログから画像を選択

   

4. こんな感じに

   透過してないのでアレですが
   

Googleブックマークで当該ブックマークをみてみると、こんな感じに。

base64エンコードしたデータスキームで画像を指定してるんですね。

これと同じ感じでブックマークレットをGoogleブックマークに保存する機能も実装してくれないかな。

Google Readeガジェットの全既読ボタンを非表示に

今まではあまり気にしてなかったのですが、"mark all as read"ボタンを誤クリックして酷い目にあったのでigでは非表示にしてみました。

DOM Inspectorで見たところいい感じにid="mark-all-as-read-31"とID属性が振られているので単純にdisplay:noneにしました。(Stylishで下記CSS指定)

最後の31というのが気になりますが、ガジェットの追加した順番やページによって変わったりするんでしょうか。

@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("https://www.google.com/ig?hl=ja") { #mark-all-as-read-31 { display : none ! important; } }

追加するとこんな感じです。 垂直線がちょと邪魔ですがとりあず誤クリックが防げればいいかなと。

ポータブルアプリ

去年の秋にHDDがクラッシュし、また現在完全にオフラインの職場で作業していることもあり、バックアップ作業の軽減と開発環境の持ち運びを考えてＵＳＢで持ち運べるものを色々と探しています。

特に職場のＰＣはあまりカスタマイズもできないので痕跡を残さずに色々使うためには気を使います。

• ＵＳＢから起動が可能
• 設定はレジストリではなくiniファイル
• 設定ファイルは保存場所の指定が可能

あたりが最低条件になります。 調べてみるとファイラーやテキストエディタあたりは結構あるようですが、一長一短です。今のところ使うものは固まりつつありますが、完全に要望を満たすものはやはり自作でしょうか。

バックアップを考えると設定ファイルは一箇所にまとめておきたいのですが、単なるコピーでは二重化されるだけで容量的にも管理上も望ましくない。かといってWindowsXPはシンボリックリンクもハードリンクもデフォルトのサポートはお粗末。この辺の対応ツールはインストールしないと使えないタイプ。といったりきたりの状態です。

WindowsXP対応でジャンクションとハードリンクをサポートしていて、カスタマイズ性の高いタブ型ファイラーが欲しい所ですが・・・

最近オンラインのツールばかり目が行っていたので、久しぶりに腰をすえてローカルアプリを調べなおしてみる機会かもしれません。

ウェブマスターツールでサイト分析

Lucky bag::blog: lucky-bag.com ドメイン内ページの被リンク数トップ 10

Google ウェブマスター ツールで被リンク(バックリンク)の一覧や内部リンクの一覧が取得できるとは知りませんでした。

以前Blog検索の条件でバックリンクから内部リンクを除いた純粋な外部からのリンクを取得できないか試した記憶があるのですが、これがあるならそんな面倒も必要なさそうです。

表示ページにソート機能などは無いようですがCSVダウンロードが可能なので、落としてから好きにしろ、ということでしょうか。

ちなみにCSVがUTF-8だったため、Excel2000で開いたら文字化けしました。

あとは新着の外部からの被リンクがフィードで配信されたら便利かもしれませんね。

Google ウェブマスター ツール

vista

今週のAnalyticsの「ブラウザとプラットフォーム」の抜粋です。

vista+Firefox mac+Firefox どちらもいけるんですね。

ブラウザシェア

「IE 7」のユーザー数が1億人を突破 - CNET Japan 「Internet Explorer（IE） 7」をインストールした人の数が1億人を超えたと発表した。これでIE 7は、前バージョンである「IE 6」に次ぐ、米国で2番目に多くのユーザーが使用しているブラウザとなった。

見る前から予想は付きましたが、このブログのシェアはやはり一致しないようです。

IE7へのアップデートが思ったより多いですが、それ以上にFirefox2へのアップデートが結構進んでますね。1.5.xから2.xへは自動更新はされなかったと記憶していますが。

そういえばちょっと前にOperaの更新通知が来たのですが、全部ＤＬ->インストールという作業を久しぶりに行うとそれだけで結構面倒くさいものですね。差分更新て機能としては地味ですが、地味ゆえに便利です。

Google ReaderでPodcasts

J.S. Mach: Google Reader で Podcastsを聴く

存じませんでした。できたんですね。

というわけで実際にPodcastsで聞いている「聴く日経」のフィードを登録してみました。
フィードURL[http://nikkei.hi-ho.ne.jp/podcast/kiku1.xml]

実際の所「聴く日経」は通勤中に聞いているのでGoogle Readerで置き換えはできませんが、敢えてiPodに入れて聴くこともない類の物と使い分ける選択肢ができました。

[最近閉じたタブ]が使えない

Ctrl+Shift+T(直近の閉じたタブを開きなおす)をマウスジェスチャに割り当てようとしたのが始まり。割り当て設定を何度見直しても想定どおりに動いてくれません。

念のためCtrl+Shift+Tを押すと動かない。

最近MunuXでファイルメニュー自体を消していたので知らなかったのですが、そもそもCtrl+Shift+Tで開きなおすタブは[履歴] > [最近閉じたタブ]からも同じことができる、とのことでメニューを表示すると[最近閉じたタブ]メニューが何をしてもdisabled状態。

Portable Firefox複数入れて色々調べた結果、Tab Mix Plusが原因ぽい。Tab Mix Plusの"Enable undo close tabs"(「閉じたタブを復元」の機能を有効にする)のチェックを外したままアンインストールすると、アンインストール後も[最近閉じたタブ]が記録されない状態に。

Portable Firefoxの方は、Tab Mix Plusを再インストール→チェックを付けて再起動→再アンインストールで対処できたのですが、PortableじゃないFirefoxは同じ方法でも直りません。他の拡張が色々影響してるのでしょうか。

一応差分検索をすると上記機能のon/offの前後で"browser.sessionstore.max_tabs_undo"という設定値が書き換わっているようですが、これを手動で書き換えても直りません。

というか今回の一件で気がついたのですが、Firefoxの拡張機能というのは設定値や設定ファイルをアンインストール時に削除してくれるわけではないのですね。結構あっちこっちに消したハズの拡張機能のものと思しき設定値が散見。 Firefoxも定期的にオーバーホール、というかクリーンインストールしないといけないのでしょうか。

Google Reader Trends

Going My Way: Google Reader でフィードの傾向がわかる Google Reader Trends

Google Readerの過去30日間の分析結果が見られるそうです。

個人的に欲しかった、「最近更新されていない一覧(Subscription trendsのInactiveタブ)」が嬉しいです。横にゴミ箱アイコンがあって、その画面から直接Unsubscribeできます。

picasaは隠しファイルを隠す？

しばらく前からpicasaが起動時スキャンをするにも関わらず、スキャン終了後にスキャンしたはずの画像がゴソっと一覧から消える、という現象が起きていました。

色々いじったあげく、ファイルのプロパティでMy Picturesフォルダの「隠しファイル」にチェックが入っていた所為らしいことが判りました。My Document直下が色々邪魔っくさいのでMy PicturesだのMy Videosだのを隠しファイルにしたのがいけなかったようです。

あとで非表示にするのであれば、スキャンしなければいいのに、と思うのですが。

del.icio.usでもJSONフィード

参考:PleasureDelayerDiary - Del.icio.us Publisher API

URLとコールバック関数名を指定すると、

• ポスト数
• URL
• URLのハッシュ値
• 付けられたタグ

が返される様です。

ためしに"http://www.google.com"のJSONを取得してみると

http://badges.del.icio.us/feeds/json/url/blogbadge?url=http://www.google.com&callback=NAME

こんな指定で、

NAME( [ { "hash":"ff90821feeb2b02a33a6f9fc8e5f3fcd", "top_tags":{ "google":2485, "search":3571, "internet":387, "tools":342, "web":561, "searchengines":301, "engine":691, "reference":221, "portal":101, "searchengine":1074, "imported":139 }, "url":"http://www.google.com/", "total_posts":9445 } ] )

こんな感じのJSONが返ります。

実際の返却内容は1行です。見やすいように整形してます。

この流れは嬉しいですね。基本的にWebサービスの検索結果は全部RSS,Atom,JSONで取得可能、というのがスタンダードになって欲しいものです(なりつつありますが)

Google Readerが逆順ソート可能に

Google Readerで、待望だった「古い順に表示」が可能になりました。

これで溜め込んだ未読記事を古い順に読み進めていくことができます。これまでのバージョンアップを通して一番うれしい更新です。

参考

Official Google Reader Blog: Dwelling on the past

Bloggerが脱beta?

Blogger Buzz: Switching with team blogs and getting out of beta

旧BloggerからBlogger in betaへの最後の1ピース、チームブログ機能の移行を今週末までに行い、これをもってBlogger in betaがbetaでなくなる、と書いてあるんでしょうか。

チームブログ機能は使っていないので個人的にはどうでもいいのですが、これで毎回毎回"Blogger beta"と呼ぶ手間はいらなくなりそうです。

Firefoxのキーコンフィグ

Extension Room :: keyconfig

keyconfigというFirefoxの拡張機能です。

Firefoxのショートカットキーを好きに編集できます。キーを追加するだけでなく既存のキーを確認したり、別の拡張が設定しているショートカットキーまで一覧してくれます。複数の機能で重複するキーもわかって便利です。中にはそんなキー割り当てあったのか、なんてのも発見できます。

実は別の用途で入れたのですが、Gmarksの表示用キーが使えなくなっていた問題が解決できて大助かりです。

Gmarksは元々Alt+Mでサイドバーの表示/非表示を切り替えられたのですが、これがMenuXという拡張と被っており、そちらに持っていかれてました。この解決のためにGmarksのショートカットをAlt+Qにしていたのですが、最近の更新でショートカットキーを変更する設定がなぜか効かなくなってしまい、大変不便に。Keyconfigで設定を変えてみたところ見事にAlt+Qに割り当てられました。

もう一つ、閉じたタブを開きなおすCtrl+Shift+Tも効かなくなっていたのですが、これもMenuXの機能に当てられていたようです。

こういった横断的に調べられる機能便利ですね。

Retrieve POP3 Mail in Gmail

英語なんで細かいところ良くわかりませんが、要するにGmailで外部メールの受信が可能になった、ということでしょうか(勘違いだったらすいません)。

• 5アカウントまでのGmail以外のメールを受信できる
• メールアカウントと同じ名前のラベルが作られる(?)
• SSL接続で勝手に受信してくれる
• [Settings]>[Accounts]から設定できる
• 例によって順次適用。(まだ使えない人も居る)

結構希望していた人いるんじゃないでしょうか。

参考

• About Gmail
• Google Operating System: Retrieve POP3 Mail in Gmail

Gmarksが更新

Firefoxの拡張機能Gmarksが更新されました

そのうち自分でチャレンジしようかと思っていた機能をGmarksが実装してくれました。

Googleブックマークの特定のラベルをブックマークツールバーで表示してくれます。設定でファビコンのみ表示もできます。図は"News"というラベルのついたブックマークをツールバー表示したところ。

これはちょっと本気で便利すぎかも。現在のブックマークツールバーを全部Googleブックマークに入れて"bookmarktoolbar"とかラベル付けちゃえば、会社や自宅のFirefoxで同じブックマークツールバーが使えちゃいますね。

以前Goolgeブックマークは255(か256)という文字数制限があって、カスタマイズしたGoogleニュースのアドレスをブックマーク出来なかった記憶があります。ところが先日調べたらこの文字数制限が無くなって(または増加？上限は調べていません)いました。

さらに試してみたところ、仮想ドメインのあとに適当な文字列を付けてもちゃんとブックマークできました。例えば

http://www.hogehoge.jp/javascript:alert('hello online bookmarklet');

といったURLをブックマークして、Gmarksのようなツール側でドメイン部分("http://www.hogehoge.jp/")を切り落とせば、ブックマークレットもオンラインに出来ちゃいませんかね。

ソースコードにスタイル指定(3)

タグはCODE

せっかくあるんだし。PREを使うにしても<PRE>,<CODE>と併記で。

表示はPRE

何もしないと崩れることもあるので、PRE。タグなら<PRE>スタイルシートならwhite-space:pre;インデントも表示されるし。

ブロック要素で

CODEタグだとインラインになる場合もあります。背景色を変えたときにインラインだと文字の部分だけ背景色が変わるので矩形で表示した方がスマートかと。と思ったんですが、文中に埋め込みたい場合はそこだけ特別扱いでも良いかも<code class="inline"></code>

フォントは等幅

等幅は譲れない。Courier Newがコードっぽい。font-family:'Courier New', [ 好きなフォントs, ...] monospace;

はみ出した部分は適当に

隠れるのもなんなので、overflow:scroll;で良いんじゃないですかね。個人的にはスクロールバーは常に表示されている方がわかり易いと思う。border表示しなくても端がわかりやすいのでborderの替わりにもなりませんか？(borderの代替自体を目的とするのは邪道ですが)

背景色は変える

グレーっぽいのが多いようですが、変える理由が見やすいように、なら見やすければなんでも。

タグはエスケープ

最低でも<>を&lt;&gt;ぐらいの変換はしたい。できれば"&も&quot;&amp;に。エディタのマクロとかでもそれくらいはなんとか。

枠の大きさは横だけ指定

ブログのレイアウトの所為もありますが、Webサイトは縦長が基本かと思われますので、特別の意図がなければwidthだけ指定で十分だと思います。

インデントはスペース

TAB文字は制御がマチマチなので、スペースの方がよさげ。

IEがウンヌン

気にしだしたらキリがない

まとめるとこんな感じです

<style> CODE { width : 500px; display : block; overflow : scroll; white-space : pre; font-family : 'Courier New', monospace; background-color : #EEE; } </style> <code> </code>

スクロールバーよりもPRE表示した時の一行目の方が気になりますね。

<code>first line ...

と書くか、

CODE:before { content : attr(title); } <!-- 略 --> <code title="[ここにtitle属性の値が出ます]"> </code>

こんなんも良いですね。

Validate症候群

不定期にWeb標準などが気になりだすことがあります。

W3CのValidateアイコンなどが張りたくなって下記のようなチェックサービスにかけるのですが、ブログのテンプレートなどの機能に阻まれて合格点を取ることはかなり難しいです。

とりあえず見た目のために<BR>タグを連発するのはよろしくないらしいので改行の自動変換を止めてみました。そのため過去記事が見苦しくなっているかもしれません。

現在Another HTML-lint gatewayのチェックでは-500点以下ですorz
<P>タグの中にブロック要素入れちゃいけない、とか全然知りませんでした。

Another HTML-lint gateway
HTML文書の文法をチェックし、採点します
The W3C Markup Validation Service

This is the W3C Markup Validation Service, a free service that checks Web documents in formats like HTML and XHTML for conformance to W3C Recommendations and other standards.