Ajaxツール「ＡｏＤ!(エイ・オー・ディびっくり）」で記事に注釈をつけてみる。

admin — Sat, 06 Jan 2007 20:13:33 +0000

現在、わたくしがデザインしております、ＡｊａｘツールのサイトＡｏＤ!(エイ・オー・ディびっくり）が本日、バージョンアップしたので、ご紹介。

このツールは簡単に言いますと、Ajaxのポップアップツールですわ。簡単に、あなたのブログにもクールなポップアップが取り付けられまっせ。って感じ。

Ajaxのポップアップって、正直。。。「ウザイ」

っちゅう人が多いのでは？？

まぁ。。。確かに。。。でも、使い方次第で、なかなか便利なツールになるかも？

わたくしの持論では、このＡｏＤ!(エイ・オー・ディびっくり）は、本とかによくある、注釈みたいな感じで使えば、結構使えるような気がしてます。。

例えば、このＡｏＤ!(エイ・オー・ディびっくり）の説明文。

一つのJavaScriptと、コンテンツにリンクタグを設定するだけで、
誰でも、簡単に、Web2.0/Ajaxで、オシャレに、情報を発信出来る、新しいタイプのメディアツールです。

標準搭載された情報源に加え、プラグイン機能によって、発信者が自由にカスタマイズ出来る、
共通メディア・プラットフォームとしても、利用出来ます。
これにより、各種ウェブサービス、APIと簡単に接続し、AoD ! 上でマッシュアップすることが可能となります。

っと。。。こんな感じなのですが。。。この文章を読んで理解できる人は多くはないはずですね。。

文章の途中途中に専門的な用語が出てきて・・・一般ユーザーの方々は、読んでる間になんのこっちゃわからんわい！ってなってしまいそうです。。

そこで、このＡｏＤ!(エイ・オー・ディびっくり）の登場でございます。

↑の文章中に意味のわからん、単語をクリックしてみると。。。

とりあえず、今回はサンプルとして、Wikipediaの検索をくっつけてみました。。

これなら、ブログ読者もブラウザの新しいウインドウを開いて、検索して意味調べて。。。みたいな作業をすることなく、このページ上で問題解決できそうです。

さらに、ポップアップしたウインドウの上のバーの部分↓

ここをドラッグすると、ウインドウを動かせます。これで、今読んでる記事を邪魔することなく、注釈を確認しながら記事を読めますねぇ。さらに、一度閉じたポップアップも閉じた所で、場所を記憶しているので、再度ポップアップするときはその場所に開いてくれます！（←これが意外と便利）

右側に移動すると、次にポップアップするときには、同じ右側に開いてくれます。

まぁまぁ、適当に遊んでるうちにいろいろ発見できるツールになっております。

それでは、使い方のご説明。

1. ↓のコードを、ＡｏＤ!(エイ・オー・ディびっくり）を表示したいhtmlのからの間にコピーします。

*赤字の部分は使用したい用途に応じて書いてください。とりあえず、そのままコピーすればいいですが。。。

2. コードをコピーしたら、本文のポップアップさせたい文字を

こんな感じで、タグで囲めばできあがり～っす。
*赤字の部分は使用したい用途に応じて書いてください。上の、例は、Wikipediaで「ブログ」の検索結果をポップアップさせたい場合っす。

他にも、YouTubeでの検索結果を表示したり、英和、和英辞書をポップアップさせたり。。いろんな使い道がありますよん。

さらに、プログラマな人には、自分でお好きなAPIをつなげて、ポップアップさせることも可能でございます。。

詳しい使い方、設定方法は↓

ＡｏＤ!(エイ・オー・ディびっくり）のサイトからどうぞ～。

ポップアップのデザインも今後、追加予定でございますので、ご意見、ご要望、ご質問、などなど、どしどしお寄せくださいな。

DesignWalker » マッシュアップ