			カンタン！ブログをはじめよう

HOME > Blog カスタマイズ > MyLoupe （マイルーペ）

MyLoupe （マイルーペ）

2008年11月23日 AQ

マイルーペ（ MyLoupe ）は、Web ページ上の文章を読むための洗練された補助ツール！

今回ご紹介する MyLoupe （マイルーペ）は、ブログや HP などの Web ページ上に記述された文章を、見やすく、わかりやすく読めるようにする為の、補助ツールです。

ブログの訪問者に対して優しい配慮の、
ユニバーサルカスタマイズ

※以下、MyLoupe オフィシャルサイトからの引用文章です。

マイルーペは、文章を大きな文字で電光掲示板のように一文字ずつ表示します。文章を読みながら、スピードや文字の大きさを変えることができます。拡張機能として、マイルーペサーバと通信し、文章の中の単語をウィキペディアのページへのリンクに自動で変換することができます。

その他の拡張機能も、今後、予定されているようですね。

このブログにも、実験的に MyLoupe （マイルーペ）を埋め込んでいます。ただし、AQ さんとこは月別とカテゴリー別のページに関しては、タイトルと要約だけの一覧化にカスタマイズしているので必要ないと判断し、トップページと個別記事だけに適用するようにしています。

カスタマイズのやり方は、オフィシャルサイトに詳しく掲載されていますので、そちらをご参考になさって下さい。簡単なスクリプトコードを HTML 内の </body> 直前に記述するだけです。方法としては 2 通りありますので、お好きな方を選択なされば良いと思います。

1. 起動ボタンを自動で埋め込む。

この方法は、スクリプトコードの中に起動ボタンが自動表示して欲しい位置（要素）を、あらかじめ指定しておきます。例えば『 p 』を指定すれば、<p> ～ </p> の中に記述された文章が MyLoupe の対象となり、その要素を含む文章の末尾（ </p> の後ということになります）に起動ボタンが自動表示され、それをクリックすれば文字列が大きくなり、電光掲示板のように一文字ずつ表示されます。

2. 任意の位置に起動ボタンを設置する。

自動ではなく、自身で任意の位置に起動ボタンを設置し、MyLoupe を動作させる。この場合は、マウスカーソルで選択（反転）している文章が、MyLoupe の対象となります。起動ボタンは複数設置する事ができ、ボタンのデザインなども、ご自身で自由に設定する事ができます。（あらかじめ用意されていません。自分で作成して下さいという意味です。）

AQ さんが選択した方法は、2 つ目の方法です。もともと、文章内にマウスカーソルを置いた時に、あちらこちらにポップアップ動作するものは好きではなく、目がチラチラする環境にイライラするからです。本来は、1 つ目の方法が利用なさる方にはユニバーサル的に親切であり、使い勝手が良いのでしょうが、今回は実験として 2 つ目の方法を取り入れました。

起動ボタンは、オフィシャルサイトで説明されている例タグのままでは味気ないので、1 つ目の方法で自動表示される MyLoupe アイコンを、そのまま表示できるように流用しました。

■ 任意で設置する起動ボタン

・例で示されている HTML タグで表示させると

な～んかこのボタンは、今では古臭いですよね。スタイル指定をして見映えを変える事をオススメします。そのほうが、各自の運営しているブログやサイトのデザインを損なう事はないと思います。例えば・・・

ちょっと雰囲気変わるでしょ？ (^^)

・ AQ さんが使用している起動ボタン

※ 別にこんなややこしい事をしなくても、通常の gif や、jpeg の画像をボタンとして流用しても、ぜんぜん問題ありません。ただし、その画像の <img> タグの中に、『 class="myloupeButton" 』の属性を必ず忘れずに記述しておいて下さい。（ボタンとして解るようにはしておいてね）

なお、この MyLoupe （マイルーペ）は、2009 年 1 月下旬に予定されている正式版リリースまでの間は、全ての機能を無償で利用できるのですが、バージョン 1.0 として正式公開した後は、拡張機能の利用は有償となるようです。ただし、拡張機能を使わずに " 基本機能 " のみで利用する場合は、引き続き無償で利用する事ができるそうです。(　´∀｀)b

■ MyLoupe （マイルーペ）

	：Name
	：Mail
	：URL
	情報を記憶：書き込みのリセット：

	ご利用のブラウザ、設定ではご利用になれません。

MyLoupe （ マイルーペ ）

MyLoupe （マイルーペ）