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 タグで表示させると
<button class="myloupeButton">ルーペ</button>


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

<button class="myloupeButton" style="border: 3px
double #FFC8DE; background-color: #FF6699">(p_-)
チェック!</button>


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

・ AQ さんが使用している起動ボタン
<input type="image" class="myloupeButton"
style="margin-left:10px" name="ml" value=""
src="http://blog.pekebatu.com/entry-img/myloupe-
button.jpg" width="23" height="23" title="MyLoupe で、
選択した文字を拡大する (p_-)">


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

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

■ MyLoupe ( マイルーペ )

■ 参考サイト


この記事へのコメント
1. Posted by スーパーコピー時計   2011年09月19日 16:24
さわやかな夏の夜を楽しみにしては、バーベキューの上に食べ物の焼けるように暑いのが好きですが遠い昔の記憶です長い冬の間の職業危険です。しかし、それは非常に再スパークそれらの思い出に実行されません。豆袋の椅子は、それらが上のラウンジへのお客様のために庭に点在していたそれらの暖かい非公式の夏の夜のパーティーの継続的なメモとして残ります。
http://lujp77.com/
ブランドスーパーコピー ,スーパーコピー,ブランドコピー
2. Posted by トリーバーチ 靴   2011年10月24日 15:36
美しいトリーバーチ 靴サプライズプレゼントが一番美しいの祝福で、シャネル 靴氏らの宠児には、あなたが好きトリーバーチ ブーツ ムートン .に行くことができるトリーバーチ 店舗试して见てください、保证満足している。
http://www.syuzu.com/ トリーバーチ 靴
3. Posted by 广莫珍子   2012年01月11日 15:44
★世界の一流ブランドコピー品販売店~(@^_^@)~

大人気のバッグ、財布、腕時計コーピ品等販売しております!
ブレゲ、シャネル、セイコー、グッチ、ゼニス、コーチ、ロレックス、
フランクミュラー、ロンジン、ショパール、ウブロ、ガガ、ジャガールクルト
、オリエント、ブルガリ,IWC,オメガ等品質はよいです。

サポート体制も万全です。すぐに当店に来ましょう。
もし入金確認後に在庫品切の情況があるならば、返金できます。
良いサービスを提供します。
皆様、今後とも宜しくお願いします 。


★URL: http://www.brand-feel.com

★店長:广莫珍子

★連絡先:brandfeel@yahoo.co.jp
4. Posted by 秋田 美奈子   2012年01月11日 16:08
ブランドコピー品を経営します!!(*^_^*)

お客さんに恩に感じるため,割引実施中しています!
弊店は大人気なブランドコピー品を経営します!

シャネル、IWC、 ロレックス等あります。
最新作も随時入荷いたしております。
サポート体制が万全です。日本全国送料無料です!

店長:秋田 美奈子
URL:http://globe-brand.com
連絡先:globebrands@yahoo.co.jp
5. Posted by 菊池 由美子   2012年01月11日 16:22
● ハリーウィンストン 腕時計!

●注文割引開催中ですよ!!(o^o^o)●
グッチGucciバッグ&財布、ティソ、ブレゲ、Graham London時計は当店の人気商品です!
当店はブランドバッグ、腕時計コーピ品を販売しています。
スタイルが豊富で,作りも素敵です。

送料無料●商品は安心、安全にお届けします。
豊富な品揃えでごゆっくりとご覧ください。
ご用意した商品があった、注文を期待しています!
今後とも宜しくお願いします 。

*店長:菊池 由美子
*URL:http://www.brand-for-sale.com
*連絡先:brandforsale1@yahoo.co.jp
6. Posted by 激安財布   2012年02月15日 15:19
スーパーコピーのハンドバッグは、今日の大流行と思われます。かなりの費用がかかる多くのブランドのバッグがあります。何がファッションの世界ではこの革命を始めた?今、ハイエンドのハンドバッグは、人気映画の中でまで見せ始め、テレビでは、自分自身を見つけるために視聴者に手招きを示しています。星が一日と普通の人々がその一部を望む新しいハンドバッグを歩き回ります。需要がでキャッチされ、人気が育った。
saisky124@yahoo.co.jp
http://www.nsakura-jp.com 激安財布
http://www.nsakura-jp.com ブランドコピー財布
http://www.nsakura-jp.com スーパーコピーブランド
この記事にコメントする
 :Name
 :Mail
 :URL
  情報を記憶:   書き込みのリセット: 
 
ご利用のブラウザ、設定ではご利用になれません。
 
  



Promotion
Mini BBS
Comments
香り (tory burch バッグ)
脅威?のクチコミグルメガイド! (ブランド バッグ コピー)
Pygmy Marmoset (腕時計 メンズ・レディース 人気)
学校飼育動物研究大会 (ガガミラノ 腕時計)
自身の命と引き換えに (ブランド バッグ コピー)
パンダをカンダ (ブランド 偽物)
Tag Click