ずいぶんと様変わりしていますよ。ちなみに、

• ブラウザとは、、、WEB サイトを閲覧するソフトであります。

Windows OS には Internet Explorer、Mac OS には Safari がプリインストールされています。他にもFirefox、Google Chrome、Operaなど無償で配布されているブラウザがあります。
WEB サイトを閲覧する際、使いやすく便利なブラウザを使うことでネットサーフィンでのサイト間の移動や検索作業の効率が飛躍的にアップするので単なる WEB サイトを見るだけのものだろと侮ってはいけません

注) このサイトに立ち寄られた方のデータなのですべてのサイトにあてはまるわけではありません。

ブラウザのシェア: 2007年と2010年

  2007.3.31

  2010.4.1

やはり Firefox が大健闘ですね、ほんと便利だもんな。
私自身は Firefox のヘビーユーザーです

Internet Explorer のバージョン: 2007年と2010年

 2007.3.31

 2010.4.1

まだ、6.0 を使われている方が約 25% いらっしゃいますが、
確実に減ってきているのは確かですね。
アルファチャンネル PNG を表示できない IE6 が早く無くなってほしい

Internet Explorer 以外にもブラウザはいろいろあるんですよという投稿でした。
以下、各種ブラウザのオフィシャルダウンロードサイトです。

• Firefox

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

• Safari

» アップル – Safari – Safari 4の登場です。 – 目の前にひろがる新しいウェブの世界。

• Google Chrome

» Google Chrome – ブラウザのダウンロード

• Opera

» ウェブブラウザ Opera | 高速かつ安全な多機能ブラウザ | 無料ダウンロード

先日の投稿: » 着せ替えできるWEBブラウザになったFirefox

投稿したあと Photoshop のブラシの勉強がてらもうちょっと作ってみようと思って 1 点追加したところ、地球上のどこかの方が、数人ですがユーザーになってくれたようです。

» 象支店長の Personas

いずれ別の Personas を選択されるのでしょうが、
一時でも自分の作ったものを使っていただけるとうれしものですね。
気をよくしてさらに 2 点追加してしまいました

。。。1 ページが埋まるぐらいは作ってみようかな。

いじれるのは赤枠の部分です(拡大可↓)

ただし使用できる画像のサイズが決められていて、上部は横 3000px × 縦 200px、下部は横 3000px × 100px というやたら横長の画像なのでいざ作ろうと思うとなかなかむずかしいものがあります。
さらに背景画像の上に各種メニューやブックマークなどの文字が表示されるので明暗差のあるごちゃごちゃした画像だと読みづらくなってしまい使いものになりません。

写真のトリミングやリサイズ作業ができる方であれば Personas for Firefox | Personas の作成手順 のとおりに作業をすすめることで簡単にカスタマイズすることができます。
また、制作したものは投稿することで世界中の人に向けて公開することができますので、それがちょっとしたモチベーションになるかも(笑)

もちろんすでに公開されているものから自分好みのものを探すこともできます。
。。。すごい数がアップされているので選ぶのが大変と言えば大変ですが

» Personas for Firefox | 着せ替えブラウザを楽しもう

ちなみに私は プリ・ウランダリ＠バリ島 で撮影したジャングルの写真を

こんな感じにトリミングして使って作ってみました。
せっかくなのでもちろん投稿もしておきましたよ。

» Personas for Firefox | Jungle of Ubud : by 象支店長

検索してもすぐにヒットしなかったのでとりあえずアップ。

以前、WEBブラウザ Firefox で Google 検索などページ分割されているサイトの閲覧をひたすら快適にしてくれるのアドオンとそのスクリプト 「Greasemonkey + AutoPagerize」 をご紹介し、このサイトにも導入してみましたが、先日WordPress を 2.7 にバージョンアップしたところ機能しなくなってしまいました。

おそらくバージョンアップしたことで wp-includes/link-template.php に記述した rel=”next” と rel=”previous” が無くなってしまったのが原因と思い開いてみたところ WP2.7 の link-template.php は WP2.6 のものとはファイルサイズがまったくちがっていてずいぶん記述が増えたようです。

PHP というのは門外漢なもので何がどう変わったかはわからないのですが

記述が増えているものですから、当然 rel=”next” と rel=”previous” を入れる箇所も以前の行数のところにはなく結構下の方にずれていました。

• rel=”next” は 1178 行目あたりにある

return '<a href="' . next_posts( $max_page, false ) .

に

return '<a rel="next" href="' . next_posts( $max_page, false ) .

を追加

• rel=”previous” は 1248 行目あたりにある

return '<a href="' . previous_posts( false ) . 

に

return '<a rel="previous" href="' . previous_posts( false ) . 

を追加したところ以前と同様に機能するようになりました。

メインインデックスのテンプレート (index.php) に書き加えた
<div class=”autopagerize_page_element”> と
<div class=”autopagerize_insert_before”> は
wp-contents の中なのでバージョンアップしても影響を受けることはなくそのままでOKですね。

。。。バージョンアップしたらしたでいろいろ出てくるものです。

Greasemonkey はずいぶん前から話題になっていた Firefox のプラグインのようですが、私は昨日初めて知りました。

と同時に、その Greasemonkey に AutoPagerize というスクリプトをインストールすると複数のページに分割されているサイトの閲覧が超絶的に楽になるということもこれまた初めて知りました。あまりの便利さにビックリしたのであげておきます。

検索で有名な Google や Yahoo、写真共有で世界的に有名な Flickr、mixi の日記、All About、最安値が簡単にわかる価格.com、ニコニコ動画、ほとんどの無料ブログサービスのブログ（他にもいっぱい）などのページで下までスクロールすると

こんなページ分割のリンクが表示されているのをご覧になったことがあるかと思います。
検索時にはご覧になるだけではなく実際クリックして次のページを見ている人がほとんどでしょう。

無料ブログサービスのブログではカテゴリーアーカイブや月別アーカイブを表示したときに「前のページ」「次のページ」と表示されているケースが多いようです。
たとえば exblog  はこんなページナビゲーションがページの下にありますね。

先にあげた Google のページ分割表示を例にとると、通常次のページを見るためには 2 のリンクをクリックする必要があるのですが、Greasemonkey に AutoPagerize というスクリプトをインストールすると、ページ下までスクロール後自動的に2 ページ目を読み込み、いま見ているページの下に次の2ページ目を追加してくれるんです。
さらに下までスクロールしていけば3ページ目、4ページ目とどんどん継ぎ足していってくれます。
Google 検索で 20～30 ページぐらいヒットしていると追加追加で底なしスクロール状態(笑)

ページ分割は、情報を一定量にしてページの表示速度を上げ効率良く閲覧できるようにするのが目的ですが、下までたどり着くたびにリンクをクリックするのって実は面倒なんですよね。
検索ヘビーユーザーとしては実にありがたいアドオンです。

ちなみに、先頃リリースされた激速ブラウザ「Google Chrome」用のGreasemonkey、その名も「Greasemetal」というのも最近でたようです。
Chrome に対して Metal  かぁ、、、なかなか洒落た名前を付けるもんですね。

Firefox用アドオン 「Greasemonkey」 と スクリプト 「AutoPagerize」 のインストール手順

1. Firefox Add-ons から Greasemonkey をダウンロードしてインストール
   




2. userscripts.org から AutoPagerize のスクリプトをダウンロードしてインストール
   
   赤矢印のところをクリックすることでインストールできます
   




3. インストール後、AutoPagerize のスクリプトが動作するページにアクセスするとウィンドウの右上角に黄緑色の小さな正方形が表示されます（画像はGoogle の検索結果ページ）
   




4. 黄緑色の ■ にオンマウスするとスクリプトの on/off も可能です。
   

以上でインストール完了です。

WordPress で構築されたブログも

• wp-includes/link-template.php に rel=”next” を記述する
• index.php に <div class=”autopagerize_page_element”></div>を記述する
• さらにindex.php に <div class=”autopagerize_insert_before”></div>記述する

と Greasemonkey & AutoPagerize が動作するとの情報があったので
当ブログも早速対応しました あ～便利

では快適底なしスクロールをお楽しみください。

Firefox 3 でのFavicon の扱い

Faviconというのはブラウザのアドレスバー内に表示されたり、ブックマークしたサイトのサイト名脇に表示される16ピクセル×16ピクセルの小さなアイコンです。ちなみにブラウザがIE6（インターネットエクスプローラ6）だとうまく表示されないときがあります

実に小さな画像で細かい描写が再現できない分、どう主張させるかがWEBデザイナーの腕の見せどころなのでしょうね。私はただ写真を切り取っただけ(笑)

今月はじめ、あのGoogleがFaviconを替えたのは記憶にあたらしいところではないでしょうか。
Official Google Blog: One Fish, Two Fish, Red Fish, Blue Fish:
上記ページには300種類以上のFaviconを作成したことが書かれていて16×16 の小さな画像もそれなりに重要な役割を果たしていることがわかります。

自分のWEBサイトでこのFaviconを表示させるには
HTML のhead 内にFavicon が置かれているアドレスを記述するだけです。
たとえばこのサイトですと

<link rel="shortcut icon" href="http://www.photoclip.net/hotels/favicon.ico" />

このように記述します。

同じドメイン名じゃないとまずいかというとそういうことでもなくて、たとえばlivedoorブログなどではhead 部分をいろいろ編集できるのでご覧のように自分の好きなFaviconを表示させることが可能です。
私の回りでも利用されている方が多いexblog はhead が編集出来ないので残念ながらFaviconの変更はできません。

ちなみにlivedoorブログはjavascript なども使えるのでちょっと知識があればLightbox やHighslide といったこのサイトで使っているような画像表示スクリプトを使うことも可能です。

livedoorブログでのSample ページ

Favicon を作成する場合はネット検索するとフリーウェアのFavicon 作成ソフトというものがいくつかヒットしますのでそれを利用するのがいいでしょう。ソフトをインストールするのはイヤだという方は、ブラウザ上で作れる以下のようなサイト（ジェネレーター）もあります。

favikon

16×16のFavicon、サイズが小さいので実際自分で作ってみると簡単そうでムズカシイ。

では、すてきな週末を  

私の常用ブラウザでありますし、「史上最速」というふれこみだし、このブログがちゃんと表示されるかどうかも確かめたかったし、早速インストールしてみました。

「史上最速」かどうかわかりませんが、アドオンも全て問題なく動いているのでひと安心。

いまリンクを確認しようと思ってページにアクセスしたところ、アクセスが集中しているらしく
一時的なものでしょうがページが簡素になっていました(笑)

ダウンロードボタンを押すとこんなページも表示されていたのに。。。

日本国内でのシェアは1割チョイとのことですが、自分好みのアドオンを組み込むとマイクロソフト謹製のIE（インターネット・エクスプローラ）より圧倒的に使い勝手がいいのでこれからもっと伸びるのではないかと思っています。

IE（インターネット・エクスプローラ）のようにWindows OSと密接な関係のあるブラウザではないのでインストールも簡単。個人的にオススメのブラウザです。

をご紹介しましたが、先日滞在したホテルのPCにはあいにく（運良くかな(笑)）日本語入力環境が無かったので実際に使ってみました。

予想どおりというか、当然というか、非常に便利で、感動です。

ただ、ネット検索などでキーワードを１つずつコピペして追加してくような場合はタブブラウザを使用したのほうが圧倒的に便利でした。ひとつのタブで「Ajax IME」を開いておいて、もうひとつのタブで検索エンジンを開いておくという使い方です。

ただし、タブブラウザはホテルのPCにはなかなかインストールされていませんよね、まだ。
ほとんどがIE6.0でしょう。

Ajax IMEにアクセスしたの図。
ブラウザはFirefox Portable Edition。
自宅で使っているブラウザ（Firefox）環境と
まったく一緒なのでサクサク

そんなときには、8月2日に紹介させていただいた

コレをUSBフラッシュメモリーにインストールして持ち歩くといつでもどこでもタブブラウザが実現できます。もちろんUSBフラッシュメモリーでなくとも、デジタルカメラで使っているCF（コンパクトフラッシュ）やSDカードでもOKです（ただし、その場合はカードリーダーが必要になります）カードを初期化してしまわない限り、いつもデジタルカメラで使っているカードの片隅にインストールしておくことも可能です。

今回私は、自宅とまったく同じブラウザ環境をポータブルHDにインストールして旅行先に持って行きました。もちろん「Mouse Gestures」などいつも使っている拡張機能も全部入りで、さらに無駄かなと思いましたが日本語化も行いました(笑)簡単です

ノートPCを持って行って、滞在先の部屋で自分のPCをネットに繋げられる場合にはまったく無用の長物ですが、そういった環境が整っていないホテルなどではまちがいなく、このふたつは重宝します。
もっとも、長物と言ってもフラッシュメモリーに入れておけば重さも実体も無いに等しいものですから入れておいてディメリットはないですね。

私自身、海外に行くときにはカメラなどがあるためかなり荷物が多いヤツで、そこで凧写真をやり始めてしまったものですからさらに荷物が増量され、そんなときのPCって結構ジャマなんですよね。

工夫次第で便利に使えそうなものなので自分流にアレンジされてはいかがでしょうか。

最後に、Ajax IMEをつくられた方に感謝いたしますm(_ _)m

以下は、今現在一番使われているブラウザ「IE6」でのエクスポートですが、Firefoxなどもほぼ同じ手順です。

1. ブラウザ（IE6）を立ち上げ、メニューバーの[ファイル]→[インポートおよびエクスポート]をクリック。
   

2. ウィザード画面がポップアップされますので[次へ]をクリック。
   

3. ふたつ目の[お気に入りのエクスポート]を選択し[次へ]をクリック。
   

4. ここで表示されるフォルダ階層は人によって異なるのでなんとも言えませんが、一番上位のフォルダ（ここでは「Favorites」）を指定し［次へ］をクリック。
   

5. ［参照］のボタンを押してファイルをエクスポートする場所（書き出す場所）を指定し[次へ]をクリック。ここではデスクトップを指定しています。
   通常、WinXPでデスクトップを指定すると
   【C:￥Documents and Settings￥●●●￥デスクトップ￥bookmark.htm】
   と表示されます。●●●はユーザー名
   

6. ウィザードの完了画面が出ますので［完了］をクリック。
   

7. デスクトップ上にbookmark.htmという名前のファイルが表示されていればOKです。（Firefoxは、bookmark.htmｌという拡張子が違うファイルが生成されます）
   試しにそのファイルをクリックして開いてみてください。WEBサイトなどでよく見かける「リンク集」のようなページ（味も素っ気もないページ）が表示されるはずです。
   

8. この【bookmark.htm】という名のファイルをUSBフラッシュメモリーなどにコピーして持ち歩けば、ひとんちのPCで自分のお気に入りが使えます。

あとですね、Firefoxに限られますが、いつでもどこでも普段使っている自分のPCとまったく同じブラウズ環境を作りたい場合は、ブラウザごと持ち歩くという方法もあります。
もちろん拡張機能も使えます。

Firefox Portable Edition

ただし、通常のFirefoxと違い、初期設定ではインストールしたUSBフラッシュメモリーなどにデータを溜め込まない設定になっているようです。たとえば履歴を保存しないとかディスクキャッシュを使用しないとか。
オプションで設定変更できる項目もあるようなので、必要であればご自身で使いやすいように設定するといいでしょう。

Firefox Portable Editionをダウンロードし、携帯できるUSBフラッシュメモリーなどにインストールして使います。もちろんCFやSDカードでもOKです。
インストールしたままですとメニューが英語ですが、それを日本語化したい場合は下記の拡張機能を使用します。

• Locale-Switcher Extension
• 言語パック（日本語はja.xpi）

ここまでやる必要はないですね(笑)

ネットをしていて必ず行う作業と言えば、ページを行ったり来たりすること。通常、戻ったり進んだりするのはブラウザのボタンもしくは「Alt+←、Alt+→」で行いますが、「Mouse Gestures」という拡張機能はマウスを右クリックしながらブラウザのウィンドウ上を左右にちょっとスライドさせるだけで「戻る」「進む」の作業が行えます。以前から、そんな機能がないかなぁ～と思っていたのですが、やっぱりあったんですね。
「戻るボタン」「進むボタン」って、ブラウザの上の方にあるのでマウスの移動距離が長いんですよね、かといって、右クリックしてコンテキストメニュー出して「戻る・進む」気もしないし、左手で「Alt+←、Alt+→」もこれまた面倒くさい(笑)

マウスを右クリックしながら動かすだけで行えるコマンドは実に多彩、「新しいTabを開く」「新しいウィンドウを開く」「Tabを移動する」などなど、左の写真を参照してみてください。まるで野球のブロックサインですね。良く行うコマンドは10個ぐらいでしょうか。

MozillaのFirefox拡張機能ダウンロードページは英語ですが、インストール後の設定はご覧のように日本語で行えます。