Oct 22
Firefoxプラグイン「Greasemonkey」

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

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

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

ページ分割

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

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

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 をダウンロードしてインストール
    Greasemonkey ダウンロードサイト

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

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

  4. 黄緑色のにオンマウスするとスクリプトの on/off も可能です。
    スクリプトの 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 が動作するとの情報があったので
当ブログも早速対応しました :peace: あ~便利

WordPress も対応可能

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

October 22, 2008 11:40AM

Oct 7
フォントファイル 「メイリオ」

Vista にインストールされていて
XP にはインストールされていないフォントファイル 「メイリオ」

この「メイリオ」があると無いとでは
WEBサイトやブログのフォントが時として違って見えます。

注) フォントの縁を滑らかにする「Clear Type」を設定している環境下で。
XPの場合Clear Type の設定は[デスクトップ画面を右クリック] → [プロパティ] → [デザイン] → [効果] → [次の方法でスクリーンフォントの縁を滑らかにする] にチェックを入れる → ドロップダウンリストから [Clear Type] を選択 → [OK]ボタン
で設定できます。

下の画像はCSS(スタイルシート)内で「メイリオ」をフォント指定に入れているページを Firefox というブラウザ(WEB閲覧ソフト)を使い 「メイリオ」がインストールされていないXPインストールされているXP で閲覧した場合の比較です。

WEBブラウザ Firefox での比較

「メイリオなし」と「メイリオあり」の比較


ごらんのようにメイリオがインストールされていると
文字のエッヂが滑らかになり Mac のようなにきれいなフォントで表示されます。
(ブラウザによって差異があります)

Microsoft の 「Windows XP 向け ClearType 対応日本語フォント」 のページでは
以下のように説明されています。

Windows XP 向け ClearType 対応メイリオ バージョン 5.00 は WPF (Windows Presentation Foundation) アプリケーションにおける日本語テキストの可読性を向上させます。

フォントはきれいに越したことはありません :!!:

メイリオのインストール手順

  1. Microsoft のダウンロードサイトへアクセスし、ひと通り書いてあることを読み続行ボタンを押す

    手順1
    Windows XP 向け ClearType 対応日本語フォント

  2. 私のPCではActiveXのインストールをうながされました。指示に従いインストール

    手順2-1

    手順2-2

    手順2-3

  3. ActiveXのインストール終了後、ダウンロードボタンが表示されますのでそれをクリック

    手順3-1

  4. 保存するかしないかを問いかけてくるので保存ボタンを押しデスクトップに保存

    手順3-2

    手順3-3

  5. デスクトップに保存された実行ファイルをダブルクリックして実行ボタンを押して展開

    手順4

    手順5

    手順5-2

  6. インストール終了

    手順6

インストールされたフォントの確認方法

  1. モニター左下角の [スタート] ボタンを押してコントロールパネルを開きます

    コントロールパネルを開く

  2. コントロールパネル内にある 「フォント」 アイコンをクリック

    フォントアイコンをクリック

  3. フォントフォルダ内に「メイリオ」が入っていれはインストールされています

    メイリオが入っていればインストールされています


October 7, 2008 11:37AM
Sep 3
Google Chrome

Google のブラウザ(WEBサイト閲覧ソフト)
Google Chrome のダウンロードが開始されましたね。

このサイトの表示確認がてら早速インストールしてみました。

ブラウザのインターフェースはすっきりした感じでVista のウィンドウデザインを「Windowsクラッシック (昔のウィンドウデザイン) に設定していてもGoogle Chrome はVista のウィンドウデザインで表示されます。シンプルな感じがいいですね。

Google Chrome

ただし、ブラウザまでGoogle モノ にしてしまうと
なんだかパソコンを乗っ取られたような気分になるのは私だけではありますまい。
乗っ取られたい方 :ase: は下記のサイトよりダウンロードできます。

September 3, 2008 10:08AM
Jun 18

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

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

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

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

ページが簡素になっていた(笑)

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

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

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

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

June 18, 2008 11:49AM
Mar 22

いつも使っているWindows VistaノートにiTuneをインストールしてあるからなのか、今朝Mac謹製のブラウザ「Safari 3」の自動インストール通知が来たので試しにインストールしてみました。

Safari 3

果たして自分のサイトがちゃんと表示されるかどうか。
。。。幸い表示崩れもなくJavascriptもちゃんと動作していたのでひと安心。
第一印象は。。。Macで使っていたことがあるのですが、Coolですね。

他のブラウザと一番違うところは日本語フォントの表示のされ方で
アルファベット同様フォントの輪郭がなめらかに表示されます。
その分、ノーマルフォントなのに見た目Bold(太字)で表示されてしまいますが。。。
あとは英文の折り返し箇所(改行箇所)も違うようですね。

FirefoxとSafariの比較
上がFirefox、下がSafari (拡大可)

日本語にもClearTypeが適用されている

さらに拡大してみますと、日本語の小さい文字には適用されなかったClearTypeが18ポイント以下でも適用されているのがわかります。
ClearTypeについてはこちらの投稿をご覧ください。


自分に合ったブラウザが見つかるとネット検索の効率アップやブログ投稿の入力作業も軽減しますのでいろいろ試してみてはいかがでしょうか。

March 22, 2008 05:41PM
 
Page 1 of 3123
ページ先頭へ戻る