DesignWalker » API http://www.designwalker.com ロサンゼルスで働くウェブデザイナーの日記。 Wed, 29 Jun 2011 06:24:51 +0000 ja hourly 1 http://wordpress.org/?v=3.0 Digg APIコンテスト トップ10作品発表 http://www.designwalker.com/2007/05/digg_api_contest.html http://www.designwalker.com/2007/05/digg_api_contest.html#comments Fri, 25 May 2007 10:16:43 +0000 admin http://new.designwalker.com/2007/05/digg-api%e3%82%b3%e3%83%b3%e3%83%86%e3%82%b9%e3%83%88-%e3%83%88%e3%83%83%e3%83%9710%e4%bd%9c%e5%93%81%e7%99%ba%e8%a1%a8.html

DiggのAPI公開を記念して、行われておりますAPIコンテストのトップ１０作品が発表されております。どれもなかなか力作ばかり。。５月３０日まで、投票が行われているようです。

Flex, Apolloなどなど、興味深いですね・・・

1. Digg Charts

2. Digg Expose

3. WordWeb

4. Wheel of Upcoming

5. DiggCity

6. DiggMob

ここから以下はApolloな感じ。。先にApolloをインストールしてから見ないと駄目ですね。。

7. MINI DIGG

8. D’Lite

9. Digg Watch

10. DiggGraphr Desktop

個人的には、Digg ExposeとMINI DIGGがいいかなって思いましたが。。
投票は、こちらからどうぞ。。。

]]> http://www.designwalker.com/2007/05/digg_api_contest.html/feed 0 Ajaxツール「ＡｏＤ!(エイ・オー・ディ びっくり）」で記事に注釈をつけてみる。 http://www.designwalker.com/2007/01/aod.html http://www.designwalker.com/2007/01/aod.html#comments Sat, 06 Jan 2007 20:13:33 +0000 admin http://new.designwalker.com/2007/01/ajax%e3%83%84%e3%83%bc%e3%83%ab%e3%80%8c%ef%bc%a1%ef%bd%8f%ef%bc%a4%e3%82%a8%e3%82%a4%e3%83%bb%e3%82%aa%e3%83%bc%e3%83%bb%e3%83%87%e3%82%a3-%e3%81%b3%e3%81%a3%e3%81%8f%e3%82%8a%ef%bc%89%e3%80%8d.html

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

aod.gif

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

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

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

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

1. ↓のコードを、ＡｏＤ!(エイ・オー・ディ びっくり）を表示したい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をつなげて、ポップアップさせることも可能でございます。。

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

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

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


]]> http://www.designwalker.com/2007/01/aod.html/feed 0 ムーバブルタイプでトラックバック送信元のfaviconを自動で表示する方法 http://www.designwalker.com/2006/12/trackback_favicon.html http://www.designwalker.com/2006/12/trackback_favicon.html#comments Mon, 18 Dec 2006 12:22:33 +0000 admin http://new.designwalker.com/2006/12/%e3%83%a0%e3%83%bc%e3%83%90%e3%83%96%e3%83%ab%e3%82%bf%e3%82%a4%e3%83%97%e3%81%a7%e3%83%88%e3%83%a9%e3%83%83%e3%82%af%e3%83%90%e3%83%83%e3%82%af%e9%80%81%e4%bf%a1%e5%85%83%e3%81%aefavicon%e3%82%92.html

ブログ書いてるみなさんトラックバックって受け付けてます？

最近では、トラックバックスパムが多かったり、ろくなトラックバックが送信されてこなかったり。。。送られてきたトラックバックをほったらかしにして見てなかったり・・・

実際ブログを見に来てくれてる方々にも、トラックバックって必要なの？なんて思ってしまう今日この頃。。
前回の記事では、SimpleAPIっていう、サービスを利用して、トラックバック送信元のサムネイルを自動表示する方法をご紹介いたしました。

今回は、ムーバブルタイプでトラックバック送信元のfaviconを自動で表示する方法をご紹介。これって、どんなときに便利なん？っと言われそうですが・・・

よく、ブログのサイドバーとかに表示されてる最近のトラックバックみたいな感じで、リスト表示してるブログ見たことございません？

はい。このブログでもやっております。↓こんなんじゃ。

trackback_favicon.gif

で、↑こんな感じで、トラックバックを送ってくれたブログのfaviconを自動的に表示してくれるようになるのですわ。まぁ、ない場合はファイルのアイコンが表示されます。

今回は、Favicon API α版っちゅうのを使わせていただきました。

っちゅうわけで、詳しいやり方はここから。

<img src="http://favicon.aruko.net/m/f/<$MTPingURL$>"
width="16" height="16" border="0" />

↑のコードをテンプレートの<MTPings>から</MTPings>の間に貼り付けたら出来上がり～。

非常に簡単でしたねぇ～。

]]> http://www.designwalker.com/2006/12/trackback_favicon.html/feed 0