AoD ! (Eye-Popping)

About AoD ! : AoD ! とは？

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

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

正式名称： AoD !
読み方： AoD Eye-Popping、エーオーディー・アイポッピング
愛称： AoD アイポ、AoD びっくり（エびちゃん）、AoD X（エックス）

Eye-Popping 【形】目玉が飛び出る（ほどの）、目を見張らせる、びっくりさせる、驚くべき
AoD ! に対応したリンクをマウスオーバーした時にがPop-upする感じも表現してみました。

それでは、使用例をご覧下さい。↓

Samples: 使用例

赤枠で囲まれたリンクをクリックしてみて下さい。

アマゾンのアソシエイトIDを設定してアフィリエイト。by Amazon
楽天アフィリエイトでmiJamを検索してみる。by 楽天
ちょいテレをA8経由で検索する。by A8で楽天
とかちつくちて♪ by YouTube
※ Weblio｜辞書＜国語辞典・国語辞書・百科事典＞よりWeb2.0を引用しよう！(01/12/2007)
※ MixFeedを使って、百式さんのブログを４つまとめてウォッチしてみる。(01/26/2007)
(02/17/2007：サービス終了？追記：一時的なダウンだった模様。)
※ Picasa ウェブアルバムを使って、写真集を作る。(02/03/2007)
※ 今話題の Yahoo Pipes を使って、百式さんのブログをまとめてみる。詰まり易い？(02/09/2007)
※ 今まで独自に楽天アフィリエイトの検索をしていましたが、楽天商品検索API を使うことも出来るようにしました。
比較のために上記と同じ、miJamで検索してみましょう。
（アフィリエイトIDの仕様が違いますので、楽天商品検索APIから確認して下さい。そのうちこっちを標準にするかも知れません。）(02/12/2007)
NEW! ※ ~~TwitterAPIを使わずに、~~YungSang's Twitterを表示してみる。(04/01/2007)
すみません。Twitter退会しちゃいましたw

その他、Google、価格.com、Wikipedia、SAGOOL、Flickr、訳GO.comとのマッシュアップはこちら→

トップへ戻る↑

Usage: 使い方

<script id="__lxs_aod2" src="http://www.isella.com/aod2/js/aod2_packed.js" charset="utf-8" type="text/javascript"></script>

をサイト内に埋め込む（記事内も可）。可能ならば、ヘッダ（<head></head>）タグの中へ（推奨）。

設定例）
１．シンプル

一番シンプルな設定方法の<a class="AOD2" rev="tag">サンプル</a>。by Amazon

一番シンプルな設定方法の<q class="AOD2">サンプル</q>。by Amazon

２．リソースを指定する。

Weblioより<a class="AOD2" rev="tag" rel="Weblio">Ajax</a>を引用する。

Weblioより<q class="AOD2" cite="Weblio">Ajax</q>を引用する。

３．リンクも指定する。（ポップアップ画面内のタイトルがリンクします）

アマゾンの関連商品を出しつつ、社長の<a class="AOD2" href="http://blog.l-xs.com/tk/" rev="tag" rel="Amazon:logicaextensi-22" target="_blank">ブログ</a>へのリンクを付けてみる。

※ class="AOD2"、rev="tag"は、固定です。
※ <q> の場合は、ブラウザによって引用符が自動的に付けられます（IE以外）。
※ が付いたものは、AoD ! 本体とは別に、APIやプラグインの追加スクリプトが必要になります。

トップへ戻る↑

FAQ & Troubleshooting

ポップアップフレームのテンプレート番号（tpl=）の対応は？

No.	Base Color	Nickname	Release Date
1	銀	クラシック	2006/11/13
2	白	白マック	2006/12/24
3	黒	黒マック	2007/01/02
4	赤	シャア専用	2007/02/05
5	青	グフ	2007/02/08
6	緑	ケロロ軍曹	2007/02/08

ポップアップウィンドウの上部バー（ドラッグ出来るところ）で右クリックすると、（検索系）プラグインのメニューが出てきて、その場でリソースをスイッチ出来るようにしてみました。
Opera ブラウザのために、Ctrlキー（もしくは Altキー）＋左クリックでも使えるようになってます。(1/5/2007)
透過PNGのデザインを追加しましたが、その使用方法は？

<script id="__lxs_aod2" src="http://www.isella.com/aod2/js/aod2_packed.js?tpl=2" charset="utf-8" type="text/javascript"></script>
のように、id と ?tpl=2 を追加すると Mac 風のデザインになります。
(12/24/2006)
現在動作確認されているブラウザは？
FireFox、IE、Opera、Safari
です。
上記以外のブラウザでの動作を確認された方や、上記のブラウザでもＯＳや環境によって動作しない場合は、下記までご連絡頂けると嬉しいです。
AoD ! に関するご質問、ご要望に関しては、出来る限り対応したいと考えていますが、
AoD ! をご利用による、いかなる損害も保証、補償は一切致しかねますので予めご了承下さい。
また、AoD ! 本体ではなく、外部Webサービス／APIの仕様変更や不具合、メンテナンス等のサービス停止による問題等、こちらで対応出来ない場合もあります。