Beach Resort Photoclip

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

以前、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を2 から3 にバージョンアップしたところ
アドレスバー内のFavicon が以前よりシンボリックな扱いをされていたので
トップページも変更したついでにちょっと替えてみました。

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/travel/hotels/favicon.ico" />

このように記述します。

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

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

livedoorブログでのSample ページ

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

favikon

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

では、すてきな週末を

本日、Firefox 3 がリリースされました。

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

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

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

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

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

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

8月1日の投稿で、日本語入力環境がないPCで日本語入力できる

をご紹介しましたが、先日滞在したホテルの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