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

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

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

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

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

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

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

例えば、このAoD!(エイ・オー・ディ びっくり)の説明文。

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

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

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

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

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

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

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

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

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

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

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

aod.gif

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

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

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

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

1. ↓のコードを、AoD!(エイ・オー・ディ びっくり)を表示したいhtmlの<head>から</head>の間にコピーします。

<script id=”__lxs_aod2″ src=”http://www.isella.com/aod2/js/aod2_packed.js?tpl=2&amp;plg=RSS,
Travel,Restaurant,Wikipedia,SAGOOL,Flickr,Stage6” charset=”utf-8″ type=”text/javascript”></script>

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

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

<a class=”AOD2″ rev=”tag” rel=”Wikipedia“>ブログ</a>

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

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

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

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

AoD!(エイ・オー・ディ びっくり)のサイトからどうぞ~。

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

デザインblogランキングデザインblogランキング

デザインblogランキング

コメント No Comments »   はてなブックマーク   del.icio.us

この記事に関連する記事



No Responses to “Ajaxツール「AoD!(エイ・オー・ディ びっくり)」で記事に注釈をつけてみる。”

  1. emi Says:

    面白そうなので使ってみました。
    設置簡単、表示が綺麗。
    ただ、
    自ブログは情報系じゃないので
    使っていいのか?と自問自答中ですw

  2. Goalura.com Blog'07 Says:

    試験導入したツールを紹介します。

    またまたサッカーの話しではないんですが、オフシーズンなのでご了承を。(ブログを新しくしてから、サッカーネタあんまり書いてないね)

    KID君的最近の旬…

  3. 管理人 Says:

    emiさん
    コメントどうもです。
    情報系じゃ無くてもいろいろ使えると思いますよ~。
    Flickrから写真とってきたり、YouTube,Stage6から動画ひろってきたり・・・

  4. What? Says:

    AoD!

    赤点線で囲まれ、カーソルを持っていくと!マークが現れ、クリックするとポップアップするヤツ(ヤツってw)「AoD!」というブログツールを…

  5. LifeStyle Says:

    AoD(アド・オン・デマンド)はじめました。

    昔からアフィリエイトをやっているのですが、正直、商品リンクを作成したり、リンク切れをチェックして更新したりする作業は面倒くさいです。以前は根気よくやってた…

  6. Multiplexer channel Says:

    AoD Eye-Poppingを搭載してみました

    まだあまり検証していないのでちゃんと動作、表示しているのか解りませんが・・・

  7. Clockworks Says:

    Ajaxなポップアップツール「AoD!(エイ・オー・ディ びっくり)」

    「Ajaxツール「AoD!(エイ・オー・ディ びっくり)」で記事に注釈をつけてみる。」
    現在、わたくしがデザインしております、AjaxツールのサイトAo…

この記事に対するコメントを残す




この記事のトラックバックURL

広告掲載のお問い合わせはこちら

検索

Google

カテゴリーアーカイブ

最近の記事

タグ・クラウド

月別アーカイブ

Agile Media Network パートナーブログ