<?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>ひろぽっぽれす</title>
	<atom:link href="http://hiropo.co.uk/feed" rel="self" type="application/rss+xml" />
	<link>http://hiropo.co.uk</link>
	<description>Web系エンジニアの適当なブログです。どうでも酔いものばかり作ってます。</description>
	<lastBuildDate>Tue, 02 Mar 2010 16:09:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>美人時計のデジタルフォトフレーム版を作ってみた。 &#8211; DPF-D72N</title>
		<link>http://hiropo.co.uk/archives/425</link>
		<comments>http://hiropo.co.uk/archives/425#comments</comments>
		<pubDate>Mon, 01 Mar 2010 16:46:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[hack]]></category>
		<category><![CDATA[美人時計]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=425</guid>
		<description><![CDATA[デジタルフォトフレームに美人時計をいれてみた。

スライドショーで、1分置きに画像を切り替えるようにしてみたので、スタートを現在の時間にすることによって、美人時計のデジタルフォトフレーム版が完成！もちろん1440枚全部入ってますよ！

我ながらよくやるわと思った。

]]></description>
			<content:encoded><![CDATA[<p>デジタルフォトフレームに美人時計をいれてみた。</p>
<p><a href="http://hiropo.co.uk/wp-content/uploads/2010/03/IMG_3448.jpg"><img src="http://hiropo.co.uk/wp-content/uploads/2010/03/IMG_3448.jpg" alt="" title="IMG_3448" width="640" height="426" class="alignnone size-full wp-image-426" /></a></p>
<p>スライドショーで、1分置きに画像を切り替えるようにしてみたので、スタートを現在の時間にすることによって、美人時計のデジタルフォトフレーム版が完成！もちろん1440枚全部入ってますよ！</p>
<p><object width="560" height="340"><param name="movie" value="http://www.youtube.com/v/q2llpaxMDbY&#038;hl=ja_JP&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/q2llpaxMDbY&#038;hl=ja_JP&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="560" height="340"></embed></object></p>
<p>我ながらよくやるわと思った。</p>
<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;npa=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=funnythingz-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;asins=B002TO4N3K" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/425/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>新「ブラッディ・マンデイ」の藤丸が持ってるUSBメモリの作り方 &#8211; BackTrack4 final 編</title>
		<link>http://hiropo.co.uk/archives/398</link>
		<comments>http://hiropo.co.uk/archives/398#comments</comments>
		<pubDate>Thu, 11 Feb 2010 16:44:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[backtrack]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=398</guid>
		<description><![CDATA[どもです、ブラッディ・マンデイ、シーズン2がマンガもドラマも始まりましたね。個人的にはドラマ版は人が死にすぎなのであまり好きではありません。断然コミック派です。（どうでもいいですねｗ）
以前に「ブラッディ・マンデイ」の藤丸がもってるUSBメモリの作り方という記事を1年以上前に書きました。質問もたくさんいただきましたが全然返せてなくてすみません。youtubeか何かで実際の作り方を動画にしてくれという要望もありましたので、試みようとしたのですが、BackTrackもOphcrackも新しくなってしまい、仕様が変わったため書いた記事の内容と大きく異なることになりそうでしたのでやめました。それと、2つのLinuxをがっちゃんこするのも結構めんどくさいし若干難しいと思いますので、今回改めてシンプルで簡単な方法を書こうと思います。
まず、ブラッディ・マンデイの藤丸が使っているUSBですが、あれはUSBメモリにUSBブート可能なLinux系OSをつっこんでブートしていると思います。最近で有名なOSはUbuntuやFedoraあたりでしょうか。Knoppixや他にもLiveUSBのLinuxはありますが、特にUbuntuは凄い使い易くて良いですアレ（笑）
ただ今回は、あくまで藤丸に近づくために、実際に構築したサーバのセキュリティをペネトレーションテスト（ハッキングやクラック）するためのOS、BackTrack4というOSをUSBメモリからブートできるようにしてみます。
用意するものは4GB以上のUSBメモリとインターネットにつながったWindows環境です。
USBメモリは1,000円前後で購入できます。

そして、BackTrack4 final をダウンロードします。

→BackTrackダウンロードURL
ダウンロードが完了したら、USBメモリをWindowsマシンに差してください。
次に、LinuxLive USB Creator というツールを使って藤丸のUSBメモリを作っていきます。
LinuxLive USB Creator をダウンロードします。

→LinuxLive USB CreatorダウンロードURL
ダウンロードしたら、LinuxLive USB Creator 2.4.exe を実行して解凍します。

解凍してできたフォルダに入ります。

LiLi USB Creator.exe を実行します。

あとは、インストール先のUSBメモリとダウンロードしたBackTrack4 final のisoを選択して、インストールを実行します。
インストールが完了すると、下記のようなメッセージが出てきます。

これでインストール完了です。とっても簡単！
さて、次は起動するPCのBIOSをUSBメモリをファーストブートに設定して、起動してみてください。
下記は僕のネットブックでの起動画面です。

こんな感じで出来上がりです。
ちなみに今回も、大変お世話になっているatc-500様のブログを参考にしました。
次回があれば、Ubuntu編を書こうかなと思います。それかBackTrack4の藤丸（っぽい）仕様でもつくろうかなと。
それでは、よきハックなライフを送ってくださいませー。
]]></description>
			<content:encoded><![CDATA[<p>どもです、ブラッディ・マンデイ、シーズン2がマンガもドラマも始まりましたね。個人的にはドラマ版は人が死にすぎなのであまり好きではありません。断然コミック派です。（どうでもいいですねｗ）</p>
<p>以前に<a href="http://hiropo.co.uk/archives/111">「ブラッディ・マンデイ」の藤丸がもってるUSBメモリの作り方</a>という記事を1年以上前に書きました。質問もたくさんいただきましたが全然返せてなくてすみません。youtubeか何かで実際の作り方を動画にしてくれという要望もありましたので、試みようとしたのですが、BackTrackもOphcrackも新しくなってしまい、仕様が変わったため書いた記事の内容と大きく異なることになりそうでしたのでやめました。それと、2つのLinuxをがっちゃんこするのも結構めんどくさいし若干難しいと思いますので、今回改めてシンプルで簡単な方法を書こうと思います。</p>
<p>まず、ブラッディ・マンデイの藤丸が使っているUSBですが、あれはUSBメモリにUSBブート可能なLinux系OSをつっこんでブートしていると思います。最近で有名なOSはUbuntuやFedoraあたりでしょうか。Knoppixや他にもLiveUSBのLinuxはありますが、特にUbuntuは凄い使い易くて良いですアレ（笑）</p>
<p>ただ今回は、あくまで藤丸に近づくために、実際に構築したサーバのセキュリティをペネトレーションテスト（ハッキングやクラック）するためのOS、BackTrack4というOSをUSBメモリからブートできるようにしてみます。</p>
<p>用意するものは4GB以上のUSBメモリとインターネットにつながったWindows環境です。<br />
USBメモリは1,000円前後で購入できます。<br />
<iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=FFFFFF&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=funnythingz-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;asins=B0014B3SK8" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>そして、BackTrack4 final をダウンロードします。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/dl.gif" alt="dl" title="dl" width="398" height="244" class="alignnone size-full wp-image-400" /><br />
→<a href="http://www.backtrack-linux.org/downloads/" target="_blank">BackTrackダウンロードURL</a></p>
<p>ダウンロードが完了したら、USBメモリをWindowsマシンに差してください。<br />
次に、LinuxLive USB Creator というツールを使って藤丸のUSBメモリを作っていきます。</p>
<p>LinuxLive USB Creator をダウンロードします。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/click.gif" alt="click" title="click" width="314" height="201" class="alignnone size-full wp-image-401" /></p>
<p>→<a href="http://www.linuxliveusb.com/" target="_blank">LinuxLive USB CreatorダウンロードURL</a></p>
<p>ダウンロードしたら、LinuxLive USB Creator 2.4.exe を実行して解凍します。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/icon.gif" alt="icon" title="icon" width="130" height="239" class="alignnone size-full wp-image-402" /></p>
<p>解凍してできたフォルダに入ります。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/dir.gif" alt="dir" title="dir" width="652" height="504" class="alignnone size-full wp-image-403" /></p>
<p>LiLi USB Creator.exe を実行します。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/tool.gif" alt="tool" title="tool" width="450" height="750" class="alignnone size-full wp-image-404" /></p>
<p>あとは、インストール先のUSBメモリとダウンロードしたBackTrack4 final のisoを選択して、インストールを実行します。<br />
インストールが完了すると、下記のようなメッセージが出てきます。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/comp.gif" alt="comp" title="comp" width="386" height="121" class="alignnone size-full wp-image-405" /></p>
<p>これでインストール完了です。とっても簡単！</p>
<p>さて、次は起動するPCのBIOSをUSBメモリをファーストブートに設定して、起動してみてください。<br />
下記は僕のネットブックでの起動画面です。<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/02/37e3808047553cedb34daa9b1d7ab2a3.gif" alt="写真" title="写真" width="300" height="400" class="alignnone size-full wp-image-406" /></p>
<p>こんな感じで出来上がりです。</p>
<p>ちなみに今回も、大変お世話になっている<a href="http://royalwin.blog.so-net.ne.jp/" target="_blank">atc-500</a>様の<a href="http://royalwin.blog.so-net.ne.jp/2010-02-10-1" target="_blank">ブログ</a>を参考にしました。</p>
<p>次回があれば、Ubuntu編を書こうかなと思います。それかBackTrack4の藤丸（っぽい）仕様でもつくろうかなと。</p>
<p>それでは、よきハックなライフを送ってくださいませー。</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/398/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Linux標準コマンドでローレベルフォーマット</title>
		<link>http://hiropo.co.uk/archives/366</link>
		<comments>http://hiropo.co.uk/archives/366#comments</comments>
		<pubDate>Sat, 30 Jan 2010 20:00:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Linux]]></category>
		<category><![CDATA[bash]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=366</guid>
		<description><![CDATA[ローレベルフォーマットって物理フォーマットのことなんだけど、厳密にはローレベルフォーマットって個人レベルじゃできないようです。
ここでいうローレベルフォーマットってのは、データを0の値で上書きすることをさします。0で上書きすることによって実質データの完全削除です。
0と1しかないんだから0で書いちゃえばなんもないじゃんってことです！
ってとこで、ローレベルフォーマットってツール使ったりすることが多いですが、最近はUSBやCDからブートできるubuntuとかLinuxがたくさんあるので、Linux標準のddコマンド使っちゃえばできちゃうようです。
参考サイト
http://www.cybernetic-survival.net/dd.htm
ウチのDELLノートちゃんのパーティションキレてるDドライブちゃんとキレイに全消ししたかったので、下記のコマンドを実行してみた。
PLAIN TEXT
CODE:




#dd if=/dev/zero of=/dev/sda2 






デバイスは環境によってことなるのでその都度確認しないと大変なことになりますよ！
これでウチのDELLノートちゃんは無事にデータが消えやがってくれましたよ。
dd便利すな！
]]></description>
			<content:encoded><![CDATA[<p>ローレベルフォーマットって物理フォーマットのことなんだけど、厳密にはローレベルフォーマットって個人レベルじゃできないようです。<br />
ここでいうローレベルフォーマットってのは、データを0の値で上書きすることをさします。0で上書きすることによって実質データの完全削除です。</p>
<p>0と1しかないんだから0で書いちゃえばなんもないじゃんってことです！</p>
<p>ってとこで、ローレベルフォーマットってツール使ったりすることが多いですが、最近はUSBやCDからブートできるubuntuとかLinuxがたくさんあるので、Linux標準のddコマンド使っちゃえばできちゃうようです。</p>
<p>参考サイト<br />
<a href="http://www.cybernetic-survival.net/dd.htm" target="_blank">http://www.cybernetic-survival.net/dd.htm</a></p>
<p>ウチのDELLノートちゃんのパーティションキレてるDドライブちゃんとキレイに全消ししたかったので、下記のコマンドを実行してみた。</p>
<div class="igBar"><span id="lcode-2"><a href="#" onclick="javascript:showCodeTxt('code-2'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-2">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#dd if=/dev/zero of=/dev/sda2 </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>デバイスは環境によってことなるのでその都度確認しないと大変なことになりますよ！<br />
これでウチのDELLノートちゃんは無事にデータが消えやがってくれましたよ。</p>
<p>dd便利すな！</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/366/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【美人時計】ニコニコ踊り娘 &#8211; ミンカ、Ire、いとくとら、まころん、馬琴</title>
		<link>http://hiropo.co.uk/archives/367</link>
		<comments>http://hiropo.co.uk/archives/367#comments</comments>
		<pubDate>Sat, 30 Jan 2010 17:05:56 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ruby]]></category>
		<category><![CDATA[web service]]></category>
		<category><![CDATA[美人時計]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=367</guid>
		<description><![CDATA[ウチのサーバちゃんが相変わらず今もなお毎日美人時計の画像を収集している。今ではGAL時計も毎日収集していて、相変わらず差分のみちゃっかり保存しちゃってます。キモイね！
そんな美人時計の登場人物の差分をみていたんですけど、去年くらいまでは女の子が純粋に更新されいたっぽいんですが、最近はドラマや企業や企画モノなどとコラボして、画像が更新されている傾向にありますね。
そんなところでまずはニコニコ動画で有名（？）な踊り子とのコラボを紹介します。
上の列から、ミンカ、Ire、いとくとら、まころん、馬琴。
うん、みんな可愛いすぎるすな！
]]></description>
			<content:encoded><![CDATA[<p>ウチのサーバちゃんが相変わらず今もなお毎日美人時計の画像を収集している。今ではGAL時計も毎日収集していて、相変わらず差分のみちゃっかり保存しちゃってます。キモイね！</p>
<p>そんな美人時計の登場人物の差分をみていたんですけど、去年くらいまでは女の子が純粋に更新されいたっぽいんですが、最近はドラマや企業や企画モノなどとコラボして、画像が更新されている傾向にありますね。</p>
<p>そんなところでまずはニコニコ動画で有名（？）な踊り子とのコラボを紹介します。</p>
<p>上の列から、ミンカ、Ire、いとくとら、まころん、馬琴。<br />

<a href='http://hiropo.co.uk/archives/367/attachment/2008' title='2008'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20081-150x150.jpg" class="attachment-thumbnail" alt="" title="2008" /></a>
<a href='http://hiropo.co.uk/archives/367/2009-2' title='2009'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20092-150x150.jpg" class="attachment-thumbnail" alt="" title="2009" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2010' title='2010'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20101-150x150.jpg" class="attachment-thumbnail" alt="" title="2010" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2011' title='2011'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20111-150x150.jpg" class="attachment-thumbnail" alt="" title="2011" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2020' title='2020'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20201-150x150.jpg" class="attachment-thumbnail" alt="" title="2020" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2021' title='2021'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20211-150x150.jpg" class="attachment-thumbnail" alt="" title="2021" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2022' title='2022'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20221-150x150.jpg" class="attachment-thumbnail" alt="" title="2022" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2023' title='2023'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20231-150x150.jpg" class="attachment-thumbnail" alt="" title="2023" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2004' title='2004'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20042-150x150.jpg" class="attachment-thumbnail" alt="" title="2004" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2005' title='2005'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20051-150x150.jpg" class="attachment-thumbnail" alt="" title="2005" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2006' title='2006'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20061-150x150.jpg" class="attachment-thumbnail" alt="" title="2006" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2007' title='2007'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20072-150x150.jpg" class="attachment-thumbnail" alt="" title="2007" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2040' title='2040'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20401-150x150.jpg" class="attachment-thumbnail" alt="" title="2040" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2041' title='2041'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20411-150x150.jpg" class="attachment-thumbnail" alt="" title="2041" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2042' title='2042'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20421-150x150.jpg" class="attachment-thumbnail" alt="" title="2042" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2043' title='2043'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20431-150x150.jpg" class="attachment-thumbnail" alt="" title="2043" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2016' title='2016'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20161-150x150.jpg" class="attachment-thumbnail" alt="" title="2016" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2017' title='2017'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20171-150x150.jpg" class="attachment-thumbnail" alt="" title="2017" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2018' title='2018'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20181-150x150.jpg" class="attachment-thumbnail" alt="" title="2018" /></a>
<a href='http://hiropo.co.uk/archives/367/attachment/2019' title='2019'><img width="150" height="150" src="http://hiropo.co.uk/wp-content/uploads/2010/01/20191-150x150.jpg" class="attachment-thumbnail" alt="" title="2019" /></a>
</p>
<p>うん、みんな可愛いすぎるすな！</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/367/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>find でベーシック認証が書いてある.htaccess を検索</title>
		<link>http://hiropo.co.uk/archives/364</link>
		<comments>http://hiropo.co.uk/archives/364#comments</comments>
		<pubDate>Thu, 28 Jan 2010 08:25:23 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[未分類]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=364</guid>
		<description><![CDATA[ベーシック認証が書いてある.htaccess を検索するメモ
PLAIN TEXT
CODE:




find ./htdocs -type f -exec grep 'AuthType Basic' &#123;&#125; /dev/null \; -print 






]]></description>
			<content:encoded><![CDATA[<p>ベーシック認証が書いてある.htaccess を検索するメモ</p>
<div class="igBar"><span id="lcode-4"><a href="#" onclick="javascript:showCodeTxt('code-4'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-4">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">find ./htdocs -type f -exec grep <span style="color:#CC0000;">'AuthType Basic'</span> <span style="color:#006600; font-weight:bold;">&#123;</span><span style="color:#006600; font-weight:bold;">&#125;</span> /dev/null \; -print </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/364/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>美人時計で画像を収集する際に使った計算式</title>
		<link>http://hiropo.co.uk/archives/360</link>
		<comments>http://hiropo.co.uk/archives/360#comments</comments>
		<pubDate>Wed, 27 Jan 2010 09:31:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[美人時計]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=360</guid>
		<description><![CDATA[美人時計の画像を収集する際に、時間で画像名が吐き出されているので、その吐き出しの計算式をおこしてみた。
画像収集バッチはRubyなんですが、今回ちょっとJavaScriptを使う機会があったので、JavaScriptで起こしてみました。
PLAIN TEXT
HTML:




&#60;div id="debug"&#62;&#60;/div&#62; 






PLAIN TEXT
JavaScript:




&#40;function&#40;&#41;&#123;


&#160; var getid = function&#40;id&#41;&#123;


&#160; &#160; return document.getElementById&#40;id&#41;;


&#160; &#125;


&#160; var debug = getid&#40; 'debug' &#41;;


&#160; var dateCount = function&#40;arg&#41;&#123;


&#160; &#160; return arg;


&#160; &#125;


&#160; for&#40; var i = 0; i &#60;24; i++ &#41;&#123;


&#160; &#160; for&#40; var j = 0; j &#60;60; j++ &#41;&#123;


&#160; &#160; &#160; if&#40; i &#60;10 &#41;&#123;


&#160; &#160; &#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>美人時計の画像を収集する際に、時間で画像名が吐き出されているので、その吐き出しの計算式をおこしてみた。<br />
画像収集バッチはRubyなんですが、今回ちょっとJavaScriptを使う機会があったので、JavaScriptで起こしてみました。</p>
<div class="igBar"><span id="lhtml-7"><a href="#" onclick="javascript:showCodeTxt('html-7'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-7">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"debug"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<div class="igBar"><span id="ljavascript-8"><a href="#" onclick="javascript:showCodeTxt('javascript-8'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-8">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #003366; font-weight: bold;">var</span> getid = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>id<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span>id<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #003366; font-weight: bold;">var</span> debug = getid<span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">'debug'</span> <span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #003366; font-weight: bold;">var</span> dateCount = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>arg<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> arg;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #66cc66;">&#40;</span> <span style="color: #003366; font-weight: bold;">var</span> i = <span style="color: #CC0000;color:#800000;">0</span>; i &lt;<span style="color: #CC0000;color:#800000;">24</span>; i++ <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #66cc66;">&#40;</span> <span style="color: #003366; font-weight: bold;">var</span> j = <span style="color: #CC0000;color:#800000;">0</span>; j &lt;<span style="color: #CC0000;color:#800000;">60</span>; j++ <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> i &lt;<span style="color: #CC0000;color:#800000;">10</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> j &lt;<span style="color: #CC0000;color:#800000;">10</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; debug.<span style="color: #006600;">innerHTML</span> += <span style="color: #3366CC;">'0'</span> + i.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'0'</span> + j.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'.jpg'</span> + <span style="color: #3366CC;">'&lt;br /&gt;'</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; debug.<span style="color: #006600;">innerHTML</span> += <span style="color: #3366CC;">'0'</span> + i.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + j.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'.jpg'</span> + <span style="color: #3366CC;">'&lt;br /&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> j &lt;<span style="color: #CC0000;color:#800000;">10</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; debug.<span style="color: #006600;">innerHTML</span> += i.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'0'</span> + j.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'.jpg'</span> + <span style="color: #3366CC;">'&lt;br /&gt;'</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; debug.<span style="color: #006600;">innerHTML</span> += i.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + j.<span style="color: #006600;">toString</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span> + <span style="color: #3366CC;">'.jpg'</span> + <span style="color: #3366CC;">'&lt;br /&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>0000.jpg<br />
0001.jpg<br />
～略～<br />
2358.jpg<br />
2359.jpg</p>
<p>まで表示されます。</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/360/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>flashplayerの有無判別</title>
		<link>http://hiropo.co.uk/archives/356</link>
		<comments>http://hiropo.co.uk/archives/356#comments</comments>
		<pubDate>Thu, 07 Jan 2010 07:46:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=356</guid>
		<description><![CDATA[flashplayerの有無判別は非常にややこしい・・・。どこかのサイトにあったものをコピペではっておく。
PLAIN TEXT
JavaScript:




function FlashPlayerVer&#40;&#41;&#123;


&#160; &#160; //初期設定


&#160; &#160; var flashplayer_ver = 0;


&#160; &#160; //IE以外の場合


&#160; &#160; if&#40;navigator.plugins &#38;&#38; navigator.mimeTypes&#91;'application/x-shockwave-flash'&#93;&#41;&#123;


&#160; &#160; &#160; &#160; var plugin = navigator.mimeTypes&#91;"application/x-shockwave-flash"&#93;.enabledPlugin;


&#160; &#160; &#160; &#160; //Flash Playerがインストールされている場合


&#160; &#160; &#160; &#160; if&#40;plugin&#41;&#123;flashplayer_ver = parseInt&#40;plugin.description.match&#40;/\d+\.\d+/&#41;&#41;;&#125;


&#160; &#160; &#125;


&#160; &#160; //IEの場合、もしくはFlash Playerがインストールされていない場合


&#160; &#160; else&#123;


&#160; &#160; //IEでFlash Playerがインストールされている場合


&#160; &#160; try&#123;


&#160; &#160; &#160; &#160; var flashOCX = new ActiveXObject&#40;"ShockwaveFlash.ShockwaveFlash"&#41;.GetVariable&#40;"$version"&#41;.match&#40;/&#40;&#91;0-9&#93;+&#41;/&#41;;


&#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>flashplayerの有無判別は非常にややこしい・・・。どこかのサイトにあったものをコピペではっておく。</p>
<div class="igBar"><span id="ljavascript-10"><a href="#" onclick="javascript:showCodeTxt('javascript-10'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-10">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #003366; font-weight: bold;">function</span> FlashPlayerVer<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//初期設定</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> flashplayer_ver = <span style="color: #CC0000;color:#800000;">0</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//IE以外の場合</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>navigator.<span style="color: #006600;">plugins</span> &amp;&amp; navigator.<span style="color: #006600;">mimeTypes</span><span style="color: #66cc66;">&#91;</span><span style="color: #3366CC;">'application/x-shockwave-flash'</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> plugin = navigator.<span style="color: #006600;">mimeTypes</span><span style="color: #66cc66;">&#91;</span><span style="color: #3366CC;">"application/x-shockwave-flash"</span><span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">enabledPlugin</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//Flash Playerがインストールされている場合</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>plugin<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>flashplayer_ver = parseInt<span style="color: #66cc66;">&#40;</span>plugin.<span style="color: #006600;">description</span>.<span style="color: #006600;">match</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066FF;">/\d+\.\d+/</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//IEの場合、もしくはFlash Playerがインストールされていない場合</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//IEでFlash Playerがインストールされている場合</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">try</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> flashOCX = <span style="color: #003366; font-weight: bold;">new</span> ActiveXObject<span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">"ShockwaveFlash.ShockwaveFlash"</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">GetVariable</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">"$version"</span><span style="color: #66cc66;">&#41;</span>.<span style="color: #006600;">match</span><span style="color: #66cc66;">&#40;</span><span style="color: #0066FF;">/<span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#91;</span><span style="color: #CC0000;color:#800000;">0</span>-<span style="color: #CC0000;color:#800000;">9</span><span style="color: #66cc66;">&#93;</span>+<span style="color: #66cc66;">&#41;</span>/</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>flashOCX<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>flashplayer_ver = parseInt<span style="color: #66cc66;">&#40;</span>flashOCX<span style="color: #66cc66;">&#91;</span><span style="color: #CC0000;color:#800000;">0</span><span style="color: #66cc66;">&#93;</span><span style="color: #66cc66;">&#41;</span>;<span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><span style="color: #000066; font-weight: bold;">catch</span><span style="color: #66cc66;">&#40;</span>e<span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">//Flash Playerがインストールされていない、もしくはバージョンが6以下の場合</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span>flashplayer_ver &lt;= <span style="color: #CC0000;color:#800000;">6</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span>flashplayer_ver = <span style="color: #CC0000;color:#800000;">0</span>;<span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> flashplayer_ver;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>FlashPlayerVer() を実行したときに 0 が返ってきたら入っていないということに。<br />
他にもいろいろJSあるけど、これシンプルで結構好き。</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/356/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>美人時計のGAL時計に若槻千夏が登場してた。</title>
		<link>http://hiropo.co.uk/archives/348</link>
		<comments>http://hiropo.co.uk/archives/348#comments</comments>
		<pubDate>Sun, 03 Jan 2010 16:27:03 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Ruby]]></category>
		<category><![CDATA[web service]]></category>
		<category><![CDATA[美人時計]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=348</guid>
		<description><![CDATA[あけおめです！今年もがしがし開発していくんでよろしくです。（なにを？）
前回書いた美人時計の画像取得スクリプトのCron化、GAL時計もはじめてみました。
▽GAL時計
http://www.bijint.com/
毎日0時にGAL時計の画像を収集し、2時に美人時計の画像を収集します。収集したからといって特に見ることなくツールつくっただけで満足しちゃってます。
ただ毎日画像を収集していると、1日あたり400MB近く画像がたまっていくので、差分だけをHDDに残すようにしようと思い、比較差分のツールもつくりました。
ただ単にマスターと今日落とした分のmd5を比較して、差分を別フォルダに保存するだけです。
PLAIN TEXT
RUBY:




#------------------------------------------------------------


#&#160; ライブラリのインポート


#


require 'digest/md5'


require './ooiwa_frame_work'


&#160;


$scriptPath = './gal_tokei/'


$targetDir = getTimeNow&#40;0&#41; + '_gal'


$todayDir = $scriptPath + $targetDir


&#160;


#------------------------------------------------------------


#&#160; 前日と当日を比較するための関数


#


def hikaku&#40; before, after &#41;


&#160; &#160; #------------------------------------------------------------


&#160; &#160; #&#160; 前日の画像フォルダと、当日の画像フォルダから、


&#160; &#160; #&#160; 画像リストを配列に代入


&#160; &#160; #


&#160; &#160; beforeList = Dir::entries&#40; before &#41;.to_s.gsub&#40;'...'&#41;&#123;''&#125;.gsub&#40; /g&#40;&#91;0-9&#93;&#41;/ &#41;&#123; 'g ' + $1 &#125;.split&#40;' '&#41;.sort&#40;&#41;


&#160;


&#160; &#160; diffList = &#91;&#93;


&#160;


&#160; &#160; beforeList.each do &#124;val&#124;


&#160; &#160; &#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>あけおめです！今年もがしがし開発していくんでよろしくです。（なにを？）<br />
前回書いた美人時計の画像取得スクリプトのCron化、GAL時計もはじめてみました。</p>
<p>▽GAL時計<br />
<a href="http://www.bijint.com/" target="_blank">http://www.bijint.com/</a></p>
<p>毎日0時にGAL時計の画像を収集し、2時に美人時計の画像を収集します。収集したからといって特に見ることなくツールつくっただけで満足しちゃってます。<br />
ただ毎日画像を収集していると、1日あたり400MB近く画像がたまっていくので、差分だけをHDDに残すようにしようと思い、比較差分のツールもつくりました。<br />
ただ単にマスターと今日落とした分のmd5を比較して、差分を別フォルダに保存するだけです。</p>
<div class="igBar"><span id="lruby-12"><a href="#" onclick="javascript:showCodeTxt('ruby-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">RUBY:</span>
<div id="ruby-12">
<div class="ruby">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#------------------------------------------------------------</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#&nbsp; ライブラリのインポート</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#CC0066; font-weight:bold;">require</span> 'digest/md5'</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#CC0066; font-weight:bold;">require</span> './ooiwa_frame_work'</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$scriptPath = './gal_tokei/'</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$targetDir = getTimeNow<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006666;color:#800000;">0</span><span style="color:#006600; font-weight:bold;">&#41;</span> + '_gal'</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$todayDir = $scriptPath + $targetDir</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#------------------------------------------------------------</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#&nbsp; 前日と当日を比較するための関数</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#008000; font-style:italic;">#</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#9966CC; font-weight:bold;">def</span> hikaku<span style="color:#006600; font-weight:bold;">&#40;</span> before, after <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#008000; font-style:italic;">#------------------------------------------------------------</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#008000; font-style:italic;">#&nbsp; 前日の画像フォルダと、当日の画像フォルダから、</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#008000; font-style:italic;">#&nbsp; 画像リストを配列に代入</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#008000; font-style:italic;">#</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; beforeList = Dir::entries<span style="color:#006600; font-weight:bold;">&#40;</span> before <span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#9900CC;">to_s</span>.<span style="color:#CC0066; font-weight:bold;">gsub</span><span style="color:#006600; font-weight:bold;">&#40;</span>'...'<span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#123;</span>''<span style="color:#006600; font-weight:bold;">&#125;</span>.<span style="color:#CC0066; font-weight:bold;">gsub</span><span style="color:#006600; font-weight:bold;">&#40;</span> /g<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#006666;color:#800000;">0</span>-<span style="color:#006666;color:#800000;">9</span><span style="color:#006600; font-weight:bold;">&#93;</span><span style="color:#006600; font-weight:bold;">&#41;</span>/ <span style="color:#006600; font-weight:bold;">&#41;</span><span style="color:#006600; font-weight:bold;">&#123;</span> 'g ' + $<span style="color:#006666;color:#800000;">1</span> <span style="color:#006600; font-weight:bold;">&#125;</span>.<span style="color:#CC0066; font-weight:bold;">split</span><span style="color:#006600; font-weight:bold;">&#40;</span>' '<span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#9900CC;">sort</span><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; diffList = <span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#006600; font-weight:bold;">&#93;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; beforeList.<span style="color:#9900CC;">each</span> <span style="color:#9966CC; font-weight:bold;">do</span> |val|</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; rb = Digest::MD5.<span style="color:#9900CC;">hexdigest</span><span style="color:#006600; font-weight:bold;">&#40;</span> File.<span style="color:#CC0066; font-weight:bold;">open</span><span style="color:#006600; font-weight:bold;">&#40;</span> before + val, 'rb' <span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#9900CC;">read</span> <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; ra = Digest::MD5.<span style="color:#9900CC;">hexdigest</span><span style="color:#006600; font-weight:bold;">&#40;</span> File.<span style="color:#CC0066; font-weight:bold;">open</span><span style="color:#006600; font-weight:bold;">&#40;</span> after + val, 'rb' <span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#9900CC;">read</span> <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">if</span> rb === ra</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#008000; font-style:italic;"># 処理なし</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">else</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; FileUtils.<span style="color:#9900CC;">cp</span><span style="color:#006600; font-weight:bold;">&#40;</span> after + val, $todayDir + '_diff/' + val <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; diffList.<span style="color:#9900CC;">push</span><span style="color:#006600; font-weight:bold;">&#40;</span> val <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">end</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">end</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#008000; font-style:italic;"># 差分リストの書き出し</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">if</span> put_list<span style="color:#006600; font-weight:bold;">&#40;</span> diffList, $scriptPath + 'log/' + $targetDir + '_list.<span style="color:#9900CC;">txt</span>' <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#CC0066; font-weight:bold;">print</span> 'GAL時計の差分ファイルログを<span style="color:#996600;">"' + $targetDir + '_list.txt"</span>' + 'に書き出しました。'</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#CC0066; font-weight:bold;">print</span> <span style="color:#996600;">"<span style="color:#000099;">\n</span>"</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color:#0000FF; font-weight:bold;">return</span> <span style="color:#0000FF; font-weight:bold;">true</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color:#9966CC; font-weight:bold;">end</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#9966CC; font-weight:bold;">end</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>上記のスクリプトはサンプルです。実際には、上記スクリプトのhikakuメソッドを使用して、差分のみを当日フォルダに保存するといった処理をかましています。<br />
ちなみに "ooiwa_frame_work" という謎の自作ライブラリをかましてるので、コピペだけじゃ動かないかも。（意味なし。）</p>
<p>オマケに若槻千夏の画像でも。</p>
<p>0：00<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/01/0000-300x228.jpg" alt="0000" title="0000" width="300" height="228" class="alignnone size-medium wp-image-349" /></p>
<p>18：00<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/01/1800-300x228.jpg" alt="1800" title="1800" width="300" height="228" class="alignnone size-medium wp-image-350" /></p>
<p>この美人時計とかGAL時計、けっこうコラボしてるんだよねー。美人時計に出てる娘とかも、ニコニコ動画で有名な踊ってる娘がいたりとか、けっこう収集してて面白いよね。</p>
<p>何か最近、こずえちゃんとミンカちゃんとかとユニットを組んだらしい「いといくら」こといくらちゃん。<br />
可愛過ぎるわ。<br />
<script type="text/javascript" src="http://ext.nicovideo.jp/thumb_watch/sm4146159"></script><noscript><a href="http://www.nicovideo.jp/watch/sm4146159">【ニコニコ動画】キラッ☆星間飛行を踊ってみた＠いとくとら</a></noscript></p>
<p>いくらちゃんの美人時計<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/01/2004-300x228.jpg" alt="2004" title="2004" width="300" height="228" class="alignnone size-medium wp-image-351" /><br />
<img src="http://hiropo.co.uk/wp-content/uploads/2010/01/2007-300x228.jpg" alt="2007" title="2007" width="300" height="228" class="alignnone size-medium wp-image-352" /></p>
<p>むっちゃくちゃ可愛いですお（＾ｑ＾）オレの方が可愛いけどなっ！</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/348/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>mixiのFlash広告、こういうの流行ってるのかねぇ</title>
		<link>http://hiropo.co.uk/archives/343</link>
		<comments>http://hiropo.co.uk/archives/343#comments</comments>
		<pubDate>Tue, 01 Dec 2009 15:41:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=343</guid>
		<description><![CDATA[これこれ。またmixiのあしあとページのFlash広告。
流行ってるのかねぇ、こういう見せ方。

]]></description>
			<content:encoded><![CDATA[<p>これこれ。またmixiのあしあとページのFlash広告。<br />
流行ってるのかねぇ、こういう見せ方。</p>
<p><img src="http://hiropo.co.uk/wp-content/uploads/2009/12/google_ad1-300x175.jpg" alt="google_ad" title="google_ad" width="300" height="175" class="alignnone size-medium wp-image-346" /></p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/343/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>クリックでくるくるコンテンツが変わるJavaScript</title>
		<link>http://hiropo.co.uk/archives/339</link>
		<comments>http://hiropo.co.uk/archives/339#comments</comments>
		<pubDate>Tue, 01 Dec 2009 02:25:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[JavaScript]]></category>

		<guid isPermaLink="false">http://hiropo.co.uk/?p=339</guid>
		<description><![CDATA[久しぶりにJavaScript書いた。最近はもっぱらRubyばかり。
けっこうよく使ったりするので、メモっとく。いつもソースを残しておかないからゼロから作り直すのめんどくさい。
▽完成イメージ（ソースコピペで動作確認してください。）

HTMLはこんな感じ。displayの、noneとblockを切り替えるだけ。
PLAIN TEXT
HTML:




&#60;div id="col_1" class="colDes"&#62;コンテンツ1だよー&#60;/div&#62;


&#60;div id="col_2" class="colDes" style="display:none;"&#62;コンテンツ2だよー&#60;/div&#62;


&#60;div id="col_3" class="colDes" style="display:none;"&#62;コンテンツ3だよー&#60;/div&#62;


&#60;div id="col_4" class="colDes" style="display:none;"&#62;コンテンツ4だよー&#60;/div&#62;


&#60;div id="col_5" class="colDes" style="display:none;"&#62;コンテンツ5だよー&#60;/div&#62;


&#60;div id="col_6" class="colDes" style="display:none;"&#62;コンテンツ6だよー&#60;/div&#62;


&#160;


&#60;div&#62;


&#60;span id="to_back"&#62;戻る&#60;/span&#62;


&#60;span id="to_next"&#62;次へ&#60;/span&#62;


&#60;/div&#62; 






CSSは、とりあえず動きがわかりやすいようにやっつけ。
PLAIN TEXT
CSS:




#to_next,#to_back &#123;


&#160; &#160; cursor: pointer;


&#160; &#160; font-size: 200%;


&#125;


#to_next &#123;


&#160; &#160; margin-left: 20px;


&#125;


.colDes &#123;


&#160; &#160; background: #eee;


&#160; &#160; width: 400px;


&#160; &#160; height: 300px;


&#125; 






JSもシンプルだね。
PLAIN TEXT
JavaScript:




&#40;function&#40;&#41;&#123;


&#160; &#160; var col = &#91;&#93;;


&#160; &#160; for&#40; var i [...]]]></description>
			<content:encoded><![CDATA[<p>久しぶりにJavaScript書いた。最近はもっぱらRubyばかり。<br />
けっこうよく使ったりするので、メモっとく。いつもソースを残しておかないからゼロから作り直すのめんどくさい。</p>
<p>▽完成イメージ（ソースコピペで動作確認してください。）<br />
<img src="http://hiropo.co.uk/wp-content/uploads/2009/12/kurukuru.gif" alt="kurukuru" title="kurukuru" width="411" height="343" class="alignnone size-full wp-image-340" /></p>
<p>HTMLはこんな感じ。displayの、noneとblockを切り替えるだけ。</p>
<div class="igBar"><span id="lhtml-16"><a href="#" onclick="javascript:showCodeTxt('html-16'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">HTML:</span>
<div id="html-16">
<div class="html">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_1"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ1だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_2"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"display:none;"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ2だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_3"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"display:none;"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ3だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_4"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"display:none;"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ4だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_5"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"display:none;"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ5だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"col_6"</span> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">"colDes"</span> <span style="color: #000066;">style</span>=<span style="color: #ff0000;">"display:none;"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>コンテンツ6だよー<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div&gt;</span></a></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"to_back"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>戻る<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/span.html"><span style="color: #000000; font-weight: bold;">&lt;span</span></a> <span style="color: #000066;">id</span>=<span style="color: #ff0000;">"to_next"</span><span style="color: #000000; font-weight: bold;">&gt;</span></a></span>次へ<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/span&gt;</span></span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>CSSは、とりあえず動きがわかりやすいようにやっつけ。</p>
<div class="igBar"><span id="lcss-17"><a href="#" onclick="javascript:showCodeTxt('css-17'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CSS:</span>
<div id="css-17">
<div class="css">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#to_next,#to_back <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">cursor</span>: <span style="color: #993333;">pointer</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: <span style="color: #cc66cc;color:#800000;">200</span>%;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">#to_next <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin-left</span>: 20px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #6666ff;">.colDes </span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">background</span>: #eee;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span>: 400px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span>: 300px;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>JSもシンプルだね。</p>
<div class="igBar"><span id="ljavascript-18"><a href="#" onclick="javascript:showCodeTxt('javascript-18'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">JavaScript:</span>
<div id="javascript-18">
<div class="javascript">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> col = <span style="color: #66cc66;">&#91;</span><span style="color: #66cc66;">&#93;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #66cc66;">&#40;</span> <span style="color: #003366; font-weight: bold;">var</span> i = <span style="color: #CC0000;color:#800000;">0</span>; i &lt;<span style="color: #CC0000;color:#800000;">6</span>; i++ <span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; col<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span> = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span> <span style="color: #3366CC;">'col_'</span> + <span style="color: #66cc66;">&#40;</span>i+<span style="color: #CC0000;color:#800000;">1</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> to_next = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'to_next'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> to_back = document.<span style="color: #006600;">getElementById</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">'to_back'</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> elm = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span>arg<span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">for</span><span style="color: #66cc66;">&#40;</span> <span style="color: #003366; font-weight: bold;">var</span> i = <span style="color: #CC0000;color:#800000;">0</span>; i &lt;col.<span style="color: #006600;">length</span>; i++ <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; col<span style="color: #66cc66;">&#91;</span>i<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">display</span> = <span style="color: #3366CC;">'none'</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">return</span> col<span style="color: #66cc66;">&#91;</span>arg<span style="color: #66cc66;">&#93;</span>.<span style="color: #006600;">style</span>.<span style="color: #006600;">display</span> = <span style="color: #3366CC;">'block'</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #003366; font-weight: bold;">var</span> i = <span style="color: #CC0000;color:#800000;">0</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; to_next.<span style="color: #006600;">onclick</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> col.<span style="color: #006600;">length</span>&gt; <span style="color: #CC0000;color:#800000;">0</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> i &lt;col.<span style="color: #006600;">length</span> - <span style="color: #CC0000;color:#800000;">1</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i++;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; elm<span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; to_back.<span style="color: #006600;">onclick</span> = <span style="color: #003366; font-weight: bold;">function</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> col.<span style="color: #006600;">length</span>&gt; <span style="color: #CC0000;color:#800000;">0</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span><span style="color: #66cc66;">&#40;</span> i == <span style="color: #CC0000;color:#800000;">0</span> <span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i = <span style="color: #CC0000;color:#800000;">0</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; elm<span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">else</span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; i--;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; elm<span style="color: #66cc66;">&#40;</span>i<span style="color: #66cc66;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:IG_LINE_COLOUR_2;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:IG_LINE_COLOUR_1;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>応用すればAjaxで本とか作れるね！</p>
]]></content:encoded>
			<wfw:commentRss>http://hiropo.co.uk/archives/339/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
