<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>alt &#187; ウィジェット</title>
	<atom:link href="http://blog.alt-scape.com/archives/tag/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alt-scape.com</link>
	<description>alt-scape weblog</description>
	<lastBuildDate>Sat, 03 Dec 2011 18:00:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Yahoo!ウィジェットをFlashで作ってみる</title>
		<link>http://blog.alt-scape.com/archives/172</link>
		<comments>http://blog.alt-scape.com/archives/172#comments</comments>
		<pubDate>Mon, 27 Oct 2008 07:55:46 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[サンプル]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[ソースコード]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=172</guid>
		<description><![CDATA[



Yahoo!ウィジェットをFlashで作ってみました。
というかフォーマットに沿ってグラデの上に文字を乗っけたFlashを貼り付けてみただけです。
以下に開発にあたってのメモをとったので参考までに。
ソースファイ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://blog.alt-scape.com/img/yahoo_widget1.jpg" alt="Yahoo!ウィジェットサンプル" border=0 class="imgnostyle" />
<br />
<br />
<strong>Yahoo!ウィジェット</strong>を<strong>Flash</strong>で作ってみました。<br />
というかフォーマットに沿ってグラデの上に文字を乗っけたFlashを貼り付けてみただけです。<br />
以下に開発にあたってのメモをとったので参考までに。<br />
<a href="http://blog.alt-scape.com/fla/widgetTest.zip" target="_blank" title="ソースファイル">ソースファイル</a>ごとまるごとアップしたのでたぶんそっち見たほうが早いかも。<br />
※ちなみにバージョンはFlashがサポートされた4.5で作ってあります。<br />
<br />
<span id="more-172"></span><br />
【<strong>ウィジェットエンジンのインストール</strong>】<br />
<br />
<a href="http://widgets.yahoo.co.jp/download/">こちら</a> からバージョン4.5のエンジンをインストールします。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>.widgetパッケージにするためのファイル構造</strong>】<br />
<br />
widgetTest（アプリ名）<br />
　｜<br />
　― Contents<br />
　　　｜<br />
　　　― widget.xml（環境設定ファイル）<br />
　　　― widgetTest.kon（アプリ名.kon）←適当なエディタで.konで保存する<br />
　　　― js<br />
　　　　　｜<br />
　　　　　― sample.js（サンプルjs）<br />
　　　― swf<br />
　　　　　｜<br />
　　　　　― sample.swf（貼り付けswf）<br />
　　　― images<br />
　　　　　｜<br />
　　　　　― sample.png（サンプル画像）<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>環境設定ファイル</strong> <strong>widget.xml</strong>】<br />
<br />
widget.xmlファイルはウィジェットの実行には不要ですが、強く推奨します。<br />
このファイルは、ウィジェットの名前、作者、組織、著作権情報、およびウィジェットドックおよびセキュリティダイアログにより使用される画像への相対パスなどのウィジェットに関する情報を指定します。<br />
widget.xmlには識別子の付与のため、<identifier>フィールドがあります。<br />
例：　<identifier>425b0c3e-fd99-11db-8314-0800200c9a66</identifier><br />
http://widgets.yahoo.com/widgets/uuid-vaultのツールを使って、UUIDを生成してください。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>ウィジェットのデバッグ方法</strong>】<br />
<br />
widgetTest.konに<br />
<settings>< setting name="debug" value="on" /></settings>を記述し、<br />
デバッガをonにした状態でwidgetTest.konをダブルクリックします。<br />
アプリが書き出されるのと同時にデバッガも起動します。<br />
変更内容が反映されていないときはデバッガのReloadボタンを押しましょう。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>ウィジェットのパッケージング</strong>】<br />
<br />
パッケージングにはウィジェットの形式の変換を行うウィジェット「<strong>ウィジェットコンバーター</strong>」を<br />
以下からダウンロードします。<br />
<a href="http://widgets.yahoo.co.jp/workshop/" target="_blank" title="ウィジェットコンバーター">http://widgets.yahoo.co.jp/workshop/</a><br />
使い方はサンプルで作ったwidgetTestフォルダをウィジェットコンバーターにドラッグ＆ドロップして変換を押すだけ。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>ウィジェットのアップデート</strong>】<br />
<br />
修正したいバグを発見したり、追加したい新機能があるときは<br />
ギャラリーアップロードツールを使って更新することができます。<br />
ウィジェットを更新すると、あなたのウィジェットのユーザーは通知され、アイコンをクリックするとユーザーに新規バージョンに更新したいかどうかを尋ねるダイアログが生成されます。<br />
ユーザが同意した場合は、新規バージョンが自動的にダウンロードされ、インストールされます。<br />
※この機能はアメリカのYahoo! Widgetsに投稿した場合にのみになります。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>ウィジェットのデジタル署名</strong>】<br />
<br />
ウィジェットエンジンではウィジェットファイルへのデジタル署名をサポートしています。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>懸念事項</strong>】<br />
<br />
・ユーザーマシンにYahoo!ウィジェットエンジンのインストールが必要。<br />
・3.0、4.0、4.5で多少仕様が変わっている。<br />
・Flashがサポートされたバージョン4.5以降で作った場合、ユーザー側のエンジンがそれより古いときはどうなるのか？<br />
・ランタイムインストールの際、チェック外すの忘れてYahoo!メッセンジャーやらYahoo!ツールバーを入れちゃう人いそう。<br />
・最初からダウンロードセットに含まれたアプリやMacのドックみたいなのが画面を埋める。Googleデスクトップとバッティングしたら余計邪魔。<br />
・Flash上のみドラッグできません。（JSとの連携ならできる？）<br />
　http://labs.anthill.jp/2007/12/yahoo_widgetsflash.html<br />
・Flash内の文字のエッジが荒れます。<br />
（貼り付け前のSWF単体ではもちろんきれいに表示されています）<br />
<img src="http://blog.alt-scape.com/img/yahoo_widget2.jpg" alt="Yahoo!ウィジェットSWFサンプル" border=0 class="imgnostyle" />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<br />
<br />
【<strong>サンプルソース</strong>】<br />
<br />
widgetTest.kon<br />
<pre class="code"><span class="tag">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br />
<span class="tag">&lt;widget <span class="attr">version=</span><span class="value">&quot;1.0&quot;</span> <span class="attr">minimumVersion=</span><span class="value">&quot;4.5&quot;</span> <span class="attr">name=</span><span class="value">&quot;widgetTest&quot;</span>&gt;</span><br />
    <br />
    //デバッグ<br />
    <span class="tag">&lt;settings&gt;</span><br />
        <span class="tag">&lt; setting name=&quot;debug&quot; value=&quot;on&quot; /&gt;</span><br />
    <span class="tag">&lt;/settings&gt;</span><br />
    <br />
    <br />
    //画面設定<br />
    <span class="tag">&lt;window <span class="attr">name=</span><span class="value">&quot;widgetTestWindow&quot;</span> <span class="attr">title=</span><span class="value">&quot;widgetTest&quot;</span> <span class="attr">width=</span><span class="value">&quot;500&quot;</span> <span class="attr">height=</span><span class="value">&quot;230&quot;</span> <span class="attr">visible=</span><span class="value">&quot;true&quot;</span> <span class="attr">shadow=</span><span class="value">&quot;1&quot;</span> <span class="attr">style=</span><span class="value">&quot;background-color:#FFFFFF&quot;</span>&gt;</span><br />
        <br />
        <br />
        //テキスト挿入サンプル<br />
        <span class="tag">&lt;text <span class="attr">name=</span><span class="value">&quot;myText&quot;</span> <span class="attr">data=</span><span class="value">&quot;Hello World!&quot;</span>&gt;</span><br />
            <span class="tag">&lt;hOffset&gt;</span>355<span class="tag">&lt;/hOffset&gt;</span><br />
            <span class="tag">&lt;vOffset&gt;</span>180<span class="tag">&lt;/vOffset&gt;</span><br />
            <span class="tag">&lt;size&gt;</span>18<span class="tag">&lt;/size&gt;</span><br />
            <span class="tag">&lt;color&gt;</span>#000000<span class="tag">&lt;/color&gt;</span><br />
            <span class="tag">&lt;bgColor&gt;</span>#ffffff<span class="tag">&lt;/bgColor&gt;</span><br />
            <span class="tag">&lt;bgOpacity&gt;</span>255<span class="tag">&lt;/bgOpacity&gt;</span><br />
        <span class="tag">&lt;/text&gt;</span><br />
        <br />
        //画像挿入サンプル<br />
        <span class="tag">&lt;image <span class="attr">src=</span><span class="value">&quot;images/sample.png&quot;</span>&gt;</span><br />
             <span class="tag">&lt;hOffset&gt;</span>350<span class="tag">&lt;/hOffset&gt;</span><br />
             <span class="tag">&lt;vOffset&gt;</span>50<span class="tag">&lt;/vOffset&gt;</span><br />
             <span class="tag">&lt;onMouseDown&gt;</span><br />
             <span class="tag">&lt;/onMouseDown&gt;</span><br />
        <span class="tag">&lt;/image&gt;</span><br />
        <br />
        //FLASH挿入（minimumVersionは4.5以降でFLASH使用可能）<br />
        <span class="tag">&lt;flash <span class="attr">src=</span><span class="value">&quot;swf/sample.swf&quot;</span>&gt;</span><br />
            <span class="tag">&lt;name&gt;</span>flashView<span class="tag">&lt;/name&gt;</span><br />
            <span class="tag">&lt;vOffset&gt;</span>0<span class="tag">&lt;/vOffset&gt;</span><br />
            <span class="tag">&lt;hOffset&gt;</span>0<span class="tag">&lt;/hOffset&gt;</span><br />
            <span class="tag">&lt;width&gt;</span>300<span class="tag">&lt;/width&gt;</span><br />
            <span class="tag">&lt;height&gt;</span>230<span class="tag">&lt;/height&gt;</span><br />
            <span class="tag">&lt;scale&gt;</span>noScale<span class="tag">&lt;/scale&gt;</span> //showAll,noBorder,exactFit,noScale<br />
            <span class="tag">&lt;useFlashContextMenu&gt;</span>false<span class="tag">&lt;/useFlashContextMenu&gt;</span> //コンテクストメニュー<br />
            //<span class="tag">&lt;base&gt;</span><span class="tag">&lt;/base&gt;</span> //Flash Playerムービーですべての相対パスを解決するために使用する基準となるディレクトリパスま<br />
たはURLを指定<br />
            <span class="tag">&lt;allowNetworking&gt;</span>all<span class="tag">&lt;/allowNetworking&gt;</span> //ネットワーク機能を有効<br />
            <span class="tag">&lt;minVersion&gt;</span>524288<span class="tag">&lt;/minVersion&gt;</span> //必須の最低のFlashバージョンを指定（バージョンx65536の倍数として指定）<br />
            <span class="tag">&lt;quality&gt;</span>High<span class="tag">&lt;/quality&gt;</span> //品質<br />
            var currentMode = myFlash.wMode; //WMODE<br />
        <span class="tag">&lt;/flash&gt;</span><br />
        <br />
        <br />
        //その他オブジェクト<br />
        <span class="tag">&lt;canvas /&gt;</span><br />
        <span class="tag">&lt;textarea /&gt;</span><br />
        <span class="tag">&lt;frame /&gt;</span><br />
        <span class="tag">&lt;scrollbar /&gt;</span><br />
        <span class="tag">&lt;script /&gt;</span><br />
        <br />
    <span class="tag">&lt;/window&gt;</span><br />
    <br />
    <br />
    //アクション設定<br />
    <span class="tag">&lt;action <span class="attr">trigger=</span><span class="value">&quot;onLoad&quot;</span>&gt;</span><br />
        include(&quot;js/sample.js&quot;); //外部jsファイルの実行<br />
    <span class="tag">&lt;/action&gt;</span><br />
    <br />
    <span class="tag">&lt;action <span class="attr">trigger=</span><span class="value">&quot;onMouseDown&quot;</span>&gt;</span><br />
        //closeWidget(); //閉じる処理<br />
    <span class="tag">&lt;/action&gt;</span><br />
    <br />
    <br />
    //プリファレンス設定（ユーザーによるカスタマイズ機能の追加）<br />
    <span class="tag">&lt;preference&gt;</span><br />
        <span class="tag">&lt;name&gt;</span>continentSelector<span class="tag">&lt;/name&gt;</span><br />
        <span class="tag">&lt;title&gt;</span>番号:<span class="tag">&lt;/title&gt;</span><br />
        <span class="tag">&lt;type&gt;</span>popup<span class="tag">&lt;/type&gt;</span><br />
        <span class="tag">&lt;option&gt;</span>1<span class="tag">&lt;/option&gt;</span><br />
        <span class="tag">&lt;option&gt;</span>2<span class="tag">&lt;/option&gt;</span><br />
        <span class="tag">&lt;option&gt;</span>3<span class="tag">&lt;/option&gt;</span><br />
        <span class="tag">&lt;defaultValue&gt;</span>1<span class="tag">&lt;/defaultValue&gt;</span><br />
        <span class="tag">&lt;description&gt;</span>番号を選択してください。<span class="tag">&lt;/description&gt;</span><br />
    <span class="tag">&lt;/preference&gt;</span><br />
    <span class="tag">&lt;preference&gt;</span><br />
        <span class="tag">&lt;name&gt;</span>textColorPref<span class="tag">&lt;/name&gt;</span><br />
        <span class="tag">&lt;title&gt;</span>色:<span class="tag">&lt;/title&gt;</span><br />
        <span class="tag">&lt;type&gt;</span>color<span class="tag">&lt;/type&gt;</span><br />
        <span class="tag">&lt;defaultValue&gt;</span>#FF0000<span class="tag">&lt;/defaultValue&gt;</span><br />
        <span class="tag">&lt;description&gt;</span>色を選択してください。<span class="tag">&lt;/description&gt;</span><br />
    <span class="tag">&lt;/preference&gt;</span><br />
    <span class="tag">&lt;preference&gt;</span><br />
        <span class="tag">&lt;name&gt;</span>textFontPref<span class="tag">&lt;/name&gt;</span><br />
        <span class="tag">&lt;title&gt;</span>フォント:<span class="tag">&lt;/title&gt;</span><br />
        <span class="tag">&lt;type&gt;</span>font<span class="tag">&lt;/type&gt;</span><br />
        <span class="tag">&lt;defaultValue&gt;</span>Futura Medium<span class="tag">&lt;/defaultValue&gt;</span><br />
        <span class="tag">&lt;description&gt;</span>フォントを選択してください。<span class="tag">&lt;/description&gt;</span><br />
    <span class="tag">&lt;/preference&gt;</span><br />
    <span class="tag">&lt;preference <span class="attr">name=</span><span class="value">&quot;timerIntervalPref&quot;</span>&gt;</span><br />
        <span class="tag">&lt;title&gt;</span>更新頻度:<span class="tag">&lt;/title&gt;</span><br />
        <span class="tag">&lt;type&gt;</span>slider<span class="tag">&lt;/type&gt;</span><br />
        <span class="tag">&lt;minLength&gt;</span>1<span class="tag">&lt;/minLength&gt;</span><br />
        <span class="tag">&lt;maxLength&gt;</span>10<span class="tag">&lt;/maxLength&gt;</span><br />
        <span class="tag">&lt;ticks&gt;</span>10<span class="tag">&lt;/ticks&gt;</span><br />
        <span class="tag">&lt;tickLabel&gt;</span>1<span class="tag">&lt;/tickLabel&gt;</span><br />
        <span class="tag">&lt;tickLabel&gt;</span>秒数<span class="tag">&lt;/tickLabel&gt;</span><br />
        <span class="tag">&lt;tickLabel&gt;</span>10<span class="tag">&lt;/tickLabel&gt;</span><br />
        <span class="tag">&lt;defaultValue&gt;</span>1<span class="tag">&lt;/defaultValue&gt;</span><br />
        <span class="tag">&lt;description&gt;</span>更新頻度を選択してください。<span class="tag">&lt;/description&gt;</span><br />
    <span class="tag">&lt;/preference&gt;</span><br />
    <br />
<span class="tag">&lt;/widget&gt;</span><br />
</pre>
<br />
<br />
<br />
widget.xml<br />
<pre class="code"><span class="tag">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br />
<br />
//セキュリティ<br />
<span class="tag">&lt;security&gt;</span><br />
<span class="tag">&lt;/security&gt;</span><br />
<br />
//メタデータ<br />
<span class="tag">&lt;metadata&gt;</span><br />
    <span class="tag">&lt;name&gt;</span>widgetTest<span class="tag">&lt;/name&gt;</span> //ウィジェット名<br />
    <span class="tag">&lt;version&gt;</span>1.0<span class="tag">&lt;/version&gt;</span> //ウィジェットタグのバージョン<br />
    <span class="tag">&lt;identifier&gt;</span>com.yahoo.widget.widgetTest<span class="tag">&lt;/identifier&gt;</span> //ウィジェットを区別するID（UUID推奨）<br />
    <span class="tag">&lt;image <span class="attr">usage=</span><span class="value">&quot;dock&quot;</span> <span class="attr">src=</span><span class="value">&quot;images/sample.png&quot;</span>/&gt;</span> //ドック表示の時の画像<br />
    <span class="tag">&lt;image <span class="attr">usage=</span><span class="value">&quot;security&quot;</span> <span class="attr">src=</span><span class="value">&quot;images/sample.png&quot;</span>/&gt;</span> //初回実行時等のセキュリティーダイアログでの画像<br />
    <span class="tag">&lt;author <span class="attr">name=</span><span class="value">&quot;alt&quot;</span> <span class="attr">organization=</span><span class="value">&quot;alt&quot;</span> <span class="attr">href=</span><span class="value">&quot;http://blog.alt-scape.com&quot;</span>/&gt;</span> //セキュリティーダイアログ等に表示されるウィジェットの作者情報<br />
    <span class="tag">&lt;copyright&gt;</span>(c) 2007-2008 alt.<span class="tag">&lt;/copyright&gt;</span> //ウィジェットの著作権<br />
    <span class="tag">&lt;desciption&gt;</span>これはテストサンプルです<span class="tag">&lt;/ desciption &gt;</span> //ウィジェットの説明<br />
    <span class="tag">&lt;platform <span class="attr">minVersion=</span><span class="value">&quot;4.5&quot;</span> <span class="attr">os=</span><span class="value">&quot;windows&quot;</span>/&gt;</span> //ウィジェットの動作するエンジンの最小バージョンおよびプラットフォーム<br />
<span class="tag">&lt;/metadata&gt;</span></pre>
<br />
<br />
<a href="http://blog.alt-scape.com/fla/widgetTest.zip" target="_blank" title="ソースファイル">ソースファイル</a><br />
<br />
<br />
【<strong>参考</strong>】<br />
<a href="http://d.hatena.ne.jp/BigFatCat/20080420/1208706858" target="_blank" title="Yahoo!ウィジェット で Yahooウェブ検索Webサービスを使う">http://d.hatena.ne.jp/BigFatCat/20080420/1208706858</a><br />
<a href="http://d.hatena.ne.jp/n_shuyo/20070413/widgets" target="_blank" title="Yahoo!ウィジェット の作り方と注意点 (1) - Hello World!">http://d.hatena.ne.jp/n_shuyo/20070413/widgets</a><br />
<a href="http://d.hatena.ne.jp/uriyuri/searchdiary?of=3&#038;word=*%5BYahoo!%A5%A6%A5%A3%A5%B8%A5%A7%A5%C3%A5%C8%5D" target="_blank" title="Yahoo!ウィジェットのハマリどころ　その１">http://d.hatena.ne.jp/uriyuri/searchdiary?of=3&#038;word=*%5BYahoo!%A5%A6%A5%A3%A5%B8%A5%A7%A5%C3%A5%C8%5D</a><br />
<br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/172/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>AIR vs Googleデスクトップガジェット vs Yahoo!ウィジェット vs Windows Vistaサイドバーガジェット まとめ</title>
		<link>http://blog.alt-scape.com/archives/170</link>
		<comments>http://blog.alt-scape.com/archives/170#comments</comments>
		<pubDate>Tue, 14 Oct 2008 12:08:13 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[参考]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[ガジェット]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=170</guid>
		<description><![CDATA[



PCの世界では昨今のブログパーツブームに始まって、
アクセサリーを自分のネット空間に飾り付けるユーザーが増えてきた気がします。
ガジェット・ウィジェットも
「Yahoo!ウィジェット」、「Googleデスクトップ [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://blog.alt-scape.com/img/gadget1.jpg" alt="AIR vs Googleデスクトップガジェット vs Yahoo!ウィジェット vs Windows Vistaサイドバーガジェット まとめ" />
<br />
<br />
PCの世界では昨今のブログパーツブームに始まって、<br />
アクセサリーを自分のネット空間に飾り付けるユーザーが増えてきた気がします。<br />
ガジェット・ウィジェットも<br />
「<strong>Yahoo!ウィジェット</strong>」、「<strong>Googleデスクトップガジェット</strong>」、「<strong>iGoogleガジェット</strong>」、「<strong>Windows Vistaサイドバーガジェット</strong>」、「<strong>Windows Liveガジェット</strong>」、「<strong>AIR</strong>」、「<strong>Opera ウィジェット</strong>」<br />
の台頭により、同じような動きが起こって火がつく日はくるのでしょうか。<br />
それともガジェット環境はiGoogleやmixiなどのWEBデスクトップ側にパーソナライズされていくのでしょうか。<br />
Yahoo!やGoogleのデスクトップガジェットはまず流行ることはないだろうとふんでますが<br />
仕事の一環で調べないといけないので、自分観点で勝手メモです。<br />
<br />
クリエイターが企業から受注した場合、開発のうえでの違いって？<br />
マーケティング目線で考えると、プロモーションで効果的なのはどれ？<br />
<br />
このへんが気になるので誰か教えてください。<br />
記事は随時追加していきます。<br />
<br />
<span id="more-170"></span><br />
「<strong>AIR</strong>」<br />
【ランタイムエンジン】<a href="http://get.adobe.com/jp/air/" target="_blank" title="AIR ランタイムエンジン">http://get.adobe.com/jp/air/</a><br />
【開発キット】<a href="http://www.adobe.com/jp/products/air/tools/" target="_blank" title="AIR 開発キット">http://www.adobe.com/jp/products/air/tools/</a><br />
【開発環境】Flex、Flash IDE、HTML、Javascirpt、MXML<br />
【配信サイト】<a href="http://adobe-ria.jp/air/" target="_blank" title="AIR ギャラリー">http://adobe-ria.jp/air/</a><br />
【メリット】<br />
　・win、mac版の両対応。<br />
　・アップデート通知機能がある。<br />
　・アプリはWEBページからシームレスなインストールが可能。<br />
【デメリット】<br />
　・日本語版の正式リリースは2008年6月。まだ普及してない。<br />
　・ユーザーマシンにAIRランタイムのインストールが必要。<br />
　・OSの起動時にアプリも立ち上がる制御ができない！？<br />
　　ユーザーが手動でならできる<br />
　　<a href="http://gadget.campuseos.com/rikkyo/gadget/" target="_blank">http://gadget.campuseos.com/rikkyo/gadget/</a><br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
「<strong>Yahoo!ウィジェット</strong>」<br />
【ランタイムエンジン】<a href="http://widgets.yahoo.co.jp/download/" target="_blank" title="Yahoo!ウィジェット ランタイムエンジン">http://widgets.yahoo.co.jp/download/</a><br />
【開発キット】<a href="http://widgets.yahoo.co.jp/workshop/" target="_blank" title="Yahoo!ウィジェット 開発キット">http://widgets.yahoo.co.jp/workshop/</a><br />
【開発環境】Javascript、XML。バージョン4.5からFlashを標準サポート。<br />
【配信サイト】<a href="http://widgets.yahoo.co.jp/" target="_blank" title="Yahoo!ウィジェット ギャラリー">http://widgets.yahoo.co.jp/</a><br />
【メリット】<br />
　・win、mac版の両対応。<br />
　・アップデート通知機能がある。<br />
【デメリット】<br />
　・ユーザーマシンにYahoo!ウィジェットエンジンのインストールが必要。<br />
　・3.0、4.0、4.5で多少仕様が変わっている。<br />
　・Flashがサポートされたバージョン4.5以降で作った場合、ユーザー側のエンジンがそれより古いときは？<br />
　・ランタイムインストールの際、チェック外すの忘れてYahoo!メッセンジャーやらYahoo!ツールバーを入れちゃう人いそう。<br />
　・最初からダウンロードセットに含まれたアプリやMacのドックみたいなのが画面を埋める。Googleデスクトップとバッティングしたら余計邪魔。<br />
　・Flashのエッジが荒れる＆アプリのFlash上ではドラッグできない。<br />
　　<a href="http://labs.anthill.jp/2007/12/yahoo_widgetsflash.html" target="_blank">http://labs.anthill.jp/2007/12/yahoo_widgetsflash.html</a><br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
「<strong>Google デスクトップ ガジェット</strong>」<br />
【ランタイムエンジン】<a href="http://desktop.google.co.jp/ja/" target="_blank" title="Google デスクトップ ガジェット ランタイムエンジン">http://desktop.google.co.jp/ja/</a><br />
【開発キット】<a href="http://desktop.google.com/downloadsdksubmit?hl=ja" target="_blank" title="Google デスクトップ ガジェット 開発キット">http://desktop.google.com/downloadsdksubmit?hl=ja</a><br />
【開発環境】Javascript、XML、HTML。バージョン4からFlashを標準サポート。<br />
【配信サイト】<a href="http://desktop.google.com/plugins?hl=ja" target="_blank" title="Google デスクトップ ガジェット ギャラリー">http://desktop.google.com/plugins?hl=ja</a><br />
【メリット】<br />
　・win、mac版の両対応。<br />
【デメリット】<br />
　・ユーザーマシンにGoogleデスクトップのインストールが必要。<br />
　・提供アプリを見てるとデベロッパー向けの匂いがする<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
「<strong>Windows Vistaサイドバー ガジェット</strong>」<br />
【開発キット】http://msdn.microsoft.com/ja-jp/library/aa965850(VS.85).aspx<br />
【開発環境】HTML、JavaScript、XML。Flashの貼り付けも可能。<br />
【配信サイト】<a href="http://vista.gallery.microsoft.com/" target="_blank" title="Windows Vistaサイドバー ガジェット ギャラリー">http://vista.gallery.microsoft.com/</a><br />
【メリット】<br />
　・OSプリインストールで最初から入ってるのでランタイムエンジンを入れる必要がない。<br />
【デメリット】<br />
　・OSはVistaのみ！？<br />
　・アプリのFlash上をクリックするとガジェットドラッグ用のマウスクリックよりも先にFlashがマウスクリックを検知する為にドラッグが出来ない。<br />
　・Flashは初回のみクリックイベントをとれない。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
「<strong>Opera ウィジェット</strong>」<br />
【開発キット】http://dev.opera.com/articles/widgets/<br />
【開発環境】HTML、Javascirpt、XML。Flashは不明。<br />
【配信サイト】<a href="http://widgets.opera.com/ja/" target="_blank" title="Opera ウィジェット ギャラリー">http://widgets.opera.com/ja/</a><br />
【メリット】<br />
　・win、mac版の両対応。<br />
　・Operaブラウザを使っている携帯でも展開できる？au one ガジェットにも！？<br />
【デメリット】<br />
　・ブラウザのシェアが圧倒的に低い。<br />
　・Operaブラウザを起動しないと使えない。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<strong>パーソナライズドホームでは・・・</strong><br />
<br />
「<strong>Windows Live ガジェット</strong>」<br />
【開発環境】Javascript、XML。Flashの貼り付けも可能。<br />
【配信サイト】<a href="http://gallery.live.com/" target="_blank" title="Windows Live ガジェット ギャラリー">http://gallery.live.com/</a><br />
【メリット】<br />
　・WEB上から簡単にアプリを追加できる。<br />
　・OS、ブラウザに縛られない。<br />
【デメリット】<br />
<br />
「<strong>iGoogle ガジェット</strong>」<br />
【開発環境】Javascript、XML、HTML、Flash。<br />
【配信サイト】<a href="http://www.google.co.jp/ig/directory?type=gadgets" target="_blank" title="iGoogle ガジェット ギャラリー">http://www.google.co.jp/ig/directory?type=gadgets</a><br />
【メリット】<br />
　・WEB上から簡単にアプリを追加できる。<br />
　・OS、ブラウザに縛られない。<br />
　・<a href="http://mtl.recruit.co.jp/blog/2007/09/flashigoogle.html" target="_blank" title="FlashブログパーツをGoogleユニバーサルガジェットにする方法">FlashブログパーツをGoogleユニバーサルガジェットにする方法</a><br />
【デメリット】<br />
<br />
<br />
「Facebook、myspace、mixiなどのSNSプラットフォームでのガジェット展開」<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
「<strong>ブログパーツ</strong>」<br />
【開発環境】HTML、Javascirpt、Flash<br />
【配信サイト】ポータルサイトやコンテンツプロバイダ。<br />
【メリット】<br />
　・企業がWebプロモーションで利用するほどのメジャーツールとなった。<br />
　・バズマーケティングとして効果大。<br />
【デメリット】<br />
　・利用者がブログユーザーに限定される。<br />
　・ブログプロバイダによって使えないところもある。<br />
<br />
&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<br />
<br />
参考：日本でのウィジェット、ガジェットビジネスの将来性<br />
<a href="http://japan.internet.com/busnews/20080908/8.html?rss" target="_blank" title="日本でのウィジェット、ガジェットビジネスの将来性">http://japan.internet.com/busnews/20080908/8.html?rss</a><br />
参考：5人に1人はウィジェット、ガジェットに触れている<br />
<a href="http://japan.internet.com/column/busnews/20080407/8.html" target="_blank" title="5人に1人はウィジェット、ガジェットに触れている">http://japan.internet.com/column/busnews/20080407/8.html</a><br />
参考：日本でのウィジェット、ガジェットビジネス<br />
<a href="http://japan.internet.com/busnews/20080519/8.html" target="_blank" title="日本でのウィジェット、ガジェットビジネス">http://japan.internet.com/busnews/20080519/8.html</a><br />
参考：Widgets, Gadgetsまとめ<br />
<a href="http://diaspar.jp/node/117" target="_blank" title="Widgets, Gadgetsまとめ">http://diaspar.jp/node/117</a><br />
<br />
世界最大のウィジェット、ガジェット総合ポータルサイト「WidgetBox」<br />
<a href="http://www.widgetbox.com/" target="_blank" title="世界最大のウィジェット、ガジェット総合ポータル「widgetbox」">http://www.widgetbox.com/</a><br />
日本最大のガジェット総合ポータルサイト「Gadget Gallery」<br />
<a href="http://gadget-gallery.jp/" target="_blank" title="日本最大のサムライワークス運営、ガジェットポータル「Gadget Gallery」">http://gadget-gallery.jp/</a><br />
その他ポータルサイト<br />
<a href="http://www.hanatsuki.net/" target="_blank" title="hanatsuki">http://www.hanatsuki.net/</a><br />
<a href="http://www.widgetown.com/" target="_blank" title="widgetown">http://www.widgetown.com/</a><br />
各種ガジェットの関係図<br />
<a href="http://www.desktopdeco.jp/explain/index.php" target="_blank" title="各種ガジェットの関係図">http://www.desktopdeco.jp/explain/index.php</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/170/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

