<?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>ColdSleep &#187; Webサービス</title>
	<atom:link href="http://www.coldsleep.jp/category/web/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.coldsleep.jp</link>
	<description>Life Hack &#38; Life Streaming</description>
	<lastBuildDate>Sun, 25 Jul 2010 15:22:56 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>iPhone用GPSロガー&#8221;RunKeeper&#8221;でサイクリング・マラソン管理</title>
		<link>http://www.coldsleep.jp/2010/07/14/runkeeper/</link>
		<comments>http://www.coldsleep.jp/2010/07/14/runkeeper/#comments</comments>
		<pubDate>Tue, 13 Jul 2010 15:25:23 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[自転車]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[GPS]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2796</guid>
		<description><![CDATA[
サイクリング時のGPSログ管理としてiTrailを愛用していましたがトレーニングデータをWebサイトと連動して管理できるRunKeeper Free（無料）が良さげなのでポチってみました。
RunKeeperはサイクリ [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2797" title="iPhone用GPSロガー&quot;RunKeeper&quot;でサイクリング・マラソン管理" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_img.jpg" alt="iPhone用GPSロガー&quot;RunKeeper&quot;でサイクリング・マラソン管理" width="430" height="200" /></p>
<p><img class="alignnone size-full wp-image-2625" style="float: left; margin-right: 10px;" title="runkeeper" src="http://www.coldsleep.jp/wp-content/uploads/2010/03/runkeeper.jpg" alt="" width="62" height="62" />サイクリング時のGPSログ管理として<a href="http://www.coldsleep.jp/2009/04/11/itrail/">iTrail</a>を愛用していましたがトレーニングデータをWebサイトと連動して管理できる<strong>RunKeeper Free</strong>（無料）が良さげなのでポチってみました。</p>
<p><strong>RunKeeper</strong>はサイクリング、マラソン、ウォーキング時の移動履歴をGPSを使って自動記録してくれるアプリです。経過時間、移動距離、時速、ペース、消費カロリーといったデータを記録できます。iTrailと比べると標高データが取得できないところは劣りますが、そのかわりにWebサイト&#8221;<a href="http://runkeeper.com/">RunKeeper</a>&#8220;とデータ連動できるのが魅力です。TwitterやFacebookにデータを自動投稿することもできます。</p>
<p>Webサイトでは走行データの閲覧だけでなく、週間・月間での集計、データの修正まで行えます。iTrail同様、.gpx、.kml形式でログデータをエクスポートしてGoogle Earthなどで走行データを再生することもできます。</p>
<p>デザインもベターなので今後は<strong>RunKeeper</strong>を使っていこうと思います。</p>
<div class="download"><a class="imageReplace itunes_a.jpg itunes_b.jpg" href="http://click.linksynergy.com/fs-bin/stat?id=vCJ7N4knWAo&amp;offerid=94348&amp;type=3&amp;subid=0&amp;tmpid=2192&amp;RD_PARM1=http%253A%252F%252Fitunes.apple.com%252Fjp%252Fapp%252Frunkeeper-free%252Fid300226023%253Fmt%253D8%2526uo%253D4%2526partnerId%253D30">iTunes</a></div>
<h3>RunKeeperの使い方</h3>
<ol>
<li>起動後、Start画面右上のGPSランプがグリーンになるまで待機</li>
<li>Active Typeでトレーニングの種類を選んだら「Start Activity」をタップ</li>
<li>カウントが始まったのを確認したら画面をオフ</li>
<li>ひたすら走る！</li>
<li>休憩する場合は「Pause」をタップ、「Resume」でトレーニング再開</li>
<li>トレーニング終了は「Stop」をタップ<br />
（自動的にデータがWebサイトに転送されます）</li>
</ol>
<h3>RunKeeper Webサイト</h3>
<ul>
<li><a href="http://runkeeper.com/">RunKeeper</a></li>
</ul>
<h3>RunKeeper 参考画面</h3>
<p><a title="起動したら、GPSランプがグリーンになるまで待機します。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_1.png"><img class="alignnone size-thumbnail wp-image-2806" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_1" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_1-80x80.png" alt="" width="80" height="80" /></a><a title="計測中の画面、休憩するときは「Pause」をタップします。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_2.png"><img class="alignnone size-thumbnail wp-image-2807" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_2" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_2-80x80.png" alt="" width="80" height="80" /></a><a title="走行データのグラフ表示モード。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_3.png"><img class="alignnone size-thumbnail wp-image-2808" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_3" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_3-80x80.png" alt="" width="80" height="80" /></a><a title="走行データの地図表示モード。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_4.png"><img class="alignnone size-thumbnail wp-image-2809" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_4" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_4-80x80.png" alt="" width="80" height="80" /></a><a title="データの公開設定はこの画面で。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_5.png"><img class="alignnone size-thumbnail wp-image-2810" style="margin-top: 5px;" title="runkeeper_5" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_5-80x80.png" alt="" width="80" height="80" /><br />
</a><a title="Webサイトに自動でデータが転送されます。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_6.png"><img class="alignnone size-thumbnail wp-image-2811" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_6" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_6-80x80.png" alt="" width="80" height="80" /></a><a title="走行データの詳細画面、データの修正もできます。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_7.png"><img class="alignnone size-thumbnail wp-image-2812" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_7" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_7-80x80.png" alt="" width="80" height="80" /></a><a title="週間・月間でデータ集計してトレーニング状況を管理できます。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_8.png"><img class="alignnone size-thumbnail wp-image-2813" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_8" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_8-80x80.png" alt="" width="80" height="80" /></a><a title="走行データを.gpx、.kml形式でエクスポートできます。" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_9.png"><img class="alignnone size-thumbnail wp-image-2814" style="margin-top: 5px; margin-right: 5px;" title="runkeeper_9" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_9-80x80.png" alt="" width="80" height="80" /></a><a title="Google Earthで走行データ再生！" rel="lightbox[runkeeper]" href="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_10.png"><img class="alignnone size-thumbnail wp-image-2815" style="margin-top: 5px;" title="runkeeper_10" src="http://www.coldsleep.jp/wp-content/uploads/2010/07/runkeeper_10-80x80.png" alt="" width="80" height="80" /></a></p>
<h3>RunKeeper Proの機能</h3>
<p>RunKeeperにはPro版がありますが、1,200円と決して安くはありません。Free版との違いは下記の5点です。マラソンをする人には音声ガイドはありかもしれませんが、サイクリングの場合は走行中に音楽聴いたり、画面を見たりしないのでFree版で充分かなと思います。</p>
<ol>
<li><strong>Training Workouts</strong><br />
トレーニングメニューの作成機能</li>
<li><strong>Audio Cues<br />
</strong>走行距離、経過時間の音声ガイド機能</li>
<li><strong>Geo-Tagged Pictures</strong><br />
トレーニング中に撮影した写真を地図上に表示する機能</li>
<li><strong>iPod Controls</strong><br />
トレーニングスタート時に自動的に音楽が再生される機能</li>
<li><strong>No Ads</strong><br />
広告が非表示になります。</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/07/14/runkeeper/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Instapaperで電子書籍を自炊する</title>
		<link>http://www.coldsleep.jp/2010/06/05/instapaper_ibooks/</link>
		<comments>http://www.coldsleep.jp/2010/06/05/instapaper_ibooks/#comments</comments>
		<pubDate>Sat, 05 Jun 2010 13:32:01 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Instapaper]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2655</guid>
		<description><![CDATA[
「iPadで読書スタイルが変わる！」などといったキャッチコピーをよく見かけますが、Apple純正の電子書籍ビューアー（iBooks）はダウンロードできるものの、iTunes Storeの書籍は購入できません。書籍データ [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2656" title="Instapaperで電子書籍を自炊する" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibooks.jpg" alt="Instapaperで電子書籍を自炊する" width="430" height="200" /></p>
<p>「iPadで読書スタイルが変わる！」などといったキャッチコピーをよく見かけますが、Apple純正の電子書籍ビューアー（iBooks）はダウンロードできるものの、iTunes Storeの書籍は購入できません。書籍データがなければビューアだけあっても意味がありません。「本がなければ自炊しちゃえばいいじゃない」ってことでiBooks用電子書籍データ（.epub形式）を作ってみたいと思います。</p>
<p>いきなり電子書籍を作るといっても何を電子書籍化しましょう？本を裁断してScanSnapで取り込むのが流行ですが、どちらも持っていません (；´Д`)</p>
<p>今回は<a href="http://www.instapaper.com/">Instapaper</a>というWebサービスを使って、あとで読もうと思ってため込んだ記事を電子書籍化してiBooksで読んでニヤニヤする方法を紹介します。Instapaperユーザー前提の方法なので、Instapaperを使ったことないよ！って人はこちらの記事（<a href="http://lifehacking.jp/2008/02/instapaper-todo-list-for-webpages/">ウェブ閲覧の ToDo リスト、Instapaper | Lifehacking.jp</a>）をご参照ください。</p>
<p>電子書籍自炊にあたり、下ごしらえとしてあとで読もうと思う記事をInstapaperに貯めておく必要があります。ブックマークレットの他にChromeの機能拡張（<a href="https://chrome.google.com/extensions/detail/fldildgghjoohccppflaohodcnmlacpb?hl=ja">Instachrome</a>）やGoogle Readerでスターを付けた記事をInstapaperに同期してくれるサービス（<a href="http://mediastech.com/InstaReader/">InstaReader</a>）などを使うとより快適なInstapaperライフが過ごせます。</p>
<h3>電子書籍の作り方〜登録方法</h3>
<ol>
<li>InstapaperのWebサイトで電子書籍化したい記事だけを「Unread」に残すか、フォルダを作ってその中にに入れます（どちらも最大20記事まで）。</li>
<li>画面右にあるePubのアイコンをクリックします（.epub形式のデータがダウンロードされます）。</li>
<li>iTunesを起動し、メニューの「ファイル」から「ライブラリに追加」を選び、先ほどダウンロードしたファイルを指定します。</li>
<li>iTunesへの登録されたらそのデータの「情報を見る」から「名前」「アーティスト」「アートワーク」を変更します（しなくてもいいです）。</li>
<li>iPadと同期を行うとiBooksにデータが反映されます。</li>
</ol>
<h3>参考画像</h3>
<p><a title="電子書籍化する記事を20個選びんで、.ePub形式でエクスポートします。" rel="lightbox[instapaper_ibooks]" href="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_1.jpg"><img class="alignnone size-thumbnail wp-image-2660" style="margin-top: 5px; margin-right: 5px;" title="instapaper_ibook_1" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_1-80x80.jpg" alt="" width="80" height="80" /></a><a title="iTunesライブラリに追加してアートワークなどを変更します。" rel="lightbox[instapaper_ibooks]" href="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_2.jpg"><img class="alignnone size-thumbnail wp-image-2661" style="margin-top: 5px; margin-right: 5px;" title="instapaper_ibook_2" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_2-80x80.jpg" alt="" width="80" height="80" /></a><a title="iPadと同期するとiBooksに登録した本が登場！" rel="lightbox[instapaper_ibooks]" href="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_3.jpg"><img class="alignnone size-thumbnail wp-image-2662" style="margin-top: 5px; margin-right: 5px;" title="instapaper_ibook_3" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_3-80x80.jpg" alt="" width="80" height="80" /></a><a title="目次が自動的に作成されます。" rel="lightbox[instapaper_ibooks]" href="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_4.jpg"><img class="alignnone size-thumbnail wp-image-2663" style="margin-top: 5px; margin-right: 5px;" title="instapaper_ibook_4" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_4-80x80.jpg" alt="" width="80" height="80" /></a><a title="中はこんな感じの白黒です (；´Д`)" rel="lightbox[instapaper_ibooks]" href="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_5.jpg"><img class="alignnone size-thumbnail wp-image-2664" style="margin-top: 5px;" title="instapaper_ibook_5" src="http://www.coldsleep.jp/wp-content/uploads/2010/06/instapaper_ibook_5-80x80.jpg" alt="" width="80" height="80" /></a></p>
<h3>ひとりごと</h3>
<p>エクスポートできる記事数に制限があったり、データがモノクロになったり（一部カラー有）、本格的な電子書籍データとは言えませんが、目次機能、外部リンク、書籍内検索などは有効です。いろいろ書いておいてあれですが、InstapaperにはiPhone/iPadアプリがあるのでiBooksで読むことにこだわらなければ、そのままアプリを使った方が便利だったりします (；´Д`)</p>
<div class="download"><a class="imageReplace itunes_a.jpg itunes_b.jpg" href="http://click.linksynergy.com/fs-bin/click?id=vCJ7N4knWAo&amp;subid=&amp;offerid=94348.1&amp;type=10&amp;tmpid=3910&amp;RD_PARM1=http%3A%2F%2Fitunes.apple.com%2Fjp%2Fapp%2Finstapaper-pro%2Fid288545208%3Fmt%3D8">iTunes</a></div>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/06/05/instapaper_ibooks/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>iPadとGoogleカレンダーとの完全同期</title>
		<link>http://www.coldsleep.jp/2010/05/28/ipad_calendar/</link>
		<comments>http://www.coldsleep.jp/2010/05/28/ipad_calendar/#comments</comments>
		<pubDate>Fri, 28 May 2010 13:37:37 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[Google]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2572</guid>
		<description><![CDATA[
ついにiPadが発売になりました。いろいろおもしろそうなアプリが用意されていますが、まずは標準アプリを便利に使い倒そう！ってことで、Google Syncを使ってiPadのカレンダーとGoogleカレンダーを同期させる [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2573" title="iPadとGoogleカレンダーの完全同期" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad.jpg" alt="iPadとGoogleカレンダーの完全同期" width="430" height="200" /></p>
<p>ついにiPadが発売になりました。いろいろおもしろそうなアプリが用意されていますが、まずは標準アプリを便利に使い倒そう！ってことで、Google Syncを使ってiPadのカレンダーとGoogleカレンダーを同期させる手順を紹介します。<a href="http://www.coldsleep.jp/2009/03/31/iphone_calendar/">iPhone版の同期手順</a>と基本的には同じです。</p>
<h3>STEP.1 標準カレンダーの同期</h3>
<ol>
<li>iPadの「設定」＞「メール／連絡先／カレンダー」＞「アカウントの追加」と進み、「Microsoft Exchange」を選択</li>
<li>メールは「Gmailアドレス」、ドメインは空白のまま、ユーザ名とパスワードはGoogleアカウントとそのパスワードを入力</li>
<li>「証明書が検証できません」とメッセージが出たら「了解」をタップ</li>
<li>サーバ欄が表示されるのでそこに「m.google.com」と入力して「次へ」をタップ</li>
<li>カレンダーの同期をON</li>
</ol>
<p>たったこれだけでGoogleカレンダーと同期されます。Google Syncではカレンダーだけでなく、メールと連絡先も同期させることができます。</p>
<p><a title="設定で「メール/連絡先/カレンダー」＞「アカウントの追加」をタップ" rel="lightbox[googlesync_ipad]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_1.jpg"><img class="alignnone size-thumbnail wp-image-2574" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_1" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_1-80x80.jpg" alt="" width="80" height="80" /></a><a title="「Microsoft Exchange」をタップ" rel="lightbox[googlesync_ipad]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_2.jpg"><img class="alignnone size-thumbnail wp-image-2575" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_2" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_2-80x80.jpg" alt="" width="80" height="80" /></a><a title="Googleアカウントを入力" rel="lightbox[googlesync_ipad]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_3.jpeg"><img class="alignnone size-thumbnail wp-image-2590" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_3" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_3-80x80.jpg" alt="" width="80" height="80" /></a><a title="「カレンダー」をONにすれば同期開始！" rel="lightbox[googlesync_ipad]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_4.jpg"><img class="alignnone size-thumbnail wp-image-2577" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_4" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_4-80x80.jpg" alt="" width="80" height="80" /></a><a title="標準カレンダーがiPadと同期されます。" rel="lightbox[googlesync_ipad]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_5.jpg"><img class="alignnone size-thumbnail wp-image-2579" style="margin-top: 5px;" title="googlesync_ipad_5" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_5-80x80.jpg" alt="" width="80" height="80" /></a></p>
<h3>STEP.2 複数カレンダーの同期</h3>
<p>STEP.1の段階では同期されるカレンダーは1つだけです。Googleカレンダーで複数のカレンダーを作っていたり、外部カレンダーを使っていて、それらも表示させたい！って場合は引き続き次の設定が必要になります。</p>
<p>参考画像ではiPhoneを使っていますが、iPadからで大丈夫です。<br />
<del datetime="2010-05-31T12:08:57+00:00">STEP.2ではGoogle Syncのモバイル端末用ページで設定を行うので別途モバイル端末が必要になります（PCからもユーザーエージェントをモバイルに偽装すればできるはず）。</del></p>
<ol>
<li>iPadのSafariでGoogle Syncのページ（m.google.com/sync）へアクセス</li>
<li>「ご使用の端末はサポートされていません」って出るけど、気にせず「言語を変更」から「English」を選択</li>
<li>Googleアカウントを入力してログイン</li>
<li>デバイス一覧からiPadを選択</li>
<li>Googleカレンダーに設定されているカレンダー一覧が表示されるので同期したいものを選択（最大25個まで）</li>
</ol>
<p>これでiPadのカレンダーとGoogleカレンダーが同期設定は完了です。</p>
<p><a title="「m.google.com/sync/」にアクセス" rel="lightbox[googlesync_ipad2]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_6.jpg"><img class="alignnone size-thumbnail wp-image-2578" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_6" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_6-80x80.jpg" alt="" width="80" height="80" /></a><a title="言語の選択で「English」を選択" rel="lightbox[googlesync_ipad2]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_7.jpg"><img class="alignnone size-thumbnail wp-image-2580" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_7" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_7-80x80.jpg" alt="" width="80" height="80" /></a><a title="デバイスリストから「iPad」を選択" rel="lightbox[googlesync_ipad2]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_8.jpg"><img class="alignnone size-thumbnail wp-image-2584" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_8" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_8-80x80.jpg" alt="" width="80" height="80" /></a><a title="同期したいカレンダーを選択（最大5つまで）" rel="lightbox[googlesync_ipad2]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_9.jpg"><img class="alignnone size-thumbnail wp-image-2585" style="margin-top: 5px; margin-right: 5px;" title="googlesync_ipad_9" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_9-80x80.jpg" alt="" width="80" height="80" /></a><a title="全てのカレンダーの同期が完了です。" rel="lightbox[googlesync_ipad2]" href="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_10.jpg"><img class="alignnone size-thumbnail wp-image-2586" style="margin-top: 5px;" title="googlesync_ipad_10" src="http://www.coldsleep.jp/wp-content/uploads/2010/05/googlesync_ipad_10-80x80.jpg" alt="" width="80" height="80" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/05/28/ipad_calendar/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>自分だけのオリジナルヘッドフォンが作れるサイト「KOTORI」</title>
		<link>http://www.coldsleep.jp/2010/04/20/kotori/</link>
		<comments>http://www.coldsleep.jp/2010/04/20/kotori/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 13:09:06 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[ガジェット]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2507</guid>
		<description><![CDATA[
サイト制作の打合せに伺った際にお客様から教えてもらったヘッドフォンのオーダーメイドサイトがあまりに素晴らしかったので勢いでそのまま注文してしまいました。
そのサイトはKOTORIです。
「たのしいほうの、ヘッドフォン」 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2511" title="自分だけのオリジナルヘッドフォンが作れるサイト「KOTORI」" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori.jpg" alt="自分だけのオリジナルヘッドフォンが作れるサイト「KOTORI」" width="430" height="200" /></p>
<p>サイト制作の打合せに伺った際にお客様から教えてもらったヘッドフォンのオーダーメイドサイトがあまりに素晴らしかったので勢いでそのまま注文してしまいました。</p>
<p>そのサイトは<a href="http://kotori.fostex.jp/">KOTORI</a>です。</p>
<p>「たのしいほうの、ヘッドフォン」というコンセプトのもと、ヘッドフォンのパーツのカラーをカスタマイズして自分だけのオリジナルデザインを作成できます。KO（個）、OTO（音）、ORIGINAL（オリジナル）の3つの意味からKOTORIと名付けられたそうです。</p>
<p>カスタマイズできる<strong>パーツは全17ヶ所</strong>、選択可能な<strong>カラーは全15色</strong>、左右別々の配色にしたり、スワロフスキーによるデコレーションもできます。カスタマイズの過程はリアルタイムに画面に反映され、いつでも全体デザインを確認できます。まっさらの状態からはじめることも、既存デザインからカスタマイズすることもできます。なかなか決められない人にはランダムで配色が決まるシャッフルボタンもあります。作ったデザインはスクラップブックに投稿でき、他のユーザーからの評価をもらうこともできます。</p>
<p>これだけできて<strong>お値段はたったの3,600円</strong>！送料の500円を入れても4,100円です。 「こんな安くて音質は大丈夫なの？」 と思う人もいるかもしれませんが、音質は電気グルーブの石野卓球の折り紙付きです。実際私も使っていますが全然問題ありません。</p>
<p>注文から発送まで2〜3週間かかりますってことでしたが、私は12日後に届きました。商品のケースも指輪が入っているようなかわいらしいデザインです。贈り物にも最適です。</p>
<p>NIKE IDでもオリジナルスニーカーが作れるサービスがありますが、どちらのサービスもついつい楽しくて時間を忘れていじってしまいます。そして、できたデザインには愛着がわいちゃって、もう買うしか選択肢はないのですｗ</p>
<p>近日中にオーバーヘッドタイプのオーダーメイドサービスもスタートするらしいです。</p>
<h3>KOTORI 参考画面</h3>
<p><a title="「はじめからデザインする」を選ぶと全部真っ白な状態からはじまります。" rel="lightbox[kotori]" href="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_1.jpg"><img class="alignnone size-thumbnail wp-image-2512" style="margin-top: 5px; margin-right: 5px;" title="kotori_1" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_1-80x80.jpg" alt="" width="80" height="80" /></a><a title="パーツの色を選択していきます。" rel="lightbox[kotori]" href="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_2.jpg"><img class="alignnone size-thumbnail wp-image-2513" style="margin-top: 5px; margin-right: 5px;" title="kotori_2" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_2-80x80.jpg" alt="" width="80" height="80" /></a><a title="いつでも全体のイメージを確認できます。" rel="lightbox[kotori]" href="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_3.jpg"><img class="alignnone size-thumbnail wp-image-2514" style="margin-top: 5px; margin-right: 5px;" title="kotori_3" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_3-80x80.jpg" alt="" width="80" height="80" /></a><a title="作ったデザインはスクラップブックに登録できます。" rel="lightbox[kotori]" href="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_4.jpg"><img class="alignnone size-thumbnail wp-image-2515" style="margin-top: 5px; margin-right: 5px;" title="kotori_4" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_4-80x80.jpg" alt="" width="80" height="80" /></a><a title="指輪が入っているようなかわいいケースに入って送られてきます。" rel="lightbox[kotori]" href="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_5.jpg"><img class="alignnone size-thumbnail wp-image-2516" style="margin-top: 5px;" title="kotori_5" src="http://www.coldsleep.jp/wp-content/uploads/2010/04/kotori_5-80x80.jpg" alt="" width="80" height="80" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/04/20/kotori/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ストリーミングラジオ&#8221;DOMMUNE&#8221;でワンルームディスコ</title>
		<link>http://www.coldsleep.jp/2010/03/10/dommune/</link>
		<comments>http://www.coldsleep.jp/2010/03/10/dommune/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 12:38:34 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[音楽]]></category>
		<category><![CDATA[Ustream]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2388</guid>
		<description><![CDATA[
Softbankが約2,000万米ドルを出資し、twitterでも孫さん自ら表参道に撮影スタジオを作るとつぶやいたりで、なにかと注目を集めている動画配信サービスUstreamですが、そのUstreamを使って3月1日よ [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2391" title="ストリーミングラジオ&quot;DOMMUNE&quot;でワンルームディスコ" src="http://www.coldsleep.jp/wp-content/uploads/2010/03/dommune.jpg" alt="" width="430" height="200" /></p>
<p>Softbankが約2,000万米ドルを出資し、twitterでも孫さん自ら表参道に撮影スタジオを作るとつぶやいたりで、なにかと注目を集めている動画配信サービスUstreamですが、そのUstreamを使って3月1日よりストリーミングラジオ「DOMMUNE」がスタートしました。</p>
<p>「DOMMUNE」ではさまざまな分野のDJのトーク＆ライブパフォーマンスが放送されます。音質も良く、カメラワークも秀逸で、まるでクラブにいるかのような臨場感が味わえます。普段なかなか見ることのできないDJブース内が見れたりするので、それ系のテクニックを学びたい人にもいいのかも。</p>
<p>YoutubeやPodcastと違ってリアルタイムなので、聞き逃したら終わりです。その刹那な感じがよりグルーブ感を演出します。さらにtwitterアカウントでログインすれば動画を見ながら「○○最高！」とか「やべー」とか感動をリアルタイムで共有できます。あとはお好みのドリンクを用意すれば至福の時間を過ごせます。せまい1Rがダンスフロアに！放送終了までは別世界にトリップ！なんとなくクラブとか行きづらいおとしごろなのでこれはありがたい企画です。ネットでリハビリしたら繰り出すか？！</p>
<p>視聴は無料、放送は日曜〜木曜の19:00〜24:00です。<br />
金土の放送がないのは週末にはクラブに足を運べってことなのか。</p>
<dl>
<dt>DOMMUNE</dt>
<dd><a href="http://www.dommune.com/">http://www.dommune.com/</a></dd>
</dl>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/03/10/dommune/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>メディアマーカーで快適な読書管理</title>
		<link>http://www.coldsleep.jp/2010/01/21/mediamarker/</link>
		<comments>http://www.coldsleep.jp/2010/01/21/mediamarker/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 15:37:59 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[本]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2200</guid>
		<description><![CDATA[
読書記録を管理・共有できるWebサービスにメディアマーカーが有名です。そのメディアマーカーのiPhoneアプリが何度かのバージョンアップを経て、大分便利になったので紹介します。
読書管理のWebサービス、iPhoneア [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2199" title="メディアマーカーで快適な読書管理" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_img.jpg" alt="" width="430" height="200" /></p>
<p><img class="alignnone size-full wp-image-1692" style="margin-right: 10px; float: left;" title="mediamarker" src="http://www.coldsleep.jp/wp-content/uploads/2009/08/mediamarker.jpg" alt="" width="62" height="62" />読書記録を管理・共有できるWebサービスに<a href="http://mediamarker.net/">メディアマーカー</a>が有名です。そのメディアマーカーのiPhoneアプリが何度かのバージョンアップを経て、大分便利になったので紹介します。</p>
<p>読書管理のWebサービス、iPhoneアプリはいくつかありますが、いずれも単体でしかデータを管理できないものばかりです。それぞれにデータを登録するのはめんどいですよね。その点、メディアマーカーならWebからもアプリからも登録・閲覧できてナイスです。</p>
<div class="download"><a class="imageReplace itunes_a.jpg itunes_b.jpg" href="http://itunes.apple.com/jp/app/id323530721?mt=8">iTunes</a></div>
<h3>メディアマーカー（iPhoneアプリ） 参考画面</h3>
<p><a title="起動画面、虫眼鏡アイコンをタップして書籍検索へ" rel="lightbox[mediamarker]" href="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_1.jpg"><img class="alignnone size-thumbnail wp-image-2201" style="margin-right: 5px; margin-top: 5px;" title="mediamarker_1" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_1-80x80.jpg" alt="" width="80" height="80" /></a><a title="キーワードまたはISBN番号でアマゾンデータを検索" rel="lightbox[mediamarker]" href="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_2.jpg"><img class="alignnone size-thumbnail wp-image-2206" style="margin-right: 5px; margin-top: 5px;" title="mediamarker_2" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_2-80x80.jpg" alt="" width="80" height="80" /></a><a title="書籍データが登録されます。" rel="lightbox[mediamarker]" href="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_3.jpg"><img class="alignnone size-thumbnail wp-image-2207" style="margin-right: 5px; margin-top: 5px;" title="mediamarker_3" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_3-80x80.jpg" alt="" width="80" height="80" /></a><a title="登録データの編集メニュー" rel="lightbox[mediamarker]" href="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_4.jpg"><img class="alignnone size-thumbnail wp-image-2208" style="margin-right: 5px; margin-top: 5px;" title="mediamarker_4" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_4-80x80.jpg" alt="" width="80" height="80" /></a><a title="マイバインダー画面" rel="lightbox[mediamarker]" href="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_5.jpg"><img class="alignnone size-thumbnail wp-image-2209" style="margin-top: 5px;" title="mediamarker_5" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/mediamarker_5-80x80.jpg" alt="" width="80" height="80" /></a></p>
<h3>読書の記録・共有</h3>
<p>キーワードまたはISBN番号を入力してアマゾンのデータベースから書籍情報を登録します。書籍の基本情報に加え、5段階評価やコメント、読書状況（未読、読中、読了）、所有状況（ウィッシュ、所有）、購入日、読了日、タグなどの項目を編集できます。編集した項目は検索対象になるのでコマメにメンテナンスしておくとよいです。Webサービス版では月毎の読破数、書籍購入金額合計の集計も表示されます。</p>
<h3>欲しい本のリスト管理</h3>
<p>本屋に行ってもタイトル、著者、出版社をちゃんと覚えていないと探せない、そもそも何買いにきたのかも思い出せないことがあります。事前にメディアマーカーに登録しておけばそんな事態は回避できます。欲しい本リスト以外にも条件を指定してリストの抽出ができ、さらにそれをローカルにダウンロードしておくことができます。電波の届かないような場所の本屋だって安心です。</p>
<h3>その他</h3>
<p>自分はやったことないですがユーザー同士で物々交換もできるようです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/01/21/mediamarker/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>NAVERのフォトエディター＆Nドライブに注目</title>
		<link>http://www.coldsleep.jp/2010/01/14/naver/</link>
		<comments>http://www.coldsleep.jp/2010/01/14/naver/#comments</comments>
		<pubDate>Thu, 14 Jan 2010 14:06:28 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[NAVER]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2151</guid>
		<description><![CDATA[
テーマ検索が特徴のNAVERが、無料オンラインストレージ「Nドライブ」サービスを開始しました。同じくNAVERの提供する無料の写真加工サービス「フォトエディター」とあわせて、かなり使えるサービスで要注目です。
フォトエ [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2152" title="NAVERのフォトエディター＆Nドライブに注目" src="http://www.coldsleep.jp/wp-content/uploads/2010/01/naver.jpg" alt="" width="430" height="200" /></p>
<p>テーマ検索が特徴の<a href="http://www.naver.jp/">NAVER</a>が、無料オンラインストレージ「Nドライブ」サービスを開始しました。同じくNAVERの提供する無料の写真加工サービス「フォトエディター」とあわせて、かなり使えるサービスで要注目です。</p>
<h3>フォトエディター</h3>
<p>インストールも会員登録も不要、ネットに接続できる環境さえあればいつでもどこからでも利用できる無料写真加工サービスです（要Adobe Flash Player 10）。リサイズ、トリミング、色調補正、フィルター、文字入力など一通りの編集機能があります。モザイクを簡単にかけることもできていい感じです。</p>
<ul>
<li><a href="http://photoeditor.naver.jp/">NAVER フォトエディター</a></li>
</ul>
<h3>Nドライブ</h3>
<p>こちらは会員登録が必要ですが、無料で5GBのオンラインストレージ（1ファイル当たりの最大サイズは200MB、データの保存期間は365日）を利用できます。専用ビューアーで画像だけでなく、Word、Excelデータも閲覧できます。iPhoneにも対応しています。</p>
<ul>
<li><a href="http://ndrive.naver.jp/">NAVER Nドライブ</a></li>
</ul>
<h3>これからにも期待！</h3>
<p>写真加工、オンラインストレージ、どちらかだけであれば他にも便利なサービスはありますが、両方のサービスを提供しているのは少ないと思います。残念ながら今はまだ両サービス間でデータのやりとりはできませんが、今後対応するようです。そうなるとより強力なWebサービスになります。</p>
<h3>追記</h3>
<ul>
<li>NドライブがmacのFireFoxに正式対応（2010.01.21）</li>
<li>iPhone版Nドライブからmp3、mp4再生に対応（2010.01.21）</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2010/01/14/naver/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitterの反応をブログに反映するようにした</title>
		<link>http://www.coldsleep.jp/2009/12/15/twitterer_anywhere/</link>
		<comments>http://www.coldsleep.jp/2009/12/15/twitterer_anywhere/#comments</comments>
		<pubDate>Tue, 15 Dec 2009 14:57:07 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2117</guid>
		<description><![CDATA[
Twitterのつぶやきを自サイトに表示させるツールはいろいろあり、本サイトでも最近の自分のつぶやきを表示にしています。
今回は自サイトのブログ記事について、その記事のURLを含んだつぶやきがあったらそのコメントをコメ [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2118" title="twitter_anywhere.js" src="http://www.coldsleep.jp/wp-content/uploads/2009/12/twitter_anywhere.jpg" alt="twitter_anywhere.js" width="430" height="200" /></p>
<p>Twitterのつぶやきを自サイトに表示させるツールはいろいろあり、本サイトでも<a href="http://www.coldsleep.jp/2009/04/19/twitter_tool/">最近の自分のつぶやきを表示</a>にしています。</p>
<p>今回は自サイトのブログ記事について、その記事のURLを含んだつぶやきがあったらそのコメントをコメント主のアイコン付で自動表示するようにしてみました。</p>
<h3>用意するもの</h3>
<p>twitterer_anywhere.ja.js</p>
<p>MOONGIFTのなかのひとがこちらのページで公開してくださっています。<br />
<a href="http://www.moongift.jp/2009/01/twitterer_anywhere/">ブログにtwitterのつぶやきを表示する「twitterer anywhere」:MOONGIFT</a></p>
<p>また、これを使っているサイトのソースを参考にしました。<br />
参考（マネ）させていただいたのはこちらのサイトです。<a href="http://www.webdice.jp/"><br />
webDICE</a>（「骰子の眼」の記事末尾部分）</p>
<h3>改変後のjsファイルサンプル</h3>
<pre class="brush: php;">
function __twitterer_anywhere_receiver(json) {

    try {
	var html = &quot;&quot;;

	var escapeHTML = function(str) {
	    str = str.replace(&quot;http://&quot;,&quot;&quot;);
	    str = str.replace(&quot;&amp;&quot;,&quot;&amp;amp;&quot;);
	    str = str.replace(&quot;\&quot;&quot;,&quot;&amp;quot;&quot;);
	    str = str.replace(&quot;'&quot;,&quot;&amp;#039;&quot;);
	    str = str.replace(&quot;&lt;&quot;,&quot;&amp;lt;&quot;);
	    str = str.replace(&quot;&gt;&quot;,&quot;&amp;gt;&quot;);
	    return str;
	}

	if(json.response.total == 0) {
	    html += &quot;&lt;h3&gt;Twitterの反応&lt;/h3&gt;&quot;;
	    html += &quot;&lt;ul&gt;&lt;li&gt;&quot;;
	    html += &quot;つぶやかれていません (ﾉД`)&quot;;
	    html += &quot;&lt;/li&gt;&lt;/ul&gt;&quot;;
	}

	else {
	    html += &quot;&lt;h3&gt;Twitterの反応（&lt;a class=\&quot;twitterer_anywhere_go\&quot; href=\&quot;http://topsy.com/tb/&quot;+escapeHTML(twitterer_anywhere_url)+&quot;\&quot; target=\&quot;_blank\&quot;&gt;&quot;+json.response.total+&quot;&lt;/a&gt;）&lt;/h3&gt;&quot;;

		html += &quot;&lt;ul&gt;&quot;;

	    for(var i = 0; i &lt; json.response.list.length; ++i) {
		var jt = json.response.list[i];
		    html += &quot;&lt;li&gt;&lt;div class=\&quot;tweet_box\&quot;&gt;&lt;div class=\&quot;tweet_box_left\&quot;&gt;&lt;img width=\&quot;48\&quot; height=\&quot;48\&quot; src=\&quot;&quot;+jt.author.photo_url+&quot;\&quot; /&gt;&lt;/div&gt;&lt;div class=\&quot;tweet_box_right\&quot;&gt;&lt;p&gt;&lt;a class=\&quot;twitter_name\&quot; href=\&quot;&quot;+jt.author.url+&quot;\&quot; target=\&quot;_blank\&quot;&gt;&quot;+jt.author.name+&quot;&lt;/a&gt;&lt;a class=\&quot;twitter_posttime\&quot; href=\&quot;&quot;+jt.permalink_url+&quot;\&quot; target=\&quot;_blank\&quot;&gt;&quot;+jt.date_alpha+&quot;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&quot;+jt.content+&quot;&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/li&gt;&quot;;
		}

		html += &quot;&lt;/ul&gt;&quot;;
	}

	var wrap = document.createElement(&quot;div&quot;);
	wrap.innerHTML = html;
	document.getElementById(&quot;twitterer_anywhere&quot;).appendChild(wrap);
    } catch(e) { }
}

function __twitterer_anywhere_loade() {
    try {
	if((typeof document.getElementById(&quot;twitterer_anywhere&quot;))!=&quot;undefined&quot;) {
	    var script = document.createElement(&quot;script&quot;);
	    script.setAttribute(&quot;type&quot;,&quot;text/javascript&quot;);
	    if((typeof twitterer_anywhere_url)==&quot;undefined&quot;) twitterer_anywhere_url = location.href.replace(/#.*/,&quot;&quot;);
		script.setAttribute(&quot;src&quot;,&quot;http://otter.topsy.com/trackbacks.js?url=&quot;+twitterer_anywhere_url+&quot;&amp;callback=__twitterer_anywhere_receiver&quot;);
	    document.body.appendChild(script);
	}
    } catch(e) { }
}

try {
    if(window.addEventListener) {
	window.addEventListener(&quot;load&quot;, __twitterer_anywhere_loade, false);
    }
    else {
	window.attachEvent(&quot;onload&quot;, __twitterer_anywhere_loade);
    }
} catch(e) { }
</pre>
<p>上記jsファイルをheaderで読み込ませます。<br />
 あとはTwitterコメントを表示したい部分に下記を挿入すればOKです。</p>
<pre class="brush: php;">
&lt;div id=&quot;twitterer_anywhere&quot;&gt;&lt;/div&gt;
</pre>
<p>相変わらずJavaScriptは全然わからないので、書いては消し、書いては消しの作業でした。おかしな挙動をする可能性もありますのでご注意ください (；´Д`)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2009/12/15/twitterer_anywhere/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>ソーシャルアカウントでバトル！ソーシャルコンバットＶ</title>
		<link>http://www.coldsleep.jp/2009/11/24/socialcombatv/</link>
		<comments>http://www.coldsleep.jp/2009/11/24/socialcombatv/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 14:52:50 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=2070</guid>
		<description><![CDATA[
Twitterに関連したサービスはいろいろありますが、本格的な？バトルゲームを楽しめるWebサービスを教えてもらったので紹介します。
その名もソーシャルコンバットＶ
ソーシャルコンバットＶはソーシャルメディアのアカウン [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-2071" title="ソーシャルアカウントでバトル！ソーシャルコンバットＶ" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv.jpg" alt="ソーシャルアカウントでバトル！ソーシャルコンバットＶ" width="430" height="200" /></p>
<p>Twitterに関連したサービスはいろいろありますが、本格的な？バトルゲームを楽しめるWebサービスを教えてもらったので紹介します。</p>
<p>その名も<a href="http://socialcombatv.com/"><strong>ソーシャルコンバットＶ</strong></a></p>
<p><strong>ソーシャルコンバットＶ</strong>はソーシャルメディアのアカウント同士でガチンコ対決するゲームで、キャラクターの強さは各ソーシャルメディアでの活動状況がステータスに反映されているそうです（自キャラはなぜかスピードのステータスが高かった）。ソーシャルメディアで使っているアイコンがそのまま自キャラの顔になっているのですぐに違和感なく（？）プレイできます。バトルに勝つとポイントがもらえてステータスを強化でき、島のボスを倒すのが目標のようです。バトル中の技名がソーシャルメディアでの発言をもじったものになっていて笑えます。いつもは仲良く情報交換しているあいつとたまにはバトルしてみるのもおもしろいかもしれません。（相手もログインしてくれないといけないけどｗ）</p>
<p>たくさんのAPIを活用して作られた本サービスはアイディア・技術ともにすごいのひとことです。是非一度プレイしてみてください。</p>
<h3>遊び方</h3>
<ol>
<li>Twitterのアカウントでログイン（mixi、facebookも準備中）</li>
<li>マウスでキャラクターを操作して、対戦相手を選んでバトル！</li>
<li>バトルは見てるだけｗ</li>
<li>勝利するとポイントがもらえるのでパラメータを強化</li>
<li>島の中央に座っているボスを倒すのが目的</li>
</ol>
<h3>参考画面</h3>
<p><a title="闘いの火ぶたは切って落とされた！" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_1.jpg"><img class="alignnone size-thumbnail wp-image-2074" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_1" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_1-80x80.jpg" alt="socialcombatv_1" width="80" height="80" /></a><a title="とりあえずTwiiterアカウントでログイン" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_2.jpg"><img class="alignnone size-thumbnail wp-image-2075" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_2" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_2-80x80.jpg" alt="socialcombatv_2" width="80" height="80" /></a><a title="Twitterのアイコンが顔になったキャラが島に降り立つ" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_3.jpg"><img class="alignnone size-thumbnail wp-image-2076" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_3" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_3-80x80.jpg" alt="socialcombatv_3" width="80" height="80" /></a><a title="同僚のキャラを見つけたので勝負を挑む！" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_4.jpg"><img class="alignnone size-thumbnail wp-image-2077" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_4" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_4-80x80.jpg" alt="socialcombatv_4" width="80" height="80" /></a><a title="鉄拳風のvs画面でテンションアップ" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_5.jpg"><img class="alignnone size-thumbnail wp-image-2078" style="margin-top: 5px;" title="socialcombatv_5" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_5-80x80.jpg" alt="socialcombatv_5" width="80" height="80" /></a><br />
<a title="Twitterの最近のつぶやきをもじった技が炸裂！" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_6.jpg"><img class="alignnone size-thumbnail wp-image-2079" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_6" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_6-80x80.jpg" alt="socialcombatv_6" width="80" height="80" /></a><a title="派手なエフェクトが出るのは必殺技？" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_7.jpg"><img class="alignnone size-thumbnail wp-image-2080" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_7" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_7-80x80.jpg" alt="socialcombatv_7" width="80" height="80" /></a><a title="ジャイアントスィングが炸裂！kimikato即死" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_8.jpg"><img class="alignnone size-thumbnail wp-image-2081" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_8" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_8-80x80.jpg" alt="socialcombatv_8" width="80" height="80" /></a><a title="勝負に勝つとポイントがもらえて、自キャラを強化できます。" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_9.jpg"><img class="alignnone size-thumbnail wp-image-2082" style="margin-right: 5px; margin-top: 5px;" title="socialcombatv_9" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_9-80x80.jpg" alt="socialcombatv_9" width="80" height="80" /></a><a title="プロフィール画面で衣装のカスタマイズもできます。" rel="lightbox[socialcombatv]" href="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_10.jpg"><img class="alignnone size-thumbnail wp-image-2083" style="margin-top: 5px;" title="socialcombatv_10" src="http://www.coldsleep.jp/wp-content/uploads/2009/11/socialcombatv_10-80x80.jpg" alt="socialcombatv_10" width="80" height="80" /></a></p>
<h3>利用しているAPI</h3>
<ol>
<li><a href="http://apiwiki.twitter.com/">Twitter API</a></li>
<li><a href="http://developer.yahoo.co.jp/">Yahoo! テキスト解析</a></li>
<li><a href="http://www.nttdata-nazuki.jp/">なずき感性抽出API</a></li>
<li><a href="http://wacca.fm/">wacca API</a></li>
<li><a href="http://tenkiapi.jp/">天気予報(天気予報API)</a></li>
<li><a href="http://www.vdsapi.ne.jp/">Web合成音声配信システム vds (Voice Delivery System)</a></li>
<li><a href="http://code.google.com/intl/ja/apis/chart/">Google Chart API</a></li>
<li><a href="https://affiliate.amazon.co.jp/">Product Advertising API</a></li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2009/11/24/socialcombatv/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitterを速攻で飽きてしまわないように</title>
		<link>http://www.coldsleep.jp/2009/09/11/twitter_beginner/</link>
		<comments>http://www.coldsleep.jp/2009/09/11/twitter_beginner/#comments</comments>
		<pubDate>Thu, 10 Sep 2009 17:16:40 +0000</pubDate>
		<dc:creator>ColdSleep</dc:creator>
				<category><![CDATA[Webサービス]]></category>
		<category><![CDATA[日記]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://www.coldsleep.jp/?p=1805</guid>
		<description><![CDATA[学生時代の友人がTwitterをはじめたので速攻飽きて辞めてしまわないようアドバイス的なことを書いてみます。ただし、楽しみ方は人それぞれ、自分なりの楽しみ方を見つけるまでの手助けになればと思います。私も最初は何がおもしろ [...]]]></description>
			<content:encoded><![CDATA[<p>学生時代の友人がTwitterをはじめたので速攻飽きて辞めてしまわないようアドバイス的なことを書いてみます。ただし、楽しみ方は人それぞれ、自分なりの楽しみ方を見つけるまでの手助けになればと思います。私も最初は何がおもしろいのか理解できず、数ヶ月ほったらかしになってたしw</p>
<h3>はじめはとりあえずひとりごと</h3>
<p>最初はTLに自分しかいないので、本当にただのひとりごと状態です。それでもひとこと日記だと思って適当につぶやいておきましょう。誰かが興味を持ってフォローしてくれるかもしれません。</p>
<h3>とりあえず何人かフォローしてTLを育てる</h3>
<p>たぶんそのままだと速攻飽きるので、とりあえず有名人や同じ趣味を持ってそうな人を何人かフォローしてみましょう。フォローした人のつぶやきが自分のTLに表示されるようになります。ひとこと日記から少し進化してRSSリーダーに近い感じになってきます。フォローしたからといって必ずフォローされるわけではないので最初は地道に自分の興味のあることをつぶやいていそうな人を探してはフォローするって作業になります。</p>
<h3>一方通行から双方向に</h3>
<p>何人かフォローしていると相手からのフォローも徐々に増えてきて、なにげないつぶやきにリプライ（返事）がつきはじめます。これまでROM専用で一方通行だったTLがチャットやショートメールのような双方向性を持ち始めます。</p>
<h3>TLを自分の好みにカスタマイズ</h3>
<p>フォローが増えてくるとTLの流れがどんどん加速していきとても全部終えなくなります。だんだんとノイズも増えてきます。気になるユーザーの発言は検索で追跡しましょう。TwitterはSNSと違ってフォローもリムーブ（フォロー解除）も自由な文化があるのでフォローを調整して自分なりのTLにカスタマイズしましょう。この段階までくると情報収集・共有ツールとしてかなり便利なものになっているはずです。とりあえず頑張れ！</p>
]]></content:encoded>
			<wfw:commentRss>http://www.coldsleep.jp/2009/09/11/twitter_beginner/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
