<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>DesignWalker &#187; ウィジェット</title>
	<atom:link href="http://www.designwalker.com/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://www.designwalker.com</link>
	<description>ロサンゼルスで働くウェブデザイナーの日記。</description>
	<lastBuildDate>Wed, 29 Jun 2011 06:24:51 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/tag/%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88/feed" />
		<item>
		<title>Adobe AIRアプリ いろいろ</title>
		<link>http://www.designwalker.com/2008/03/air-apps.html</link>
		<comments>http://www.designwalker.com/2008/03/air-apps.html#comments</comments>
		<pubDate>Thu, 13 Mar 2008 19:48:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インスピレーション]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[air]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[アプリ]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[ツール]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2008/03/adobe-air%e3%82%a2%e3%83%97%e3%83%aa-%e3%81%84%e3%82%8d%e3%81%84%e3%82%8d.html</guid>
		<description><![CDATA[
			
				
			
		
先月、アドビシステムズから公開されたAdobe AIRの正式版。
既にたくさんのAirアプリが公開されているので、みなさんお使いの方も多いのではないでしょうか？
本日は、楽しそうなAdo [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Fair-apps.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2008%2F03%2Fair-apps.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>先月、アドビシステムズから公開された<a title="Adobe AIR" href="http://www.adobe.com/jp/products/air/">Adobe AIR</a>の正式版。</p>
<p>既にたくさんのAirアプリが公開されているので、みなさんお使いの方も多いのではないでしょうか？</p>
<p>本日は、楽しそうなAdobe AIRアプリをいくつかご紹介します。</p>
<p>まず始めに<a title="Adobe AIR" href="http://www.adobe.com/jp/products/air/">Adobe AIR</a>をインストールしておいてくださいね。</p>
<h4><a title="Google Analytics AIR beta" href="http://www.aboutnico.be/index.php/google-analytics-air-beta-sign-up/">Google Analytics AIR beta</a></h4>
<p>Google AnalyticsをAirな感じで、楽しみたい方はこちら。かなり見やすくなってます。</p>
<p align="center"><a title="Google Analytics AIR beta" href="http://www.aboutnico.be/index.php/google-analytics-air-beta-sign-up/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps01.jpg" border="0" alt="Google Analytics AIR beta" /><br />
</a></p>
<h4><a title="Snitter" href="http://snook.ca/snitter/">Snitter</a></h4>
<p>twitterのデスクトップクライアントです。かわいらしいデザインですね。</p>
<p align="center"><a title="Snitter" href="http://snook.ca/snitter/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps02.jpg" border="0" alt="Snitter" /><br />
</a></p>
<h4><a title="twhirl" href="http://www.twhirl.org/">twhirl</a></h4>
<p>こちらもtwitterのデスクトップクライアントです。試してみたところ、日本語入力に少々、難があったのですが・・・</p>
<p align="center"><a title="twhirl" href="http://www.twhirl.org/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps03.jpg" border="0" alt="twhirl" /><br />
</a></p>
<h4><a title="Pownce" href="http://pownce.com/download/">Pownce</a></h4>
<p>Pownceをお使いの方はこちら。</p>
<p align="center"><a title="Pownce" href="http://pownce.com/download/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps06.jpg" border="0" alt="Pownce" /><br />
</a></p>
<h4><a title="AOL Music - Top 100 Videos" href="http://music.aol.com/help/syndication/desktop-widgets">AOL Music &#8211; Top 100 Videos</a></h4>
<p>AOL Musicから提供されている、ミュージックビデオ・ウィジェットです。ミュージックビデオがお好きな方にはおすすめです。</p>
<p align="center"><a title="AOL Music - Top 100 Videos" href="http://music.aol.com/help/syndication/desktop-widgets"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps04.jpg" border="0" alt="AOL Music - Top 100 Videos" /><br />
</a></p>
<h4><a title="Finetune Desktop" href="http://www.finetune.com/desktop/">Finetune Desktop</a></h4>
<p>こちらは、Finetuneから提供されているウィジェット。音楽好きにはたまりません。</p>
<p align="center"><a title="Finetune Desktop" href="http://www.finetune.com/desktop/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps05.jpg" border="0" alt="Finetune Desktop" /><br />
</a></p>
<h4><a title="AIR drag and drop mp3 player" href="http://www.neoy.cn/?p=103">AIR drag and drop mp3 player</a></h4>
<p>その名の通り、簡易MP3プレーヤーです。ドラッグ&amp;ドロップで再生します。スピーカーのアイコンもかわいいですね。</p>
<p align="center"><a title="AIR drag and drop mp3 player" href="http://www.neoy.cn/?p=103"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps07.jpg" border="0" alt="AIR drag and drop mp3 player" /><br />
</a></p>
<h4><a title="RichFLV" href="http://www.richapps.de/?p=48">RichFLV</a></h4>
<p>FLVの編集ツールです。</p>
<p align="center"><a title="RichFLV" href="http://www.richapps.de/?p=48"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps08.jpg" border="0" alt="RichFLV" /><br />
</a></p>
<h4><a title="Admetus" href="http://www.uza.lt/applications/admetus/">Admetus</a></h4>
<p>Flickrから高画質な画像をダウンロードしてくれるツールです。</p>
<p align="center"><a title="Admetus" href="http://www.uza.lt/applications/admetus/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps09.jpg" border="0" alt="Admetus" /><br />
</a></p>
<h4><a title="Password Manager Suite" href="http://www.frozenmodule.com/">Password Manager Suite</a></h4>
<p>パスワード管理ツールです。</p>
<p align="center"><a title="Password Manager Suite" href="http://www.frozenmodule.com/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps10.jpg" border="0" alt="Password Manager Suite" /><br />
</a></p>
<h4><a title="Klok" href="http://klok.mcgraphix.com/klok/index.htm">Klok</a></h4>
<p>個人用プロジェクト管理ツールです。フリーランスの方などには便利かも。</p>
<p align="center"><a title="Klok" href="http://klok.mcgraphix.com/klok/index.htm"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps11.jpg" border="0" alt="Klok" /><br />
</a></p>
<h4><a title="Mii Editor" href="http://www.miieditor.com/">Mii Editor</a></h4>
<p>Miiのエディターです。</p>
<p align="center"><a title="Mii Editor" href="http://www.miieditor.com/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps12.jpg" border="0" alt="Mii Editor" /><br />
</a></p>
<h4><a title="colorbrowser" href="http://code.google.com/p/colorbrowser/">colorbrowser</a></h4>
<p>カラーパレット・ツールです。</p>
<p align="center"><a title="colorbrowser" href="http://code.google.com/p/colorbrowser/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps13.jpg" border="0" alt="colorbrowser" /><br />
</a></p>
<h4><a title="eBay Desktop" href="http://desktop.ebay.com/">eBay Desktop</a></h4>
<p>eBayをよく利用される方には便利なツールです。</p>
<p align="center"><a title="eBay Desktop" href="http://desktop.ebay.com/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps14.jpg" border="0" alt="eBay Desktop" /><br />
</a></p>
<h4><a title="Adobe AIR: Showcase applications" href="http://www.adobe.com/products/air/showcase/">Adobe AIR: Showcase applications</a></h4>
<p>アメリカのAdobe Air ショーケースページ。</p>
<p align="center"><a title="Adobe AIR: Showcase applications" href="http://www.adobe.com/products/air/showcase/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps15.jpg" border="0" alt="Adobe AIR: Showcase applications" /><br />
</a></p>
<h4><a title="Adobe AIRギャラリー" href="http://www.adobe.com/jp/devnet/air/gallery/">Adobe AIRギャラリー</a></h4>
<p>やっぱり、日本語のAirアプリが欲しい。って方にはこちらから。</p>
<p align="center"><a title="Adobe AIRギャラリー" href="http://www.adobe.com/jp/devnet/air/gallery/"><br />
<img src="http://www.designwalker.com/img/air_apps/air_apps16.jpg" border="0" alt="Adobe AIRギャラリー" /><br />
</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2008/03/air-apps.html/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2008/03/air-apps.html" />
	</item>
		<item>
		<title>ブログに時計を表示するウィジェット: ClockLink.com</title>
		<link>http://www.designwalker.com/2006/10/clocklink.html</link>
		<comments>http://www.designwalker.com/2006/10/clocklink.html#comments</comments>
		<pubDate>Tue, 31 Oct 2006 20:41:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[サイトを紹介する男]]></category>
		<category><![CDATA[widget]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[サイドバー]]></category>
		<category><![CDATA[時計]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2006/10/%e3%83%96%e3%83%ad%e3%82%b0%e3%81%ab%e6%99%82%e8%a8%88%e3%82%92%e8%a1%a8%e7%a4%ba%e3%81%99%e3%82%8b%e3%82%a6%e3%82%a3%e3%82%b8%e3%82%a7%e3%83%83%e3%83%88-clocklinkcom.html</guid>
		<description><![CDATA[
			
				
			
		
先日の記事でご紹介しました、ウィジェット・ギャラリーから、時計を表示するウィジェットをご紹介です。
このブログのサイドバーにこっそりつけてみましてん。

ロサンゼルス時間を表示してみまし [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fclocklink.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fclocklink.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>先日の記事でご紹介しました、<a href="http://www.sixapart.jp/typepad/widgets/" target="_blank"><strong>ウィジェット・ギャラリー</strong></a>から、時計を表示するウィジェットをご紹介です。</p>
<p>このブログのサイドバーにこっそりつけてみましてん。<br />
<br />
ロサンゼルス時間を表示してみました。まぁ、これだけなんですけどね。。。はい。</p>
<p>このブログをごらんのみなさまに、</p>
<p>「あぁ、デザインウォーカー管理人は、今ごろ、屁でもこきながら寝とるんやなぁ」</p>
<p>とか、</p>
<p>「あぁ、デザインウォーカー管理人は、今ごろ、仕事してるふりしながら寝とるんやなぁ」</p>
<p>とか感じてもらえたら。っと思いまして・・・</p>
<p></p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.clocklink.com/JPN/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.clocklink.com/JPN/" alt="時計を表示するウィジェット: ClockLink.com" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p><a href="http://www.clocklink.com/JPN/" target="_blank"><strong>時計を表示するウィジェット: ClockLink.com</strong></a></p>
<p>このウィジェットは簡単にあなたのブログにも貼り付けできますよん。<br />
もちろん、日本時間でも、アメリカ時間でも、タンザニア時間でもお好きな時間を設定して、貼り付けられますねん。アナログ時計やら、デジタル時計いろんなデザインがあるので、気に入ったデザインを選んで、ぺたっと貼り付けてみてくださいな。</p>
<div style="clear: both;"></div>
<p></p>
<div id="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2006/10/clocklink.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2006/10/clocklink.html" />
	</item>
		<item>
		<title>ムーバブルタイプ Widget Managerの使い方</title>
		<link>http://www.designwalker.com/2006/10/widget_manager.html</link>
		<comments>http://www.designwalker.com/2006/10/widget_manager.html#comments</comments>
		<pubDate>Mon, 30 Oct 2006 19:59:31 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[インストール方法を伝える男]]></category>
		<category><![CDATA[widget manager]]></category>
		<category><![CDATA[ウィジェット]]></category>
		<category><![CDATA[使い方]]></category>

		<guid isPermaLink="false">http://new.designwalker.com/2006/10/%e3%83%a0%e3%83%bc%e3%83%90%e3%83%96%e3%83%ab%e3%82%bf%e3%82%a4%e3%83%97-widget-manager%e3%81%ae%e4%bd%bf%e3%81%84%e6%96%b9.html</guid>
		<description><![CDATA[
			
				
			
		
ムーバブルタイプ3.3から、標準装備されておりますプラグインWidget Managerなんですが、こいつは非常に便利なツールなのです。が・・・意外と使い方がわからない方がいらっしゃるよ [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fwidget_manager.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.designwalker.com%2F2006%2F10%2Fwidget_manager.html&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p>ムーバブルタイプ3.3から、標準装備されておりますプラグインWidget Managerなんですが、こいつは非常に便利なツールなのです。が・・・意外と使い方がわからない方がいらっしゃるようで・・・</p>
<p>っちゅうわけで、今日は簡単に使い方と設定のご説明を。</p>
<p>そもそも、Widget Managerっちゅうプラグインは使用頻度の高いhtml部分を切り取ってモジュール化して一元管理して、さらに、それを寄せ集めたものをウィジェット化して表示、非表示設定を行おうっちゅうプラグインです・・・っと、文章にしてみると非常に訳の分からん事になってしまいます。。。</p>
<p>それでは、実際のテンプレートを例にとってみると。。</p>
<div align="center">
実際のブログ↓</p>
<p><img src="http://www.designwalker.com/img/widget_sample.gif" alt="Widget Managerサンプル" /></p>
</div>
<p>上のようなブログで右側の一般にサイドバーなんて呼ばれてる部分って、大体どのテンプレートでも使い回ししますよねぇ。</p>
<p>とくにムーバブルタイプでは・・・</p>
<p>1. メインページ<br />
2. アーカイブページ<br />
3. エントリー・アーカイブ<br />
4. カテゴリー・アーカイブ<br />
5. 日付アーカイブ</p>
<p>
などなど。。。</p>
<div align="center">
<iframe frameborder="0" height="60" width="468" marginheight="0" scrolling="no" src="http://ad.jp.ap.valuecommerce.com/servlet/htmlbanner?sid=2300909&#038;pid=874804587" MarginWidth="0"><script language="javascript" type="" src="http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2300909&#038;pid=874804587"></script><noscript><a href="http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2300909&#038;pid=874804587" target="_blank" ><img src="http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2300909&#038;pid=874804587" height="60" width="468" border="0" alt="" /></a></noscript></iframe>
</div>
<p>「サイドバーのカテゴリーの見せ方をちょっと変えよう♪」 なんて思って日にゃぁ一般のユーザーさんには一日仕事？になってしまいます。。。（CSSで対応可能ならいいのですが・・・ｈｔｍｌごと変更するとなると・・・)</p>
<p>そこで登場いたしまするが、このWidget Managerさんなのでございます。</p>
<p>ムーバブルタイプの管理画面の左側メニューから「テンプレート」→「モジュール」をクリックします。</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget01.gif" alt="Widget Manager" /></p>
</div>
<p>すると、テンプレート名のところに「Widget: ～テンプレート名～」って書いてるのがずらっと並んでるっしょ？こいつらが、いわゆる「モジュール」ですわ。カレンダーやら、カテゴリーやら色々なパーツが並んどるのではないでしょうか？</p>
<p>で、そのまま下までスルスルっとスクロールしていくと。。。<br />
「プラグイン」のところに「Widgetの管理」って項目があるでしょ？</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget02.gif" alt="Widget Manager" /></p>
</div>
<p>すると、登録されてるWidgetの一覧が見れるんですわ。<br />
それを、クリックするとね。↓みたいな「Widget: ～テンプレート名～」って、書かれてるモジュールが表示されてるはず。左側が「インストールされているWidget」でそれをドラッグ＆ドロップで右側の「利用可能なWidget」に持っていくだけで、テンプレートに表示されますね～ん。便利でしょ。</p>
<div align="center">
<p><img src="http://www.designwalker.com/img/widget03.gif" alt="Widget Manager" /></p>
</div>
<p>そこで、ひとつ気をつけないといけない事が・・・「Widget Managerの名前」ですねん。</p>
<p>いくら、Widget Managerで、「利用可能なWidget」に表示したい項目を持っていってもWidget Managerの名前をテンプレートのhtmlにかかれてないと、ムーバブルタイプさんはどこにそれを表示していいかわかりません。。。</p>
<p>っちゅうことで、↓のコードをテンプレートのhtmlに書いてやってくださいな。</p>
<pre>
<$MTWidgetManager name="Widget Managerの名前"$>
</pre>
<p>たとえば・・・こんな風に↓・・・このサイトで配ってるテンプレートの&lt;div id=&#8221;beta&#8221;&gt;の中身をさっくり削除して・・・書き換えることができます。</p>
<pre>
&lt;div id="beta"&gt;
&lt;$MTWidgetManager name="First Widget Manager"$&gt;
&lt;/div&gt;
</pre>
<p>最初は結構大変な作業なんですが・・・この作業を面倒がらずにやっておくと、あとあと、ちょっとした変更するときにかなり作業効率あがりますよ～ん！！</p>
<p>さらに！さらに！</p>
<div style="float: left; margin: 0 10px 10px 0;">
<a href="http://www.sixapart.jp/typepad/widgets/" target="_blank"><img src="http://img.simpleapi.net/small/http://www.sixapart.jp/typepad/widgets/" alt="" width="128" height="128" hspace="4" vspace="4" align="left" border="0" /></a>
</div>
<p><a href="http://www.sixapart.jp/typepad/widgets/" target="_blank"><strong>ウィジェット・ギャラリー</strong></a><br />っちゅうのがございまして、占いやら、地図、ニュースなどなど、いろんな便利ツールが簡単にインストールできますよん！。</p>
<div style="clear: both;"></div>
<p></p>
<div id="adsense_block">
<script type="text/javascript"><!--
google_ad_client = "pub-6654816688662058";
google_ad_width = 336;
google_ad_height = 280;
google_ad_format = "336x280_as";
google_ad_type = "text";
//2006-10-25: DW記事下（大）
google_ad_channel = "9084044007";
google_color_border = "FFFFFF";
google_color_bg = "FFFFFF";
google_color_link = "5ABCD9";
google_color_text = "000000";
google_color_url = "D63597";
//--></script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.designwalker.com/2006/10/widget_manager.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://www.designwalker.com/2006/10/widget_manager.html" />
	</item>
	</channel>
</rss>

