ガジェット＆ウィジェット Archive

PATAPON(パタポン) はてなダイアリーキーワードミニゲーム - 川o・-・）＜2nd life
キーワードを弓で打って遊ぶ、「PATAPON(パタポン)」オリジナルミニゲームの提供開始について【12/16(日)まで】 - はてなダイアリー日記

Flash を背景透過にして、ブラウザ内部に全画面表示させ、～結構今後 Flash 側から ExternalInterface (JS) を通してブラウザの DOM にアクセスしてあれこれ、というのが流行ってくるんじゃないかなぁ、と漠然と思ったりしてます。

実際、ミニゲームをやってみました。
パタポンとは - はてなダイアリー
これはおもしろい！

Amazonベストリングでも背景色の取得に多少Flashからjavascriptの操作（カラーピッカーの部分）をしているのですが、以前別のサイト（※）を見て「飛び出すブログパーツはおもしろいな～」と思っていたのでPATAPON(パタポン) のようなサイトを待ってましたって感じです。
javascriptではサイトのような矢のアニメーションは手間がかかると思うのでいいとこ取りのマッシュアップです。
せっかくFlashを使い始めたのでこういう特性を活かしたものを作ってみたいです。

※踊る初音ミク || 初音ミクが踊って歌うブログパーツ
ちなみにこのサイトのブログパーツは、見る見る間に進化していって初音ミクが踊るにとどまらず、動作のコントロールから曲の選曲までできるようなってます。
どうやったら短時間でこんなことができるんでしょうか？そのテクがうらやましい限りです。

できそうだったので手持ちの「Amazonウィッシュリング」の背景を透過flashにしてみました。
リンク(Open)から起動できます。閉じるのはダブルクリックかCloseを押して下さい。

リンク先に簡単な設定画面を作りました。（ブログに貼れます）
Amazonウィッシュリング（リンク起動）

追記(12/15)技術的に悩んだところを別エントリに書きました。
Andre's garden プログラミングメモ: SWFObject2.0でページのロード後にFlashオブジェクトの再表示を行うには？

Googleさんから「iGoogle ガジェットコンテスト 参加の御礼」というメールが届いた。

参加賞くれた後にもメールを送ってくるとは律儀な会社だ。
あ、ちなみにコンテスト結果は１１月に発表されてました。

めでたく当初の目的である参加賞をゲット！
なんなのかこの段階ではなんとも・・・・ほんとシンプルです。

おなじみの「I'm Feeling Lucky（俺は幸運だから見たいページが開くんだよ。という意味らしい）」

中身は赤のアルミボトルでした。

これをつけて外を歩くと「参加賞か～まだまだだね！」といってくれる人がいるのでしょうか。
もしそんな人がいたら一緒に記念撮影してください（笑）

受賞作品の紹介と受賞者のインタビュー（iGoogleガジェットコンテスト授賞式が開催）を読んで、早速、自分のiGoogleに追加して試してみる。

せっかく追加したので使った感想を一言ずつ。
内容は全て（iGoogleガジェットコンテスト｜受賞作品決定！　審査結果の発表から引用。ガジェットの紹介・追加ページもこちらにあります。）

グランプリ　QR Edit（作者：kilo）

内容：任意のテキストからQRコードが生成できるガジェット。電話帳登録用やブックマーク登録用のQRコードを作ることもできる。

うーん、携帯でのテキスト入力は面倒だからなぁ。（over30だけに）
まちがいなく使いたくなります。
昔、商品のバーコードをスキャンして家計簿を作れないかと妄想したことがありましたが、携帯端末で似たようなことできないかなー？
これからも携帯での入力を軽減するこういったサービスは増えるでしょう。

準グランプリ　StartCommand（作者：クリエイトシステム）

内容：さまざまなウェブサイトの検索結果を、あらかじめ設定したコマンドを使って呼び出すことができるソーシャルコマンドツール。

これもすごい。ブラウザ上のコマンドランチャー。
「niconico ゆとり」でニコニコ動画で「ゆとり」のキーワード検索ができました。
元のサイト（※）で使えるコマンドが随時増えているのもいいなぁ。
※StartCommand ソーシャルコマンドサービス

特別賞　CO2Calculator（作者：Yoshimitsu Imai）

内容：日常で使用するさまざまな資源から、どれくらいのCO2（二酸化炭素）が排出されるかが簡単に計算できるFlashツール。

flashコンテンツだ！
エコだ！（やっぱ、私のガジェットに足りないのはそれか！笑）
こういう複数の基準（単位）から気付きを与えてくれるツールはいいですねー。

特別賞　U.T. (The Unique Translator)（作者：Yoshiomi Kurisu）

内容：いきなりしゃべる、いちいちしゃべる、ウザイほどよくしゃべる。けれど、そのたどたどしい語り口が憎めない、音声読み上げ辞書ツール。

確かにいきなり話しかけられてびっくりします。シーマンみたいなもんです。
ただ経験上、英単語は音声があるほうが絶対いいです。
それにインタラクティブな（ランダムですが）ほうが会話してる気がしてやる気になりますね。
（私の場合はやる気になるが長続きがしないというパターンが多いです。笑）

作者Yoshiomiさんのインタビューから

ガジェットの説明をしていたソフィアさんが可愛いかった事です。

共感した！激しく共感したｗｗｗ（共感エントリ。Andre's garden: さあ、そろそろ美人のおねえさんにGoogle Gadgets APIのことを教えてもらおうじゃないか。）

インプレスR&D インターネットマガジン賞　Dragging Puzzle（作者：Toshi Hayashi）

内容：マウスによるガジェットのドラッグ機能とガジェット間通信機能を利用した、ガジェットパーツ自体がピースとなるジグソーパズル。

これは、すごい発想！ネタの勝利です。（もちろんガジェット連携の技術もクール）
揃ったときには感動しますよ。

インプレスR&D インターネットマガジン賞　JavaScript Console（作者：WebOS Goodies）

内容：JavaScriptの簡易開発環境をガジェット上で実現。JavaScriptだけでなく、ガジェットの開発／テストツールとしても利用できる。

私にとって一番役に立ちそうと感じたガジェット。
JavaScriptの手軽なデバッグ環境ほしかったんです。
firebugのコンソールって１行だけだから（私が知らないだけ？私には１ライナーで書くテクはないです＾＾；）JavaScript Consoleのように複数行のコードが書きやすいものが欲しかった。
小さい関数なんかを確認したいケースに使えそうな気がしました。
シンプルだけど他にも機能がたくさんあって、しばらく使ってみたいです。

この方のＨＰにはガジェット作成時にもお世話になりました。
iGoogle ガジェットの作り方 : Google Analytics ライブラリ - WebOS Goodies

すごいガジェットを目の当たりにしてガジェット熱が再燃しそうです。
まだまだガジェットで遊べますね。

おまけ
iGoogleガジェットコンテスト授賞式が開催の記事の中の「総評～及川 卓也さん（グーグル株式会社）」を拝見して
「あれ？オレがいる。」と思ったのはわたしだけです・・・＾＾；

以前言ってたAmazonベストリングが出来たのでとりあえずトップに貼ってみました。
iGoogleのコンテンツディレクトリにも登録したのでそのうち検索できるようになると思います。

Amazonのジャンルを選択してランキングを表示するガジェットです。

詳細はこちら（Amazonベストリング）
ぜひブログに貼ってみたいという神のような人はこちらから

回転する以外は、たいした機能があるわけではないです。
なんとかブログに貼れるレベルになったというところでしょうか＾＾；

ＵＩがAmazonウィッシュリングの時から結構変わったので後で合わせないと。。。。

モチベーションが落（堕）ちて最後のほうはダラダラやってしまったのは反省点ですね。
本当はこの先に「Amazonの好きな商品を組み合わせて表示できるようにする」という目標があるのですが果たしてたどり着くかどうか。。。

設定変更の画面はGoogleガジェットでは結構制限されるので自分で作ったほうがいいのかもしれません。

関連エントリ
Andre's garden: 今度はベストセラーにしよう（Googleガジェット作り）
Andre's garden: iGoogleガジェットコンテストに応募してみた（Amazonウィッシュリング）

ウィッシュリストを作ったので次はベストセラーになるのは流れとして平凡なのですが。。。

まだまだ！

改善の余地がアリアリなので作っていきます。
（ホントはウィッシュリスト直したいけど、審査中ー、あ～激しく直したい！！）

近々公開できそうな気がしますが、これはAmazonのジャンルごとのランキングを売上順に表示するガジェットです。
上は「ＤＶＤ」のランキングですが、ジャンルは「和書」や「ミュージック」等、選択できるようにするつもりです。
まだ、登録してないので使えないです。（ホームガジェットととしては使えるかもしれないですが、出来６０％くらいだから・・・）

モチベーションが墜（落）ちてきたので先出ししてみました（笑）

あと、やるかやらないか迷ってるカイゼン事項たち

・横260px×縦240px以下のサイズで上手く表示させたい。→縦200～150pxくらいにならないとブログパーツにしにくいんですよね＾＾；
・背景色、#000000とか普通、入力しませんってｗｗｗ。私はもう、なれましたけど。。。＿|￣|○→カラーピッカー導入するかどうか。
・入りきらない商品のタイトル文字を全部表示させる。→さてどうしたものやら
・画像のロードちょっと遅いんじゃ。。。うーん、サーバーでキャッシュする？お手軽じゃないなぁ、あきらめよっかｗ
・アマゾンの商品ジャンルは細分類で数十種あるんですけど。。。

ふぅ

あとアダルティ（ｗ？）な商品を表示させないようにしないと＾＾；（選択ですかね）
ＷＥＢサービスはチェックされてないから普通に画像がでてくるんですよ、なんで和書のランキングにいきなり！と思ってドキ～ッっとするんですよ・・・あー、オレだけですか、そーですか。

iGoogleのアドセンスビデオを表示させたいと思ってバナーをつけていましたが、ちっともきませんでした＾＾；

「ちょびリッチ」とか「ランジェリー」とかどんなカテゴリのブログと判断されてんねん。。。

あきらめてしばらくの間（しつこいようですが、そのうち自分のガジェット貼ってやりますよ。笑）は、アマゾン・インスタントストア ウィジェットで遊んでみます。

トップ・バナーに貼りました＾＾/
今回は、インスパイアされた本特集です。
いい意味で「なんじゃこりゃぁーーー！」と感銘を受けた本をインスタントストアに入れてみました。
「金持ち父さん・・・」とか入ってますが、結構おもしろいですよ。もっと評価されるべきだと思うなぁ。

一部の本は紹介してます。エントリはこちらから
Andre's garden: 心に残った本

Amazonウィッシュリング: iGooleのコンテンツディレクトリに登録されました。

よかった＾＾；

登録にタイムラグがあるのは事前にわかっていましたが、送信まちがえたかも？とヒヤヒヤしてました。
余裕のないオトコですなぁー

他もどんどん作りますよ＾＾

＜おまけ＞
こんなガジェットみつけた。

しゃれで作ったのかと思ったらけっこう本格的な（？）ファンだ（笑）
LouTube - Road to レッドホワイト歌合戦 -

ガジェットだかウィジェットだかわからなくなってきましたが、iGoogleガジェットコンテストに応募してみました。（求職活動もしてますよ＾＾；）

って書いてしまうとすごいことのように見えたりもするが、最後は送信ボタンを押すだけだ。応募はタダだ。
どんなへんなものでも（。。。動かないとダメか）参加賞で「グーグルオリジナルグッズ」がもらえるのだよ・・・たぶんね。

締め切り日の２３：４０に出すデンジャーな開発者でスイマセン（９月３０日と思ってたから助かったス）
でも、グーグルさんも１０月１日締め切りっていったらその日の２３：５９のことを指しているってことが同じ感覚で（いや、１８：００とかじゃなくてね）少し安心しました。

送信したガジェットのxmlは、公開だから下手したら恥を世界に発信した可能性が大だが、もう出してしまったので気にしないことにしよう

Andre's garden: ぜ、絶望した！Amazon ウィジットに絶望した！
で別にアマゾンに絶望したわけではないのですが、
Andre's garden: いよいよウィジェットが戦場になるのですね
でFlashがGoogleのガジェットに簡単に流用できたので寄り道したらはまってしまいました。
作ってるあいだはアレコレ機能追加したい欲が出て実装に苦心する毎日でしたが送信したら手も足も出せないので今夜はよく寝れそうです。ガハハ。

アマゾンウィッシュリストを使ったサービスです。
詳しいことはAmazonウィッシュリングのページに載せましたのでよかったらのぞいてみてください。
また、他にもなんか作ろうと思っています。

そういやデフォルト自分のウィッシュリストなのでこれもなんかコアな商品混ざってるのでキツイなぁ＾＾；（
ま、もう終わったからいっか。
ＵＩだせぇとか色の種類が少ないとかテスト足りてねぇとかタイトルついてないとか。。。。

。。。

o(>_< *)(* >_<)o
直そう。。。。そのうち

「それはどうかな。もっと壮大で恐ろしい戦略の中に組み込むことを考えているんじゃないかな、グーグル候ラインハルトは・・・」

ＡＡ参考「銀河ＡＡ伝説」
とヤン提督がおっしゃるはずもありませんが（このネタわかる人いねーｗｗｗ。参照「銀河英雄伝説. +++ 第24話 誰がための勝利」）、なるほどこの記事で状況が少しわかったような気がします。

メディア・パブ: Google，強力なガジェット（Widget）広告を開始

Widgetビジネスがいよいよ本物になってきた。Googleが満を持してWidget広告を始めたからだ〈GoogleはWidget（ウィジェット）をGadget（ガジェット）と呼んでいる〉。

　ガジェット広告（ウィジェット広告）はミニサイズの広告で，ブログやSNS，パーソナライズドページなどに貼り付けることができる。Googleは広告主のために，AdSense networkでガジェット広告を配信することになる。

グーグルとアマゾンが本格的にウィジェット広告に乗り出してきた！

つまり、私がのん気に竹やりを持って歩いていたその時、グーグル軍とアマゾン軍は上の方で制空権を制圧するためにに戦闘機を飛ばし、トマホークを発射していたというわけで。。。。こりゃたまらん＾＾；

ここはガバッと頭をきりかえ、自分のためにこんな話を引用してみることにしましたｗ

「開発について」
開発者が作る
* 開発者が企画してつくる
* サービス作りたかったら自分で作れ
少人数で作る
* 1人で作る
* 新しいことの正しさは，あなたにしかわからない
* 哲学の投影
短い時間でつくる
* スピード重視
* ウェブなんだから
* 100%の品質より90%でスピード

「サービスについて」
継続する
* 1年とか2年とかかけて育てる
* 細かく細かく毎日値改善

参考（脱・下流エンジニア (仮) - はてなと考えるにっぽんのWeb2.0）
また、この話の中でサービスは継続して作りこんでいくとおのずと違うものになっていくからとも書いてありました。心強い話です。

まぁ、後だしジャンケンの強みで一歩一歩やることにします＾＾

おまけ
下の記事を見てできそうだったのでiGoogleに貼ってみました。
Flash ブログパーツを Google ユニバーサルガジェットにする方法 : メディアテクノロジーラボ　ブログ
たぶん、他の方も登録可能です。（アソシエイトＩＤは私のもの固定になってます。すみません＾＾；）

やりかた

iGoogleを利用している人が前提です。してない方はこちらを見てください。
まず、http://www.google.co.jp/ig/directory?hl=ja&root=/ig&dpos=topを開いて
iGoogle の「コンテンツを追加」ページ内の検索窓右側にある「URL を指定して追加」に、以下のパス（ http://andre-garden.com/test/ginga_collectors.xml）を入力し、追加すれば、自分の iGoogle に 上の写真ような「銀河英雄伝説コレクターズ・リング」ガジェットが追加されると思います。
機能は特にないです。回転するだけです（笑）

今日の午後一でメールを開いたら。
アマゾンから凶悪なメールが届いていた。（開いたときはそうは思わなかったのだが・・・・）

【Amazonアソシエイト】最新ツール、Amazon ウィジットが登場！

このたびAmazon アソシエイト・プログラムでは、新たなリンク作成ツールとして「 Amazon ウィジェット ※」の提供を開始しました。Amazon ウィジェットを使うと、ブログをはじめとしたWebサイトでの商品紹介がもっと簡単に、ダイナミックになります。もちろん利用は無料です。

ちなみにウィジェットとはこういうものです。（アマゾンヘルプ参照）

「Amazon ウィジェット」は、SNS、ブログやWebサイトに、Amazon の商品を紹介するための、簡単に設定ができる小さなリンクパーツの総称です。

あ、そう。何してくれんの？
と思いながら興味深深で覗いてみると・・・・・・

うっ！かなり充実してやがる！

１．ウィジェットの種類が豊富
・スライドショー ウィジェット、プロダクトクラウド ウィジェット等。新しい見せ方の６つのウェジットと９つの既存の見せ方をウェジット化したもの。あわせて１５個のウェジット。選ぶのに困るくらいです。

２．FlashやJavascriptをふんだんに使った躍動感のある画面
・JavaScriptやFlashを使って視覚効果も抜群。インタラクティブなＵＩも◎（マル）。

３．個々のウィジェットのカスタマイズ度が高い
・幅・高さ・色。もちろん商品の入れ替えや表示のエフェクトまで。。。。これが連邦軍のモビルスーツの威力なのかぁっーーーーー！（錯乱してます＾＾；）

それよりなにより問題なのは
それ今、オレ作ってんねんけどーーーーーー！！！！！

どぉー！！！！
どぉー！！！
どぉー！！
どー！(;ﾟдﾟ)
ってところでしょうか。

提供されているウィジェットの中にウィッシュリストがあるとか。。。。
選んだ商品にコメントがつけられたりする機能があるとか。。。。（実現したいけど時間的に後回しにした機能が実現されていること）が地味にイタかったりします＾＾；

Flash5でちょっとゲームを作った後、Webサービスと連携さしてなんかできないかなーと思ってアマゾンWebサービスを使ってブログパーツ作りを始めてみたのが１ヶ月くらい前。

いろんな壁がありました・・・
「Flash5の壁」＞データload周りで苦労しまスた
「Flash+ASP.NETの連携の壁」＞ASP.NETとFlash5連携なんて情報ないス。誰かFlash8ください・・・
「ウィジェット（ブログパーツ）として提供することへの壁」＞クライント側のデータ作成をゴリゴリJavascriptで操作
「クロスドメインの壁」＞crossdomain.xmlがクライアントにおけねー。プロクシなんて書いたことねー

他にも数え切れないほどの壁がありました・・・ようやく出せるかなーと思った矢先にでかすぎる壁が。。。。
胴元かよっヽ(≧Д≦)ノ

アメリカのテニスプレーヤー、アンディ・ロディックがとてつもない強さの世界ＮＯ．１プレーヤーと対戦し完敗したときのことをこう語っています。

洗面台を投げつけたら バスタブが返ってきたよ

そのときの言葉をかりるなら

猫パンチをしたら百裂拳が返ってきたよ

そんな気分です。

※猫パンチ・・・伝説の俳優ミッキーロークがボクシング映画で見せたまるで威力のないパンチのこと
※百裂拳・・・某漫画（北斗の拳）で主人公がはなつ必殺の技の名前。拳が速すぎて１００個以上見えるところから。

ま、( ﾟдﾟ)ﾎﾟｶｰﾝ　こんな状態ですが、とりあえず自分のブログに自作ウィジェットでも貼って（笑）
これからのモチベーションをどう保つか考えることにしましょう。

とりあえず、今日は、やらん。