Ajaxツール「ＡｏＤ!(エイ・オー・ディ びっくり）」で記事に注釈をつけてみる。
現在、わたくしがデザインしております、ＡｊａｘツールのサイトＡｏＤ!(エイ・オー・ディ びっくり）が本日、バージョンアップしたので、ご紹介。
このツールは簡単に言いますと、Ajaxのポップアップツールですわ。簡単に、あなたのブログにもクールなポップアップが取り付けられまっせ。って感じ。
Ajaxのポップアップって、正直。。。「ウザイ」
っちゅう人が多いのでは？？
まぁ。。。確かに。。。でも、使い方次第で、なかなか便利なツールになるかも？
わたくしの持論では、このＡｏＤ!(エイ・オー・ディ びっくり）は、本とかによくある、注釈みたいな感じで使えば、結構使えるような気がしてます。。
例えば、このＡｏＤ!(エイ・オー・ディ びっくり）の説明文。
誰でも、簡単に、Web2.0/Ajaxで、オシャレに、情報を発信出来る、新しいタイプのメディアツールです。
標準搭載された情報源に加え、プラグイン機能によって、発信者が自由にカスタマイズ出来る、
共通メディア・プラットフォームとしても、利用出来ます。
これにより、各種ウェブサービス、APIと簡単に接続し、AoD ! 上でマッシュアップすることが可能となります。
っと。。。こんな感じなのですが。。。この文章を読んで理解できる人は多くはないはずですね。。
文章の途中途中に専門的な用語が出てきて・・・一般ユーザーの方々は、読んでる間になんのこっちゃわからんわい！ってなってしまいそうです。。
そこで、このＡｏＤ!(エイ・オー・ディ びっくり）の登場でございます。
誰でも、簡単に、Web2.0/Ajaxで、オシャレに、情報を発信出来る、新しいタイプのメディアツールです。
標準搭載された情報源に加え、プラグイン機能によって、発信者が自由にカスタマイズ出来る、
共通メディア・プラットフォームとしても、利用出来ます。
これにより、各種ウェブサービス、APIと簡単に接続し、AoD ! 上でマッシュアップすることが可能となります。
↑の文章中に意味のわからん、単語をクリックしてみると。。。
とりあえず、今回はサンプルとして、Wikipediaの検索をくっつけてみました。。
これなら、ブログ読者もブラウザの新しいウインドウを開いて、検索して意味調べて。。。みたいな作業をすることなく、このページ上で問題解決できそうです。
さらに、ポップアップしたウインドウの上のバーの部分↓
ここをドラッグすると、ウインドウを動かせます。これで、今読んでる記事を邪魔することなく、注釈を確認しながら記事を読めますねぇ。さらに、一度閉じたポップアップも閉じた所で、場所を記憶しているので、再度ポップアップするときはその場所に開いてくれます！（←これが意外と便利）
右側に移動すると、次にポップアップするときには、同じ右側に開いてくれます。
まぁまぁ、適当に遊んでるうちにいろいろ発見できるツールになっております。
それでは、使い方のご説明。
1. ↓のコードを、ＡｏＤ!(エイ・オー・ディ びっくり）を表示したいhtmlの<head>から</head>の間にコピーします。
Travel,Restaurant,Wikipedia,SAGOOL,Flickr,Stage6” charset=”utf-8″ type=”text/javascript”></script>
*赤字の部分は使用したい用途に応じて書いてください。とりあえず、そのままコピーすればいいですが。。。
2. コードをコピーしたら、本文のポップアップさせたい文字を
こんな感じで、タグで囲めばできあがり～っす。
*赤字の部分は使用したい用途に応じて書いてください。上の、例は、Wikipediaで「ブログ」の検索結果をポップアップさせたい場合っす。
他にも、YouTubeでの検索結果を表示したり、英和、和英辞書をポップアップさせたり。。いろんな使い道がありますよん。
さらに、プログラマな人には、自分でお好きなAPIをつなげて、ポップアップさせることも可能でございます。。
詳しい使い方、設定方法は↓
ＡｏＤ!(エイ・オー・ディ びっくり）のサイトからどうぞ～。
ポップアップのデザインも今後、追加予定でございますので、ご意見、ご要望、ご質問、などなど、どしどしお寄せくださいな。
|
|
|
この記事に関連する記事
![Web creators (ウェブクリエイターズ) 2008年 10月号 [雑誌]](http://ecx.images-amazon.com/images/I/51VGsA-4aJL._SL75_.jpg)
![Web Designing (ウェブデザイニング) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/518kQgLKnxL._SL75_.jpg)
![Web creators (ウェブクリエイターズ) 2008年 09月号 [雑誌]](http://ecx.images-amazon.com/images/I/517QVsIHXtL._SL75_.jpg)
January 25th, 2007 at 3:55 pm
面白そうなので使ってみました。
設置簡単、表示が綺麗。
ただ、
自ブログは情報系じゃないので
使っていいのか？と自問自答中ですｗ
January 26th, 2007 at 9:06 pm
試験導入したツールを紹介します。
またまたサッカーの話しではないんですが、オフシーズンなのでご了承を。（ブログを新しくしてから、サッカーネタあんまり書いてないね）
KID君的最近の旬…
January 27th, 2007 at 5:16 am
emiさん
コメントどうもです。
情報系じゃ無くてもいろいろ使えると思いますよ～。
Flickrから写真とってきたり、YouTube,Stage6から動画ひろってきたり・・・
February 4th, 2007 at 12:29 am
AoD！
赤点線で囲まれ、カーソルを持っていくと！マークが現れ、クリックするとポップアップするヤツ（ヤツってｗ）「AoD！」というブログツールを…
April 14th, 2007 at 7:57 pm
AoD（アド・オン・デマンド）はじめました。
昔からアフィリエイトをやっているのですが、正直、商品リンクを作成したり、リンク切れをチェックして更新したりする作業は面倒くさいです。以前は根気よくやってた…
May 22nd, 2007 at 10:32 am
AoD Eye-Poppingを搭載してみました
まだあまり検証していないのでちゃんと動作、表示しているのか解りませんが・・・
June 17th, 2007 at 4:20 pm
Ajaxなポップアップツール「ＡｏＤ!(エイ・オー・ディ びっくり）」
「Ajaxツール「ＡｏＤ!(エイ・オー・ディ びっくり）」で記事に注釈をつけてみる。」
現在、わたくしがデザインしております、ＡｊａｘツールのサイトＡｏ…