<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.jp/~d/styles/rss2japanesefull.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.jp/~d/styles/itemcontent.css" type="text/css" media="screen"?><!-- generator="wordpress/2.0.6" --><rss 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:creativeCommons="http://backend.userland.com/creativeCommonsRssModule" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>peacock union【Web Designing Laboratory】</title>
	<link>http://www.peacock-union.com</link>
	<description>WEBデザイン・Wordpress・すぐに使えるTipsなどなど…兼備忘録</description>
	<pubDate>Mon, 02 Jun 2008 06:54:23 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.6</generator>
	<language>en</language>
			<creativeCommons:license>http://creativecommons.org/licenses/by-nc-sa/2.0/</creativeCommons:license><image><link>http://creativecommons.org/licenses/by-nc-sa/2.0/</link><url>http://creativecommons.org/images/public/somerights20.gif</url><title>Some Rights Reserved</title></image><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.jp/peaco" type="application/rss+xml" /><feedburner:feedFlare href="http://www.live.com/?add=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://tkfiles.storage.msn.com/x1piYkpqHC_35nIp1gLE68-wvzLZO8iXl_JMledmJQXP-XTBOLfmQv4zhj4MhcWEJh_GtoBIiAl1Mjh-ndp9k47If7hTaFno0mxW9_i3p_5qQw">Subscribe with Live.com</feedburner:feedFlare><feedburner:feedFlare href="http://mix.excite.eu/add?feedurl=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://image.excite.co.uk/mix/addtomix.gif">Subscribe with Excite MIX</feedburner:feedFlare><feedburner:feedFlare href="http://paipo.jp/bookmarklet/?url=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://www.feedburner.jp/fb/i/subscribe_paipo.gif">Paipo???</feedburner:feedFlare><feedburner:feedFlare href="http://add.my.yahoo.co.jp/rss?url=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://img.yahoo.co.jp/i/jp/my/addtomy1.gif">myyahoo???</feedburner:feedFlare><feedburner:feedFlare href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://www.newsgator.com/images/ngsub1.gif">NewsGator Online???</feedburner:feedFlare><feedburner:feedFlare href="http://feedpath.jp/feedreader/feeds_add?url=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://feedpath.jp/common/images/sub_feedpath.gif">feedpath???</feedburner:feedFlare><feedburner:feedFlare href="http://www.bloglines.com/sub/http://feeds.feedburner.jp/peaco" src="http://www.bloglines.com/images/sub_modern11.gif">Bloglines???</feedburner:feedFlare><feedburner:feedFlare href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://buttons.googlesyndication.com/fusion/add.gif">Google???</feedburner:feedFlare><feedburner:feedFlare href="http://r.hatena.ne.jp/append/http://feeds.feedburner.jp/peaco" src="http://r.hatena.ne.jp/images/addto_w.gif">???RSS???</feedburner:feedFlare><feedburner:feedFlare href="http://reader.livedoor.com/subscribe/http://feeds.feedburner.jp/peaco" src="http://image.reader.livedoor.com/img/banner/91_17_1.gif">Livedoor???????</feedburner:feedFlare><feedburner:feedFlare href="http://reader.goo.ne.jp/web/bookmarklet.html?,,http%3A%2F%2Ffeeds.feedburner.jp%2Fpeaco" src="http://reader.goo.ne.jp/web/img/addwebrss.gif">goo RSS???????</feedburner:feedFlare><item>
		<title>ライブドア無線がFONと提携</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/1218934/75</link>
		<comments>http://www.peacock-union.com/archives/75#comments</comments>
		<pubDate>Thu, 07 Feb 2008 16:42:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>FON</dc:subject>
	<dc:subject>NewsRelease</dc:subject><dc:subject>FON</dc:subject><dc:subject>NewsRelease</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/75</guid>
		<description>FONユーザーが、ライブドア・ワイヤレスの全アクセスポイントを利用可能に
FONユーザーとしてアナウンスメントしておこうと思います。山手線の内側が網羅されているというのは嬉しいですね。1980円～の無線ルーターを購入することで世界中のFONアクセスポイントが無料で使えるという無線コミュニティでありますが、2月4日～4月4日まで、ユーザー登録（無料）するだけでFONアクセスポイントを利用できるとのことです。
ローンチ当初は、セキュリティ周りや、契約回線の二次利用についての論議が交わされていた模様ですが、1年経過してコミュニティのメンバー数が60万人を超えた今、被害等の報告が上がっていないのを見ると、当面は何の問題もないように感じます。筆者はWillcomのAdvanced/W-ZERO3[es]を愛用で、色々な場所で快適に使えております。
どこでも快適につながる環境を目指して、もっと沢山の人がアクセスポイントを開設してくれるといいなあと思っています。</description>
			<content:encoded><![CDATA[<p> <img alt="FON LOGO" style="margin: 0pt 0pt 1em 1em; float: right" src="http://www.peacock-union.com/images/en_logoFon.png" /><a class="ext" href="http://blog.fon.com/jp/archive//prfonaaaaaaaaaaaaaaaaaaaaaaaaaaacea.html">FONユーザーが、ライブドア・ワイヤレスの全アクセスポイントを利用可能に</a></p>
<p>FONユーザーとしてアナウンスメントしておこうと思います。山手線の内側が網羅されているというのは嬉しいですね。1980円～の無線ルーターを購入することで世界中のFONアクセスポイントが無料で使えるという無線コミュニティでありますが、2月4日～4月4日まで、ユーザー登録（無料）するだけでFONアクセスポイントを利用できるとのことです。</p>
<p>ローンチ当初は、<a class="ext" href="http://blog.fon.com/jp/archive//afonaacaaaaac1aeaieie.html#comments">セキュリティ周りや、契約回線の二次利用についての論議が交わされていた模様</a>ですが、1年経過してコミュニティのメンバー数が60万人を超えた今、被害等の報告が上がっていないのを見ると、当面は何の問題もないように感じます。筆者は<a class="ext" href="http://www.willcom-inc.com/ja/lineup/ws/011sh/index.html">WillcomのAdvanced/W-ZERO3[es]</a>を愛用で、色々な場所で快適に使えております。</p>
<p>どこでも快適につながる環境を目指して、もっと沢山の人がアクセスポイントを開設してくれるといいなあと思っています。
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=lEyoCtox"><img src="http://feeds.feedburner.jp/~f/peaco?i=lEyoCtox" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=mKpkdPYz"><img src="http://feeds.feedburner.jp/~f/peaco?i=mKpkdPYz" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=HH1gNIOl"><img src="http://feeds.feedburner.jp/~f/peaco?i=HH1gNIOl" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=YaWuqCp8"><img src="http://feeds.feedburner.jp/~f/peaco?i=YaWuqCp8" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=JsXaS0Yk"><img src="http://feeds.feedburner.jp/~f/peaco?i=JsXaS0Yk" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=I54adxg2"><img src="http://feeds.feedburner.jp/~f/peaco?i=I54adxg2" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/75/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/75</feedburner:origLink></item>
		<item>
		<title>Skype：チャット画面のUIについて</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F73</link>
		<comments>http://www.peacock-union.com/archives/73#comments</comments>
		<pubDate>Thu, 05 Jul 2007 04:58:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Design</dc:subject><dc:subject>Design</dc:subject><dc:subject>Skype</dc:subject><dc:subject>UI</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/73</guid>
		<description>Skypeのチャットを使っていて、UIで気になったことをメモ。
下の図は現在のSkypeチャット画面。相手が記入中の時、アバターの左肩に鉛筆が現れます。しかも書く手を休めたり書き直したりの動作を、鉛筆がつぶさに再現しています。これを私が知ったのはごく最近でした。

私はWindowsメッセンジャーとSkypeを常駐させていますが、Windowsメッセンジャーの場合は相手の入力中、画面下のステータスバーに『○○さんがメッセージを入力しています』（←正確ではありません＞＜たしかそんな感じ）のコメントが表示されるのに対して、Skypeには何も無い。両者を比較してSkypeは不便だなと思っていたのですが、鉛筆が出てそれを表現していると知った時『さすがSkype！垢抜けてる！』と思いなおしました。でもユーザーの私はそれに気が付かなかった。これはUI的に問題なんじゃないかと。
ではどこに鉛筆が出てくれたらもっと嬉しいかと考えると、私のアイデアは下の図です。

ここに出てくれるとすごく親切だと思うのですが、いかがでしょうか？いずれメッセージが出現する場所にプレ表示させるという感じです。これで入力のスピード差や、不注意による会話の食い違いが解消。相手に返事を求める姿勢で待ち構えている人にはストレス軽減！と思うのですがいかがでしょうか？</description>
			<content:encoded><![CDATA[<p> Skypeのチャットを使っていて、UIで気になったことをメモ。</p>
<p>下の図は現在のSkypeチャット画面。相手が記入中の時、アバターの左肩に鉛筆が現れます。しかも書く手を休めたり書き直したりの動作を、鉛筆がつぶさに再現しています。これを私が知ったのはごく最近でした。</p>
<p><img alt="現在のSkypeインターフェース" id="image70" src="http://www.peacock-union.com/wp-content/skype_proto2.png" /></p>
<p>私はWindowsメッセンジャーとSkypeを常駐させていますが、Windowsメッセンジャーの場合は相手の入力中、画面下のステータスバーに『○○さんがメッセージを入力しています』（←正確ではありません＞＜たしかそんな感じ）のコメントが表示されるのに対して、Skypeには何も無い。両者を比較してSkypeは不便だなと思っていたのですが、鉛筆が出てそれを表現していると知った時『さすがSkype！垢抜けてる！』と思いなおしました。でもユーザーの私はそれに気が付かなかった。これはUI的に問題なんじゃないかと。</p>
<p>ではどこに鉛筆が出てくれたらもっと嬉しいかと考えると、私のアイデアは下の図です。</p>
<p><img alt="Skype UI 改善案" id="image72" src="http://www.peacock-union.com/wp-content/skype_ud.png" /></p>
<p>ここに出てくれるとすごく親切だと思うのですが、いかがでしょうか？いずれメッセージが出現する場所にプレ表示させるという感じです。これで入力のスピード差や、不注意による会話の食い違いが解消。相手に返事を求める姿勢で待ち構えている人にはストレス軽減！と思うのですがいかがでしょうか？
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=Rv5TsmPE"><img src="http://feeds.feedburner.jp/~f/peaco?i=Rv5TsmPE" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=PRBXyOl2"><img src="http://feeds.feedburner.jp/~f/peaco?i=PRBXyOl2" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=ZjHpNAbL"><img src="http://feeds.feedburner.jp/~f/peaco?i=ZjHpNAbL" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=PYPlzgvy"><img src="http://feeds.feedburner.jp/~f/peaco?i=PYPlzgvy" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=XxPutSkd"><img src="http://feeds.feedburner.jp/~f/peaco?i=XxPutSkd" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=a50d6PLm"><img src="http://feeds.feedburner.jp/~f/peaco?i=a50d6PLm" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/73/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/73</feedburner:origLink></item>
		<item>
		<title>CSSデザイン便利ツールまとめ</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F68</link>
		<comments>http://www.peacock-union.com/archives/68#comments</comments>
		<pubDate>Tue, 05 Jun 2007 20:59:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>CSS</dc:subject>
	<dc:subject>Design</dc:subject><dc:subject>CSS</dc:subject><dc:subject>css rounded corners</dc:subject><dc:subject>Design</dc:subject><dc:subject>firebug</dc:subject><dc:subject>ジェネレータ</dc:subject><dc:subject>ツール</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/68</guid>
		<description>これさえあればかなり手っ取り早くCSSデザインが作れるという便利なツールをまとめました。全く個人的な見地でこれが現時点でのベリーユーズフルな最小限。

ゆなカラーピッカー
ブラウザ上だろうがデスクトップだろうがスクリーン上に表示されている全ての色をスポイトで拾って16進法（32bit10進法でもRGBでも）の値を出してくれるシンプルで軽いアプリケーション。『お、この色イイね』と思ったらすぐに採集できる手軽さがイイ！
ものさしX
このシンプルなアプリケーションは、まさに机の上の定規。細かい計算が必要なmargin、paddingの値の割り出しも、ぱっと計ってぱっと決め打ち出来る。ワンクリックで縦になるなど、その挙動から存在そのものがすごくヒューマンコンシャス。定規は一本だけでなく複数本起動できるのがまた便利。
Firebug
Firefoxエクステンション。ブラウザ上のページのソースを解析、編集して即時レビューが出来る。もうコレなしでは作業になりません。
Spiffy Corners - Purely CSS Rounded Corners
角丸ボックスCSSジェネレータ。背景色と本体色と丸のサイズを選ぶだけでCSSを吐き出してくれる。好みのCLASS名を付けられるので、吐き出しソースをそのまま自分のファイルにコピペ。
Background Image Maker
ちょっと定番すぎで恐縮ですが、まとめということで一応念のため。
Cascading Style Sheets Optimization
書き足して書き足して汚れてしまったCSSソースの重複した無駄な記述をキレイに書き直してくれるジェネレータ。あ、こういう書き方があったのか、と勉強になります。ただ&amp;#8221;MS P ゴシック&amp;#8221;などソースに日本語が含まれていると文字化けすることがあります。
tlbox - the best tools on the web
ここはまとめ中のまとめみたいなサイトですが、デザイン・開発に便利なツールやリンクなどを一堂に集めた制作者のためのリソースセンター。しかも自分で好みのツールを選んでBOXに入れるとそれらをまとめてFirefoxのエクステンションとしてダウンロードでき、ブラウザ上に道具箱が出来たかのような使いやすさを再現してくれるところが心憎い！(図参照)</description>
			<content:encoded><![CDATA[<p> これさえあればかなり手っ取り早くCSSデザインが作れるという便利なツールをまとめました。全く個人的な見地でこれが現時点でのベリーユーズフルな最小限。</p>
<ul>
<li><strong><a class="ext" href="http://www.uryusoft.com/software/YunaColor/">ゆなカラーピッカー</a></strong><br />
ブラウザ上だろうがデスクトップだろうがスクリーン上に表示されている全ての色をスポイトで拾って16進法（32bit10進法でもRGBでも）の値を出してくれるシンプルで軽いアプリケーション。『お、この色イイね』と思ったらすぐに採集できる手軽さがイイ！</li>
<li><strong><a class="ext" href="http://www.vector.co.jp/soft/win95/util/se013576.html">ものさしX</a></strong><br />
このシンプルなアプリケーションは、まさに机の上の定規。細かい計算が必要なmargin、paddingの値の割り出しも、ぱっと計ってぱっと決め打ち出来る。ワンクリックで縦になるなど、その挙動から存在そのものがすごくヒューマンコンシャス。定規は一本だけでなく複数本起動できるのがまた便利。</li>
<li><strong><a class="ext" href="https://addons.mozilla.org/ja/firefox/addon/1843">Firebug</a></strong><br />
Firefoxエクステンション。ブラウザ上のページのソースを解析、編集して即時レビューが出来る。もうコレなしでは作業になりません。</li>
<li><strong><a class="ext" href="http://www.spiffycorners.com/">Spiffy Corners - Purely CSS Rounded Corners</a></strong><br />
角丸ボックスCSSジェネレータ。背景色と本体色と丸のサイズを選ぶだけでCSSを吐き出してくれる。好みのCLASS名を付けられるので、吐き出しソースをそのまま自分のファイルにコピペ。</li>
<li><strong><a class="ext" href="http://lab.rails2u.com/bgmaker/">Background Image Maker</a></strong><br />
ちょっと定番すぎで恐縮ですが、まとめということで一応念のため。</li>
<li><strong><a class="ext" href="http://www.cssoptimiser.com/">Cascading Style Sheets Optimization</a></strong><br />
書き足して書き足して汚れてしまったCSSソースの重複した無駄な記述をキレイに書き直してくれるジェネレータ。あ、こういう書き方があったのか、と勉強になります。ただ&#8221;MS P ゴシック&#8221;などソースに日本語が含まれていると文字化けすることがあります。</li>
<li><strong><a class="ext" href="http://www.tlbox.com/">tlbox - the best tools on the web</a></strong><br />
ここはまとめ中のまとめみたいなサイトですが、デザイン・開発に便利なツールやリンクなどを一堂に集めた制作者のためのリソースセンター。しかも自分で好みのツールを選んでBOXに入れるとそれらをまとめてFirefoxのエクステンションとしてダウンロードでき、ブラウザ上に道具箱が出来たかのような使いやすさを再現してくれるところが心憎い！(図参照)<br />
<img alt="tlbox Firefoxアドイン キャプチャ画面" id="image69" src="http://www.peacock-union.com/wp-content/tlbox.png" /></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=5CBDwNii"><img src="http://feeds.feedburner.jp/~f/peaco?i=5CBDwNii" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=2SX0ZXUQ"><img src="http://feeds.feedburner.jp/~f/peaco?i=2SX0ZXUQ" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=kUOyU98Q"><img src="http://feeds.feedburner.jp/~f/peaco?i=kUOyU98Q" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=amwkSPnM"><img src="http://feeds.feedburner.jp/~f/peaco?i=amwkSPnM" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=gIrtGliz"><img src="http://feeds.feedburner.jp/~f/peaco?i=gIrtGliz" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=TA5yFeBE"><img src="http://feeds.feedburner.jp/~f/peaco?i=TA5yFeBE" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/68/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/68</feedburner:origLink></item>
		<item>
		<title>WordPress:カテゴリーをドロップダウンで表示させるプラグイン Zelig Dropdown Cats</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F67</link>
		<comments>http://www.peacock-union.com/archives/67#comments</comments>
		<pubDate>Mon, 21 May 2007 07:13:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>WordPress</dc:subject><dc:subject>menu</dc:subject><dc:subject>plugin</dc:subject><dc:subject>Wordpress</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/67</guid>
		<description>カテゴリーをドロップダウンで表現するためのプラグイン。 Zelig Dropdown Cats の設置とカスタマイズについて。

ダウンロード：Zeling Planet &gt;  Wordpress plugin: Zelig Dropdown Cats

上記ページからダウンロードし、プラグインフォルダにインストールして有効化。 あとは表示させたい場所（サイドメニューなど）に次のコードを記述するだけ。
http://www.peacock-union.com/library/dropdown_cat_01.htm
パラメーターは次の通り（開発元ページから引用）


Parameter
Values
Description
Default


sort_column
name
id
カテゴリー名か、id順でソート
id


sort_order
asc
desc
ソートの昇順・降順を指定 (ascending=昇順 / descending=降順)
asc


file
string
選択したカテゴリーのPHPファイル名 (動かない模様)
index.php


hide_empty
0
1
1=空のカテゴリーを表示しない / 0=表示する
1


exclude
id番号をコンマ区切りで複数指定可
リストから表示を省くカテゴリーid
&amp;#160;


post_count
0
1
1=各カテゴリーごとのポストの数を表示する / 0=しない
0


title
string
プルダウンメニューの一行目に表示させたいタイトル。何も表示させたくない場合は (’title=’) のように空欄で記述
“Categories” (または対応言語の某)


boxwidth
number
リストボックスの幅サイズ(pixel)。これを指定しない場合もしくは0を指定した場合、最も長いカテゴリ名の幅に依存する。
カテゴリー名が指定したサイズより長い場合は、カテゴリー名が途中で切れることがある。(IE6…の場合？)
0


child_of
number
指定なしもしくは-1をセットした場合、子（サブ）カテゴリーを含む全てのカテゴリーを表示する。親カテゴリーのみ表示させたい場合は0を指定する。カテゴリーIDを指定するとそのカテゴリーのみを表示する。
-1


カスタマイズ：ボタンクリックでリンクする
プルダウンを選択するだけでリンク先に飛んでしまうという挙動が個人的にイヤでGOボタンを追加。変更点は次の通り。
zeling-dropdown-cats.php 変更前
PLAIN TEXT
CODE:




    $thelist .= '&amp;#60;form id=&amp;#34;catform' . $rand . '&amp;#34; action=&amp;#34;&amp;#34;&amp;#62;' . "\n";


$thelist .= '&amp;#60;select name=&amp;#34;archive_chrono&amp;#34; onchange=&amp;#34;window.location=(document.forms.catform' . $rand . '.archive_chrono[document.forms.catform' . $rand . '.archive_chrono.selectedIndex].value);&amp;#34;' . $boxlimit . "\n";


if [...]</description>
			<content:encoded><![CDATA[<p> カテゴリーをドロップダウンで表現するためのプラグイン。 Zelig Dropdown Cats の設置とカスタマイズについて。</p>
<ul>
<li>ダウンロード：<a class="ext" href="http://zeligplanet.altervista.org/2006/01/wordpress-plugin-zelig-dropdown-cats/">Zeling Planet >  Wordpress plugin: Zelig Dropdown Cats</a></li>
</ul>
<p>上記ページからダウンロードし、プラグインフォルダにインストールして有効化。 あとは表示させたい場所（サイドメニューなど）に次のコードを記述するだけ。</p>
<p><iframe height="25" src="http://www.peacock-union.com/library/dropdown_cat_01.htm">http://www.peacock-union.com/library/dropdown_cat_01.htm</iframe></p>
<p>パラメーターは次の通り（<a class="ext" href="http://zeligplanet.altervista.org/2006/01/wordpress-plugin-zelig-dropdown-cats/">開発元ページ</a>から引用）</p>
<table class="txtleft" id="table2">
<tr>
<td>Parameter</td>
<td>Values</td>
<td>Description</td>
<td>Default</td>
</tr>
<tr>
<td>sort_column</td>
<td>name<br />
id</td>
<td>カテゴリー名か、id順でソート</td>
<td>id</td>
</tr>
<tr>
<td>sort_order</td>
<td>asc<br />
desc</td>
<td>ソートの昇順・降順を指定 (ascending=昇順 / descending=降順)</td>
<td>asc</td>
</tr>
<tr>
<td>file</td>
<td>string</td>
<td>選択したカテゴリーのPHPファイル名 (動かない模様)</td>
<td>index.php</td>
</tr>
<tr>
<td>hide_empty</td>
<td>0<br />
1</td>
<td>1=空のカテゴリーを表示しない / 0=表示する</td>
<td>1</td>
</tr>
<tr>
<td>exclude</td>
<td>id番号をコンマ区切りで複数指定可</td>
<td>リストから表示を省くカテゴリーid</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>post_count</td>
<td>0<br />
1</td>
<td>1=各カテゴリーごとのポストの数を表示する / 0=しない</td>
<td>0</td>
</tr>
<tr>
<td>title</td>
<td>string</td>
<td>プルダウンメニューの一行目に表示させたいタイトル。何も表示させたくない場合は (’title=’) のように空欄で記述</td>
<td>“Categories” (または対応言語の某)</td>
</tr>
<tr>
<td>boxwidth</td>
<td>number</td>
<td>リストボックスの幅サイズ(pixel)。これを指定しない場合もしくは0を指定した場合、最も長いカテゴリ名の幅に依存する。<br />
カテゴリー名が指定したサイズより長い場合は、カテゴリー名が途中で切れることがある。(IE6…の場合？)</td>
<td>0</td>
</tr>
<tr>
<td>child_of</td>
<td>number</td>
<td>指定なしもしくは-1をセットした場合、子（サブ）カテゴリーを含む全てのカテゴリーを表示する。親カテゴリーのみ表示させたい場合は0を指定する。カテゴリーIDを指定するとそのカテゴリーのみを表示する。</td>
<td>-1</td>
</tr>
</table>
<h4>カスタマイズ：ボタンクリックでリンクする</h4>
<p>プルダウンを選択するだけでリンク先に飛んでしまうという挙動が個人的にイヤでGOボタンを追加。変更点は次の通り。</p>
<p>zeling-dropdown-cats.php 変更前</p>
<div class="igBar"><span id="lcode-3"><a href="#" onclick="javascript:showPlainTxt('code-3'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-3">
<div class="code">
<ol start="111">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">    $thelist .= <span style="color:#CC0000;">'&lt;form id=&quot;catform'</span> . $rand . <span style="color:#CC0000;">'&quot; action=&quot;&quot;&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;select name=&quot;archive_chrono&quot; onchange=&quot;window.location=(document.forms.catform'</span> . $rand . <span style="color:#CC0000;">'.archive_chrono[document.forms.catform'</span> . $rand . <span style="color:#CC0000;">'.archive_chrono.selectedIndex].value);&quot;'</span> . $boxlimit . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span> $title <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;option value=&quot;&quot;&gt;'</span> . $title . <span style="color:#CC0000;">'&lt;/option&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">foreach <span style="color:#006600; font-weight:bold;">&#40;</span>$categories as $category<span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span>intval<span style="color:#006600; font-weight:bold;">&#40;</span>$hide_empty<span style="color:#006600; font-weight:bold;">&#41;</span> == <span style="color:#800000;color:#800000;">0</span> || isset<span style="color:#006600; font-weight:bold;">&#40;</span>$category_posts<span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC0000;">"$category-&gt;cat_ID"</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></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$num_found++;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link = <span style="color:#CC0000;">'&quot;'</span>.<span style="">get_category_link</span><span style="color:#006600; font-weight:bold;">&#40;</span>$category-&gt;<span style="">cat_ID</span><span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#CC0000;">'&quot;'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= <span style="color:#CC0000;">'&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= apply_filters<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#CC0000;">'list_cats'</span>, $category-&gt;<span style="">cat_name</span>, $category<span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span> intval<span style="color:#006600; font-weight:bold;">&#40;</span>$post_count<span style="color:#006600; font-weight:bold;">&#41;</span> == <span style="color:#800000;color:#800000;">1</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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= <span style="color:#CC0000;">' ('</span>.<span style="">intval</span><span style="color:#006600; font-weight:bold;">&#40;</span>$category-&gt;<span style="">category_count</span><span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#CC0000;">')'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\t</span>&lt;option value=$link&lt;/option&gt;<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;/select&gt;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;"></li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#CC0000;">'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;/form&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>変更後</p>
<div class="igBar"><span id="lcode-4"><a href="#" onclick="javascript:showPlainTxt('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 start="111">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">    $thelist .= <span style="color:#CC0000;">'&lt;form id=&quot;catform'</span> . $rand . <span style="color:#CC0000;">'&quot; action=&quot;&quot;&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;select name=&quot;archive_chrono&quot;'</span> . $boxlimit . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span> $title <span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;option value=&quot;&quot;&gt;'</span> . $title . <span style="color:#CC0000;">'&lt;/option&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">foreach <span style="color:#006600; font-weight:bold;">&#40;</span>$categories as $category<span style="color:#006600; font-weight:bold;">&#41;</span> <span style="color:#006600; font-weight:bold;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span>intval<span style="color:#006600; font-weight:bold;">&#40;</span>$hide_empty<span style="color:#006600; font-weight:bold;">&#41;</span> == <span style="color:#800000;color:#800000;">0</span> || isset<span style="color:#006600; font-weight:bold;">&#40;</span>$category_posts<span style="color:#006600; font-weight:bold;">&#91;</span><span style="color:#CC0000;">"$category-&gt;cat_ID"</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></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$num_found++;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link = <span style="color:#CC0000;">'&quot;'</span>.<span style="">get_category_link</span><span style="color:#006600; font-weight:bold;">&#40;</span>$category-&gt;<span style="">cat_ID</span><span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#CC0000;">'&quot;'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= <span style="color:#CC0000;">'&gt;'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= apply_filters<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#CC0000;">'list_cats'</span>, $category-&gt;<span style="">cat_name</span>, $category<span style="color:#006600; font-weight:bold;">&#41;</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">if <span style="color:#006600; font-weight:bold;">&#40;</span> intval<span style="color:#006600; font-weight:bold;">&#40;</span>$post_count<span style="color:#006600; font-weight:bold;">&#41;</span> == <span style="color:#800000;color:#800000;">1</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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$link .= <span style="color:#CC0000;">' ('</span>.<span style="">intval</span><span style="color:#006600; font-weight:bold;">&#40;</span>$category-&gt;<span style="">category_count</span><span style="color:#006600; font-weight:bold;">&#41;</span>.<span style="color:#CC0000;">')'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\t</span>&lt;option value=$link&lt;/option&gt;<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;/select&gt;&amp;nbsp;&lt;input type=&quot;button&quot; onClick=&quot;window.location=(document.forms.catform'</span> . $rand . <span style="color:#CC0000;">'.archive_chrono[document.forms.catform'</span> . $rand . <span style="color:#CC0000;">'.archive_chrono.selectedIndex].value);&quot; value=&quot;GO&quot; /&gt;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#CC0000;">'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$thelist .= <span style="color:#CC0000;">'&lt;/form&gt;'</span> . <span style="color:#CC0000;">"<span style="color:#000099; font-weight:bold;">\n</span>"</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p> 
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=SNKRdSZA"><img src="http://feeds.feedburner.jp/~f/peaco?i=SNKRdSZA" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=0IXSPOkI"><img src="http://feeds.feedburner.jp/~f/peaco?i=0IXSPOkI" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=maessFO9"><img src="http://feeds.feedburner.jp/~f/peaco?i=maessFO9" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=2Jm4YNe7"><img src="http://feeds.feedburner.jp/~f/peaco?i=2Jm4YNe7" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=BQ9QEMGE"><img src="http://feeds.feedburner.jp/~f/peaco?i=BQ9QEMGE" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=tARNtPPB"><img src="http://feeds.feedburner.jp/~f/peaco?i=tARNtPPB" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/67/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/67</feedburner:origLink></item>
		<item>
		<title>WordPress:Customizable Post Listings を2.1.xで使うとページも一緒にリスティングしてしまう件</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F66</link>
		<comments>http://www.peacock-union.com/archives/66#comments</comments>
		<pubDate>Thu, 17 May 2007 02:12:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>WordPress</dc:subject><dc:subject>plugin</dc:subject><dc:subject>Wordpress</dc:subject><dc:subject>wp archive</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/66</guid>
		<description>以前のエントリーで紹介したCustomizable Post Listings を、WordPress 2.1.3で使ってみたところ、最新ポスト一覧にpagesまで拾ってきてしまう原因と解決方法について。
参考ページ

Customizable Post Listings Showing Pages
How Pages are different in WP 2.1

WordPress2.0までは、静的ページ（static）とブログエントリー（publish）を下の図の通り、テーブル"wp_posts"のpost_statusで識別していました。

2.1からこの仕様が変更され、これまで使われていなかったpost_typeにこれらの情報が、静的ページ（page）とブログエントリー（post）として格納されるようになりました（下図参照）。

ちなみにpost_statusには、公開済み（publish）or下書き（draft）が格納されるようになりました（下図参照）。

この変更により、プラグインファイル（customizable-post-listings.php）の61行目（付近）にある下の記述で、post_statusがPublishのものを全て拾ってしまうため、静的ページを含める全てのエントリーがリストに上がって来てしまうということが原因でした。publish違いの悲劇。
PLAIN TEXT
CODE:




$sql .= "WHERE $tableposts.post_date &amp;#60;= '$now' AND ( $tableposts.post_status = 'publish' "; 






この記述を次のように、『公開済みでなおかつpost_typeがpost（ブログエントリー）のもの』と記述を変更することで、この問題を解決。
PLAIN TEXT
CODE:




$sql .= "WHERE $tableposts.post_date &amp;#60;= '$now' AND ( $tableposts.post_status = 'publish' AND $tableposts.post_type = 'post' ";</description>
			<content:encoded><![CDATA[<p> <a href="http://www.peacock-union.com/archives/37">以前のエントリーで紹介したCustomizable Post Listings</a> を、WordPress 2.1.3で使ってみたところ、最新ポスト一覧にpagesまで拾ってきてしまう原因と解決方法について。</p>
<h4>参考ページ</h4>
<ul>
<li><a class="ext" href="http://wordpress.org/support/topic/102880">Customizable Post Listings Showing Pages</a></li>
<li><a class="ext" href="http://www.transycan.net/blogtest/2007/01/23/how-pages-are-different-in-wp-21/">How Pages are different in WP 2.1</a></li>
</ul>
<p>WordPress2.0までは、静的ページ（static）とブログエントリー（publish）を下の図の通り、テーブル<strong>"wp_posts"</strong>の<strong>post_status</strong>で識別していました。</p>
<p><img id="image63" alt="2.0Table:_wp_posts" src="http://www.peacock-union.com/wp-content/ws000013.JPG" /></p>
<p>2.1からこの仕様が変更され、これまで使われていなかった<strong>post_type</strong>にこれらの情報が、静的ページ（page）とブログエントリー（post）として格納されるようになりました（下図参照）。</p>
<p><img id="image64" alt="post_type" src="http://www.peacock-union.com/wp-content/ws000012.JPG" /></p>
<p>ちなみに<strong>post_status</strong>には、公開済み（<strong>publish</strong>）or下書き（draft）が格納されるようになりました（下図参照）。</p>
<p><img id="image65" alt="post_statusが公開済みか否かの情報を格納する" src="http://www.peacock-union.com/wp-content/ws000014.JPG" /></p>
<p>この変更により、プラグインファイル（customizable-post-listings.php）の61行目（付近）にある下の記述で、post_statusがPublishのものを全て拾ってしまうため、静的ページを含める全てのエントリーがリストに上がって来てしまうということが原因でした。publish違いの悲劇。</p>
<div class="igBar"><span id="lcode-7"><a href="#" onclick="javascript:showPlainTxt('code-7'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-7">
<div class="code">
<ol start="61">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$sql .= <span style="color:#CC0000;">"WHERE $tableposts.post_date &lt;= '$now' AND ( $tableposts.post_status = 'publish' "</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>この記述を次のように、『公開済みでなおかつpost_typeがpost（ブログエントリー）のもの』と記述を変更することで、この問題を解決。</p>
<div class="igBar"><span id="lcode-8"><a href="#" onclick="javascript:showPlainTxt('code-8'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-8">
<div class="code">
<ol start="61">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">$sql .= <span style="color:#CC0000;">"WHERE $tableposts.post_date &lt;= '$now' AND ( $tableposts.post_status = 'publish' AND $tableposts.post_type = 'post' "</span>; </div>
</li>
</ol>
</div>
</div>
</div>
<p> 
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=IiZdxeEP"><img src="http://feeds.feedburner.jp/~f/peaco?i=IiZdxeEP" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=3wYLoUlU"><img src="http://feeds.feedburner.jp/~f/peaco?i=3wYLoUlU" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=kx0NTi0d"><img src="http://feeds.feedburner.jp/~f/peaco?i=kx0NTi0d" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=Sg52x5Jv"><img src="http://feeds.feedburner.jp/~f/peaco?i=Sg52x5Jv" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=XQtQlNFE"><img src="http://feeds.feedburner.jp/~f/peaco?i=XQtQlNFE" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=iD8eRfob"><img src="http://feeds.feedburner.jp/~f/peaco?i=iD8eRfob" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/66/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/66</feedburner:origLink></item>
		<item>
		<title>Google Appsを使って独自ドメインのGmailを利用する</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F61</link>
		<comments>http://www.peacock-union.com/archives/61#comments</comments>
		<pubDate>Sun, 13 May 2007 21:04:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Google</dc:subject><dc:subject>dreamhost</dc:subject><dc:subject>gmail</dc:subject><dc:subject>Google</dc:subject><dc:subject>sfp</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/61</guid>
		<description>2006年8月に企業向けβサービスとしてリリースされたGoogle Apps for Your Domainですが、現在ではGoogle Apps（邦題：Google アプリ 独自ドメイン向け）と名を変えて、企業向け有償版・教育機関向け・その他万人向けに、独自ドメインを使っての、メール・メッセンジャー・カレンダー等のGoogleおなじみのサービスを無料で提供してくれています。
強力なスパムフィルタとPOP受信が可能なGmailを自前のドメインで利用する方法をまとめました。
2007/5/30 : TXTレコードの箇所を修正。この記事を参考にされた方には大変申し訳ございませんm(_ _)m
【参考URL】

Google Apps  ヘルプ：SPF レコードを設定するにはどうすればよいですか。
Google Apps Discussion Group： SPF Configuration for GAFYD


1.Googleアカウントを取得する
このサービスを利用するにはGoogleアカウント（Gmailアドレス）が必要です。1つのアカウントで、いくつでも独自ドメイン向けサービスの開設が出来ます。
2.サービスの申し込みをする
Google Apps申し込みページにアクセスします。申し込むドメインの組織情報入力の際、Googleアカウントの持ち主の役職など聞かれますが、空欄だとはじかれます。N/Aで通りました。
3.DNSを変更する
ここでは、ValueDomainとDreamhostを使った場合の設定方法について説明します。
ValueDomainの場合
DNS設定画面で、MXレコード・TXTレコード・CNAMEレコードを次のように変更します。以下に述べるTXTコードはメール送信にSFP（Sender Policy Framework）を利用して送信元アドレスの詐称を防ぐためのもので、設定は必須ではありません。また、CNAMEレコードは、独自ドメインGmailへWEBでアクセスするためのURLを、mail.yourdomain.comで利用するための設定で、これも必須ではありません。でも設定しておいた方がちょっと便利ですよね。
mx aspmx.l.google.com. 10 @
cname mail ghs.google.com.
txt @ v=spf1 include:_spf.google.com ~all v=spf1 include:aspmx.googlemail.com ~all
ちなみにGoogle Appsのメールサーバは上記のひとつのみではありません。優先順位をそれぞれに振り分けて、次の設定を追加することも出来ます。
mx ALT1.ASPMX.L.GOOGLE.COM. 20 @
mx ALT2.ASPMX.L.GOOGLE.COM. 30 @
mx ASPMX2.GOOGLEMAIL.COM. 40 @
mx ASPMX3.GOOGLEMAIL.COM. 50 @
MX・SPFレコード作成に便利なサイト

Google Apps 管理者向け / Mail [...]</description>
			<content:encoded><![CDATA[<p> 2006年8月に企業向けβサービスとしてリリースされたGoogle Apps for Your Domainですが、現在では<a class="ext" href="http://www.google.com/a/?hl=ja">Google Apps</a>（邦題：Google アプリ 独自ドメイン向け）と名を変えて、企業向け有償版・教育機関向け・その他万人向けに、独自ドメインを使っての、メール・メッセンジャー・カレンダー等のGoogleおなじみのサービスを無料で提供してくれています。</p>
<p>強力なスパムフィルタとPOP受信が可能なGmailを自前のドメインで利用する方法をまとめました。</p>
<blockquote><p>2007/5/30 : TXTレコードの箇所を修正。この記事を参考にされた方には大変申し訳ございませんm(_ _)m</p>
<p>【参考URL】</p>
<ul>
<li><a href="http://www.google.com/support/a/bin/answer.py?answer=33786">Google Apps  ヘルプ：SPF レコードを設定するにはどうすればよいですか。</a></li>
<li><a href="http://groups.google.com/group/hosted-setup/browse_thread/thread/6c8518c211a3fdad/">Google Apps Discussion Group： SPF Configuration for GAFYD</a></li>
</ul>
</blockquote>
<h3>1.Googleアカウントを取得する</h3>
<p>このサービスを利用するにはGoogleアカウント（Gmailアドレス）が必要です。1つのアカウントで、いくつでも独自ドメイン向けサービスの開設が出来ます。</p>
<h3>2.サービスの申し込みをする</h3>
<p><a class="ext" href="http://www.google.com/a/?hl=ja">Google Apps申し込みページ</a>にアクセスします。申し込むドメインの組織情報入力の際、Googleアカウントの持ち主の役職など聞かれますが、空欄だとはじかれます。N/Aで通りました。</p>
<h3>3.DNSを変更する</h3>
<p>ここでは、<a class="ext" href="http://www.value-domain.com/?ref=peacockcom">ValueDomain</a>と<a class="ext" href="http://www.dreamhost.com/r.cgi?288632">Dreamhost</a>を使った場合の設定方法について説明します。</p>
<h4>ValueDomainの場合</h4>
<p>DNS設定画面で、MXレコード・TXTレコード・CNAMEレコードを次のように変更します。以下に述べるTXTコードはメール送信にSFP（<a class="ext" href="http://www.openspf.org/RFC_4408">Sender Policy Framework</a>）を利用して送信元アドレスの詐称を防ぐためのもので、設定は必須ではありません。また、CNAMEレコードは、独自ドメインGmailへWEBでアクセスするためのURLを、<strong>mail.yourdomain.com</strong>で利用するための設定で、これも必須ではありません。でも設定しておいた方がちょっと便利ですよね。</p>
<p style="color: #336699; font-weight: bold"><span style="color: #ff0000">mx</span> aspmx.l.google.com. 10 @<br />
<span style="color: #ff0000">cname</span> mail ghs.google.com.<br />
<span style="color: #ff0000">txt</span> @ <strike>v=spf1 include:_spf.google.com ~all</strike> <strong style="color: #336699">v=spf1 include:aspmx.googlemail.com ~all</strong></p>
<p>ちなみにGoogle Appsのメールサーバは上記のひとつのみではありません。優先順位をそれぞれに振り分けて、次の設定を追加することも出来ます。</p>
<p style="color: #336699; font-weight: bold"><span style="color: #ff0000">mx</span> ALT1.ASPMX.L.GOOGLE.COM. 20 @<br />
<span style="color: #ff0000">mx</span> ALT2.ASPMX.L.GOOGLE.COM. 30 @<br />
<span style="color: #ff0000">mx</span> ASPMX2.GOOGLEMAIL.COM. 40 @<br />
<span style="color: #ff0000">mx</span> ASPMX3.GOOGLEMAIL.COM. 50 @</p>
<h5>MX・SPFレコード作成に便利なサイト</h5>
<ul>
<li><a class="ext" href="https://www.google.com/support/a/bin/answer.py?answer=33352">Google Apps 管理者向け / Mail Exchange (MX) DNS レコードの設定</a></li>
<li><a class="ext" target="_blank" href="http://www.microsoft.com/mscorp/safety/content/technologies/senderid/wizard/default.aspx">Sender ID Framework SPF Record Wizard</a><br />
↑↑↑SPFレコード生成ウィザード。便利！</li>
</ul>
<h5>参考：DNSのチェックに便利なサイト</h5>
<ul>
<li><a class="ext" href="http://www.dnsstuff.com/">DNSstuff.com</a></li>
<li><a class="ext" href="http://setup.value-domain.com/index.php?p=mx_search">Easy Setup for VALUE DOMAIN / MXレコード検索</a></li>
</ul>
<h4>Dreamhostの場合</h4>
<p>MXレコードの設定については→<a class="ext" href="https://www.google.com/support/a/bin/answer.py?answer=37956">Google Apps 管理者向け / MX レコードの設定: DreamHost</a></p>
<p>TXTおよびCNAMEレコードの設定は、コントロールパネル>Domains>Manage Domainsから、"Add a custom DNS record to yourdomain.com" の欄に、次を追加してAdd Record Now!ボタンをクリック。</p>
<h5>TXTレコード</h5>
<ul>
<li>Name = 空欄</li>
<li>Type = <span style="font-weight: bold; color: #ff0000">TXT</span></li>
<li>Value = <strike><span style="font-weight: bold; color: #336699">v=spf1 include:_spf.google.com ~all</span></strike><strong style="color: #336699"> v=spf1 include:aspmx.googlemail.com ~all<br />
</strong></li>
<li>Comment = 任意</li>
</ul>
<h5>CNAMEレコード</h5>
<ul>
<li>Name = email, gmailなど任意（上記ValueDomainで使った<strong>"mail"</strong>は、ここでは使えないので<span style="font-weight: bold">mail以外</span>を指定）</li>
<li>Type = <span style="font-weight: bold; color: #ff0000">CNAME</span></li>
<li>Value = <span style="font-weight: bold; color: #336699">ghs.google.com.</span></li>
<li>Comment = 任意</li>
</ul>
<h3>4.管理者アカウントと各ユーザーアカウントの設定</h3>
<p>管理者用コントロールパネルで、ログインページに独自ドメインでアクセスするための設定を行ないます。管理用コントロールパネルにログインし、マイレポートのサービス>メール で<span style="font-weight: bold">カスタムドメイン</span>のリンクをクリックし、カスタムを選択してCNAMEで指定した設定名（mail、など）をURLの空欄に入力し次へをクリックします。これでしばらく（数分かかります）経つと、http://mail.yourdomain.com のような短いURLでメールのログイン画面にアクセスできるようになります。</p>
<p>ユーザー（メールアカウント）の追加は、メニュー：アカウントの作成から行なえます。</p>
<p>管理者用コントロールパネルで、メール画面のロゴを独自画像に変更することも出来ます。その他のインターフェイスおよび機能はGmailと全く同じです。</p>
<h3>5.POP受信を利用する</h3>
<p>ここからはGmailと全く同じです。メール画面右上の『設定』から『メール転送とPOP設定』タブで『POPを有効にする』を選択し、『変更を保存』をクリック。これでメールクライアントを使ってPOP受信が出来るようなサーバ側の環境が整いました。メールクライアント側の設定は、<a class="ext" href="https://mail.google.com/support/bin/answer.py?ctx=%67mail&#038;hl=ja&#038;answer=12103">Gmail ヘルプセンター / メール クライアント リストの設定</a>でお使いのメールソフトの項目を参照して設定下さい。これでGoogle Appsを利用した独自ドメインGmailの一般的な設定は完了です。</p>
<p>POP受信がうまくいかない場合、<a class="ext" href="https://mail.google.com/support/bin/answer.py?answer=44769">Gmail POPトラブルシューティングツール</a>を使うとウィザード形式で設定のチェックが行なえます。<br />
以下Gmailを便利に利用するための、おすすめサイトを紹介します。</p>
<ul>
<li><a class="ext" href="http://www.gmail-maniacs.net/">Gmail Maniacs - Gmail関連そっと情報サイト</a></li>
<li><a class="ext" href="http://gmail.1o4.jp/">Gmailの使い方！</a></li>
<li><a class="ext" href="http://www.itmedia.co.jp/bizid/gmail_index.html">ITmedia Biz.ID：Gmailまとめ</a></li>
<li><a class="ext" href="http://groups.google.com/group/gmail-help-ja?hl=ja">Googleグループ / Gmail ヘルプグループ</a></li>
</ul>
<h4>Gmail POP受信エラーについての体験談</h4>
<p>独自ドメインGmailの設定が完了し、スパム激減とWEBサーバ圧迫の恐怖からの解放を喜んだのも束の間、パタリとPOP受信が反応しなくなるという体験をしました。原因はNorton Internet Securityの設定でした。（パターンの更新以降、メール監視に新しいフィルタが追加されたのが原因のようです）<strong>※追記2007/6/5：Norton Internet Security2006のみで確認した現象です。2007にアップデートすると、このエラーは出なくなりました。</strong></p>
<p>Norton Internet Securityをお使いでPOP受信のエラーにお悩みの方は、Norton Protection Centerの電子メールとメッセンジャーの保護設定から、電子メールスキャンとワーム遮断をOFFにしてみることをおすすめします（ただし自己責任で！）。Norton以外でも、セキュリティソフトがGmail POP受信の邪魔をいている可能性が高いようです。</p>
<p>参考ページ：<a class="ext" href="http://www.rimarts.com/b2board/b2board.cgi?tree=r34537">Becky Ver.2 BBS / Gmail POP とセキュリティソフトの関係の考察</a></p>
<h4>全く蛇足ですが…</h4>
<p>上段、DNSの設定で方法を紹介した<a class="ext" href="http://www.dreamhost.com/r.cgi?288632">Dreamhost</a>の最大割引プロモーションコードを置いておきます。つ<strong>PEACO</strong></p>
<p>root権限はありませんが、Telenet, Shellアクセスが可能で容量200GB(！)PHP、MySQLが使えることはもちろんのこと、WebDAVも使えて再販可。一ヶ月$7.95～･･･という悪魔的ハイスペックな仕様ですが、load averageが時間帯で100を超えることもある(！)ということはヒミツです＞＜</p>
<p><a href="http://www.dreamhost.com/r.cgi?288632"><img alt="Dreamhost" id="image62" src="http://www.peacock-union.com/wp-content/468x60-e.gif" /></a>
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=BQTHGfmg"><img src="http://feeds.feedburner.jp/~f/peaco?i=BQTHGfmg" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=lLOrrMTu"><img src="http://feeds.feedburner.jp/~f/peaco?i=lLOrrMTu" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=io1biBe5"><img src="http://feeds.feedburner.jp/~f/peaco?i=io1biBe5" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=enmZOloT"><img src="http://feeds.feedburner.jp/~f/peaco?i=enmZOloT" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=Qz1aFvXz"><img src="http://feeds.feedburner.jp/~f/peaco?i=Qz1aFvXz" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=QVlfy5cg"><img src="http://feeds.feedburner.jp/~f/peaco?i=QVlfy5cg" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/61/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/61</feedburner:origLink></item>
		<item>
		<title>ZenCartの商品写真拡大をLightboxで表現する</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F60</link>
		<comments>http://www.peacock-union.com/archives/60#comments</comments>
		<pubDate>Thu, 22 Mar 2007 04:30:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Script</dc:subject>
	<dc:subject>ZenCart</dc:subject><dc:subject>Script</dc:subject><dc:subject>ZenCart</dc:subject><dc:subject>画像処理</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/60</guid>
		<description>ZenCartでの、商品の写真を拡大する表現にLightboxを採用するための方法です。時すでに日本語版v1.3もリリースされて久しいのですが、このエントリーで紹介するのはv1.2向けの情報になります＞＜
※ここに公開するコードを利用したことによって発生した不都合の責任を当方では負いかねます。あらかじめご了承下さい。
Lightboxとは？→Lightbox JS 2.02を導入する

用意するファイル1:Lightbox  JS v2.0
用意するファイル2:GD自動サムネイル作成
動作テスト済み環境：Zencart v1.2.0-l10n-jp-6 /        MySQL 4.0.26-standard / PHP          4.3.11 (Zend: 1.3.0) /        Apache 1.3.34 (Unix)
参考サイト1:人力検索はてな 指定した画像URL（例：http://aaa.com/sample.jpg）のサムネイルを取得、生成するようなPHPスクリプトを探しています
参考サイト2:

インストール
GD自動サムネイル作成をZenCartのRoot直下へ、Lightboxを環境に合わせて任意のフォルダへアップロードします 。Lightboxインストール参考
修正するファイルとその箇所
includes\templates\your_template\templates\tpl_product_info_display.php
101~107行目付近
http://www.peacock-union.com/library/zen_lightbox_01.htm
下のように変更
http://www.peacock-union.com/library/zen_lightbox_02.htm
includes\modules\pages\product_reviews\main_template_vars_images.php
includes\modules\pages\product_reviews_info\main_template_vars_images.php
31行目付近
http://www.peacock-union.com/library/zen_lightbox_03.htm
下のように変更
http://www.peacock-union.com/library/zen_lightbox_04.htm
includes\modules\pages\product_reviews\header.php
35行目付近
http://www.peacock-union.com/library/zen_lightbox_05.htm
下のように変更
http://www.peacock-union.com/library/zen_lightbox_06.htm
includes\modules\pages\product_reviews_write\main_template_vars_images.php
54行目付近
http://www.peacock-union.com/library/zen_lightbox_07.htm
下のように変更
http://www.peacock-union.com/library/zen_lightbox_08.htm
以上の作業で、商品ページおよびレビューページでの写真拡大がLightboxで表現されるようになりました。
これと併せて商品の追加画像をLightbox[roadtrip]でスライドショー表示できたらカッコいいのですが、勝手に追加した画像にサムネイルを作って拡大させるというZenCart仕様の挙動が個人的にイヤで、次の箇所を修正し追加画像のサムネイルを出さないようにしました。商品説明のTEXTAREAにgdthumb.phpとLightboxコードを使って直接画像を呼んで来てスライドショーを再現させるという、ちょっと手間な方法で対応しました。※ZenCartコミュニティ掲示板にこれを成功された方のコードが掲載されています。
includes\templates\your_template\templates\tpl_product_info_display.php
256行目付近の下のソースを削除
http://www.peacock-union.com/library/zen_lightbox_09.htm
GD自動サムネイル (gdthumb.php) 補足

『指定されたパスにファイルが見つかりません』のエラーが出る場合、PHPのチェックに引っかかっている可能性があります。gdthumb.phpのソース内で次の箇所を削除するかコメントアウトしてみて下さい。(79行目付近)
PLAIN TEXT
PHP:




if&amp;#40;!file_exists&amp;#40;$path&amp;#41;&amp;#41; &amp;#123;


return array&amp;#40;0, "指定されたパスにファイルが見つかりません。"&amp;#41;;


exit;


&amp;#125; 






gdthumb.phpソース内で、あらかじめサムネイル画像の最大値を指定しておくと、各ページの商品写真の大きさを一定にできるので、設定をおすすめします。
PLAIN TEXT
PHP:




// 画像の最大横幅


$this-&amp;#62;imgMaxWidth = [...]</description>
			<content:encoded><![CDATA[<p> <a class="ext" href="http://zen-cart.jp/">ZenCart</a>での、商品の写真を拡大する表現に<a class="ext" href="http://www.huddletogether.com/projects/lightbox2/">Lightbox</a>を採用するための方法です。時すでに日本語版v1.3もリリースされて久しいのですが、このエントリーで紹介するのはv1.2向けの情報になります＞＜</p>
<p>※ここに公開するコードを利用したことによって発生した不都合の責任を当方では負いかねます。あらかじめご了承下さい。</p>
<p><strong>Lightboxとは？</strong>→<a href="http://www.peacock-union.com/archives/38">Lightbox JS 2.02を導入する</a></p>
<ul>
<li>用意するファイル1:<a class="ext" href="http://www.huddletogether.com/projects/lightbox2/">Lightbox  JS v2.0</a></li>
<li>用意するファイル2:<a class="ext" href="http://aki.adam.ne.jp/php/gdthumb/download.php">GD自動サムネイル作成</a></li>
<li>動作テスト済み環境：<a class="ext" href="http://zen-cart.jp/">Zencart v1.2.0-l10n-jp-6</a> /        MySQL 4.0.26-standard / PHP          4.3.11 (Zend: 1.3.0) /        Apache 1.3.34 (Unix)</li>
<li>参考サイト1:<a class="ext" href="http://q.hatena.ne.jp/1159160359">人力検索はてな 指定した画像URL（例：http://aaa.com/sample.jpg）のサムネイルを取得、生成するようなPHPスクリプトを探しています</a></li>
<li>参考サイト2:</li>
</ul>
<h4>インストール</h4>
<p><a class="ext" href="http://aki.adam.ne.jp/php/gdthumb/download.php">GD自動サムネイル作成</a>をZenCartのRoot直下へ、Lightboxを環境に合わせて任意のフォルダへアップロードします 。<a href="http://www.peacock-union.com/archives/38">Lightboxインストール参考</a></p>
<h4>修正するファイルとその箇所</h4>
<p><strong style="color: #dd0000; font-size: 0.85em">includes\templates\your_template\templates\tpl_product_info_display.php</strong></p>
<p>101~107行目付近</p>
<p><iframe width="95%" height="120" src="http://www.peacock-union.com/library/zen_lightbox_01.htm">http://www.peacock-union.com/library/zen_lightbox_01.htm</iframe></p>
<p>下のように変更</p>
<p><iframe width="95%" height="40" src="http://www.peacock-union.com/library/zen_lightbox_02.htm">http://www.peacock-union.com/library/zen_lightbox_02.htm</iframe></p>
<p><strong style="color: #dd0000; font-size: 0.85em">includes\modules\pages\product_reviews\main_template_vars_images.php<br />
includes\modules\pages\product_reviews_info\main_template_vars_images.php</strong></p>
<p>31行目付近</p>
<p><iframe width="95%" height="180" src="http://www.peacock-union.com/library/zen_lightbox_03.htm">http://www.peacock-union.com/library/zen_lightbox_03.htm</iframe></p>
<p>下のように変更</p>
<p><iframe width="95%" height="120" src="http://www.peacock-union.com/library/zen_lightbox_04.htm">http://www.peacock-union.com/library/zen_lightbox_04.htm</iframe></p>
<p><strong style="color: #dd0000; font-size: 0.85em">includes\modules\pages\product_reviews\header.php</strong></p>
<p>35行目付近</p>
<p><iframe width="95%" height="40" src="http://www.peacock-union.com/library/zen_lightbox_05.htm">http://www.peacock-union.com/library/zen_lightbox_05.htm</iframe></p>
<p>下のように変更</p>
<p><iframe width="95%" height="40" src="http://www.peacock-union.com/library/zen_lightbox_06.htm">http://www.peacock-union.com/library/zen_lightbox_06.htm</iframe></p>
<p><strong style="color: #dd0000; font-size: 0.85em">includes\modules\pages\product_reviews_write\main_template_vars_images.php</strong></p>
<p>54行目付近</p>
<p><iframe width="95%" height="180" src="http://www.peacock-union.com/library/zen_lightbox_07.htm">http://www.peacock-union.com/library/zen_lightbox_07.htm</iframe></p>
<p>下のように変更</p>
<p><iframe width="95%" height="60" src="http://www.peacock-union.com/library/zen_lightbox_08.htm">http://www.peacock-union.com/library/zen_lightbox_08.htm</iframe></p>
<p>以上の作業で、商品ページおよびレビューページでの写真拡大がLightboxで表現されるようになりました。</p>
<p>これと併せて商品の追加画像をLightbox[roadtrip]でスライドショー表示できたらカッコいいのですが、勝手に追加した画像にサムネイルを作って拡大させるというZenCart仕様の挙動が個人的にイヤで、次の箇所を修正し追加画像のサムネイルを出さないようにしました。商品説明のTEXTAREAにgdthumb.phpとLightboxコードを使って直接画像を呼んで来てスライドショーを再現させるという、ちょっと手間な方法で対応しました。※<a class="ext" href="http://zen-cart.jp/bbs/">ZenCartコミュニティ掲示板</a>にこれを成功された方のコードが掲載されています。</p>
<p><strong style="color: #dd0000; font-size: 0.85em">includes\templates\your_template\templates\tpl_product_info_display.php</strong></p>
<p>256行目付近の下のソースを削除</p>
<p><iframe width="95%" height="40" src="http://www.peacock-union.com/library/zen_lightbox_09.htm">http://www.peacock-union.com/library/zen_lightbox_09.htm</iframe></p>
<h4>GD自動サムネイル (gdthumb.php) 補足</h4>
<ul>
<li>『指定されたパスにファイルが見つかりません』のエラーが出る場合、PHPのチェックに引っかかっている可能性があります。gdthumb.phpのソース内で次の箇所を削除するかコメントアウトしてみて下さい。(79行目付近)
<div class="igBar"><span id="lphp-11"><a href="#" onclick="javascript:showPlainTxt('php-11'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-11">
<div class="php">
<ol start="79">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">if</span><span style="color:#006600; font-weight:bold;">&#40;</span>!<a href="http://www.php.net/file_exists"><span style="color:#000066;">file_exists</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#0000FF;">$path</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></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#616100;">return</span> <a href="http://www.php.net/array"><span style="color:#000066;">array</span></a><span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#CC66CC;color:#800000;">0</span>, <span style="color:#FF0000;">"指定されたパスにファイルが見つかりません。"</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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><a href="http://www.php.net/exit"><span style="color:#000066;">exit</span></a>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#125;</span> </div>
</li>
</ol>
</div>
</div>
</div>
<p></li>
<li>gdthumb.phpソース内で、あらかじめサムネイル画像の最大値を指定しておくと、各ページの商品写真の大きさを一定にできるので、設定をおすすめします。
<div class="igBar"><span id="lphp-12"><a href="#" onclick="javascript:showPlainTxt('php-12'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">PHP:</span>
<div id="php-12">
<div class="php">
<ol start="58">
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#FF9933; font-style:italic;">// 画像の最大横幅</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$this</span>-&gt;<span style="color:#006600;">imgMaxWidth</span> = <span style="color:#CC66CC;color:#800000;">250</span>; <span style="color:#FF9933; font-style:italic;">// 1以上の値// 画像の最大縦幅</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#0000FF;">$this</span>-&gt;<span style="color:#006600;">imgMaxHeight</span> = <span style="color:#CC66CC;color:#800000;">0</span>; <span style="color:#FF9933; font-style:italic;">// 指定しない場合は0 指定する場合は1以上の値 </span></div>
</li>
</ol>
</div>
</div>
</div>
<p></li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=xcH3wcUi"><img src="http://feeds.feedburner.jp/~f/peaco?i=xcH3wcUi" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=V5LS5CLI"><img src="http://feeds.feedburner.jp/~f/peaco?i=V5LS5CLI" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=PheHugx7"><img src="http://feeds.feedburner.jp/~f/peaco?i=PheHugx7" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=N7xq2nCN"><img src="http://feeds.feedburner.jp/~f/peaco?i=N7xq2nCN" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=SMBBdFFV"><img src="http://feeds.feedburner.jp/~f/peaco?i=SMBBdFFV" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=cI2H60Ai"><img src="http://feeds.feedburner.jp/~f/peaco?i=cI2H60Ai" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/60/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/60</feedburner:origLink></item>
		<item>
		<title>Wordpress:ページを分割表示するプラグイン Angsuman’s Multi-Page Plugin</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F58</link>
		<comments>http://www.peacock-union.com/archives/58#comments</comments>
		<pubDate>Mon, 19 Mar 2007 07:30:43 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>WordPress</dc:subject><dc:subject>plugin</dc:subject><dc:subject>Wordpress</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/58</guid>
		<description>エントリーが溜まるごとにどんどん下に伸びていくアーカイブページ、サブカテゴリにするほどのことはないのにリストの項目が冗長なスタティックページなど、ページもアーカイブも長い本文を分割表示させるプラグイン。


配布元： Angsuman’s Multi-Page Plugin: WordPress 2.x Plugin To Create Multi-Paged Articles　by　Simple Thoughtsさま
動作テスト済み環境：Wordpress2.0.6


インストールと使い方

ダウンロードしたデータを解凍し、multipageフォルダごとwp-content\pluginsフォルダにコピーして、管理画面からう有効化すると投稿画面のリッチテキストエディタに、下のようなアイコンが現れます。

投稿画面のコンテンツの、ページを区切りたいところにカーソルを当て、上のアイコンをクリックします。
ページの最下部に、分割されたページへのリンクが勝手に出てくれます。テーマによっては、そのままではリンクを出してくれないものもあります。その場合は、wp-content\themes\your_theme\の、page.phpおよびsingle.phpの適当な部分に下のコードを挿入します。
(PLAIN TEXTでご覧下さい＞＜)
PLAIN TEXT
CODE:




&amp;#38;lt;?php link_pages&amp;#40;'&amp;#38;lt;p&amp;#38;gt;&amp;#38;lt;strong&amp;#38;gt;Page:&amp;#38;lt;/strong&amp;#38;gt; ', '&amp;#38;lt;/p&amp;#38;gt;', 'number'&amp;#41;; ?&amp;#38;gt; 







試しにこのページも分割してみました。動作はこんな感じです。↓
2ページ目です。ちなみに、リッチテキストツールバーのアイコンは、www.famfamfam.comのSilk Iconぽいですね。キレイで可愛いですね。
3ページ目です。こんな感じで何ページでも分割できます。</description>
			<content:encoded><![CDATA[<p>エントリーが溜まるごとにどんどん下に伸びていくアーカイブページ、サブカテゴリにするほどのことはないのにリストの項目が冗長なスタティックページなど、ページもアーカイブも長い本文を分割表示させるプラグイン。</p>
<blockquote>
<ul>
<li>配布元：<a rel="bookmark" title="Permanent Link to Angsuman’s Multi-Page Plugin: WordPress 2.x Plugin To Create Multi-Paged Articles" class="ext" href="http://blog.taragana.com/index.php/archive/angsumans-multi-page-plugin-wordpress-2x-plugin-to-create-multi-paged-articles/"> Angsuman’s Multi-Page Plugin: WordPress 2.x Plugin To Create Multi-Paged Articles</a>　by　Simple Thoughtsさま</li>
<li>動作テスト済み環境：Wordpress2.0.6</li>
</ul>
</blockquote>
<h4>インストールと使い方</h4>
<ol>
<li>ダウンロードしたデータを解凍し、multipageフォルダごとwp-content\pluginsフォルダにコピーして、管理画面からう有効化すると投稿画面のリッチテキストエディタに、下のようなアイコンが現れます。<br />
<img alt="Angsuman’s Multi-Page Plugin 投稿画面アイコン" id="image59" src="http://www.peacock-union.com/wp-content/multi_page.gif" /></li>
<li>投稿画面のコンテンツの、ページを区切りたいところにカーソルを当て、上のアイコンをクリックします。</li>
<li>ページの最下部に、分割されたページへのリンクが勝手に出てくれます。テーマによっては、そのままではリンクを出してくれないものもあります。その場合は、wp-content\themes\your_theme\の、page.phpおよびsingle.phpの適当な部分に下のコードを挿入します。<br />
(PLAIN TEXTでご覧下さい＞＜)</p>
<div class="igBar"><span id="lcode-14"><a href="#" onclick="javascript:showPlainTxt('code-14'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-14">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&amp;lt;?php link_pages<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#CC0000;">'&amp;lt;p&amp;gt;&amp;lt;strong&amp;gt;Page:&amp;lt;/strong&amp;gt; '</span>, <span style="color:#CC0000;">'&amp;lt;/p&amp;gt;'</span>, <span style="color:#CC0000;">'number'</span><span style="color:#006600; font-weight:bold;">&#41;</span>; ?&amp;gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p></li>
</ol>
<p>試しにこのページも分割してみました。動作はこんな感じです。↓</p>
<p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=Sd5VB2Fy"><img src="http://feeds.feedburner.jp/~f/peaco?i=Sd5VB2Fy" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=QUrDhSjF"><img src="http://feeds.feedburner.jp/~f/peaco?i=QUrDhSjF" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=1pU642uU"><img src="http://feeds.feedburner.jp/~f/peaco?i=1pU642uU" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=RlROKlF0"><img src="http://feeds.feedburner.jp/~f/peaco?i=RlROKlF0" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=4Bq90JRl"><img src="http://feeds.feedburner.jp/~f/peaco?i=4Bq90JRl" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=CfQnTRTW"><img src="http://feeds.feedburner.jp/~f/peaco?i=CfQnTRTW" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/58/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/58</feedburner:origLink></item>
		<item>
		<title>TemplateMonster 5%OFF!!</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F57</link>
		<comments>http://www.peacock-union.com/archives/57#comments</comments>
		<pubDate>Thu, 08 Mar 2007 07:35:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Design</dc:subject>
	<dc:subject>Event</dc:subject>
	<dc:subject>NewsRelease</dc:subject><dc:subject>Design</dc:subject><dc:subject>Event</dc:subject><dc:subject>NewsRelease</dc:subject><dc:subject>Template</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/57</guid>
		<description>ピーコックユニオンでは、TemplateMonster Japanのテンプレート5%OFFクーポンを本日(2007年3月9日)よりいたしました。
TemplateMonsterに登録されたテンプレートを使うと、世界中の優れたデザイナーのデザインで素早くリーズナブルにオリジナルのホームページを持つことが出来ます。WEBサイト公開にあたってのセッティング・カスタマイズはピーコックユニオンでも承っております。(ご自分で設置される場合でもクーポンコードをご利用いただけます)
テンプレートのサンプルを掲載したTemplateMonster クーポンページも是非ご覧下さい。
TemplateMonsterより
ホームページテンプレートを使うと、ホームページテンプレート上の文字（文章）を変更するだけで、高品質のホームページを短時間で完成させることができます！
現在までに、10000以上のホームページテンプレートが公開されており、
さらに毎日、5～10個ずつのホームページテンプレートが追加されています！
Coupon　Code : 4a569bc151</description>
			<content:encoded><![CDATA[<p> ピーコックユニオンでは、<a class="ext" href="http://www.templatemonster.jp/?aff=peacockunion">TemplateMonster Japan</a>のテンプレート5%OFFクーポンを本日(2007年3月9日)よりいたしました。<br />
TemplateMonsterに登録されたテンプレートを使うと、世界中の優れたデザイナーのデザインで素早くリーズナブルにオリジナルのホームページを持つことが出来ます。WEBサイト公開にあたってのセッティング・カスタマイズはピーコックユニオンでも承っております。(ご自分で設置される場合でもクーポンコードをご利用いただけます)</p>
<p>テンプレートのサンプルを掲載した<a href="http://www.peacock-union.com/tm/">TemplateMonster クーポン</a>ページも是非ご覧下さい。</p>
<blockquote><p><cite>TemplateMonsterより</cite></p>
<p><strong>ホームページテンプレート</strong>を使うと、<strong>ホームページテンプレート</strong>上の文字（文章）を変更するだけで、高品質の<strong>ホームページ</strong>を短時間で完成させることができます！<br />
現在までに、10000以上の<strong>ホームページテンプレート</strong>が公開されており、<br />
さらに毎日、5～10個ずつの<strong>ホームページテンプレート</strong>が追加されています！</p></blockquote>
<p style="margin: 1em 35px; background-color: #777777; color: white; font-size: 16px; text-align: center">Coupon　Code : 4a569bc151</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=eMVQyMK6"><img src="http://feeds.feedburner.jp/~f/peaco?i=eMVQyMK6" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=cxeKwPsD"><img src="http://feeds.feedburner.jp/~f/peaco?i=cxeKwPsD" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=v8PEcPNU"><img src="http://feeds.feedburner.jp/~f/peaco?i=v8PEcPNU" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=Gt1WC7br"><img src="http://feeds.feedburner.jp/~f/peaco?i=Gt1WC7br" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=3gYFzsXW"><img src="http://feeds.feedburner.jp/~f/peaco?i=3gYFzsXW" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=qyo1w1wq"><img src="http://feeds.feedburner.jp/~f/peaco?i=qyo1w1wq" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/57/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/57</feedburner:origLink></item>
		<item>
		<title>FON推進キャンペーン実施中</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F54</link>
		<comments>http://www.peacock-union.com/archives/54#comments</comments>
		<pubDate>Sun, 21 Jan 2007 19:23:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>FON</dc:subject><dc:subject>FON</dc:subject><dc:subject>WiFi</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/54</guid>
		<description>2005年にスペインで始まり、去年12月に日本に上陸した、世界規模の無線LAN共有プロジェクト『FON』に参加しました。セキュリティや法律面での問題など、まだ整備されていない不透明な点も無くは無いのですが、面白いコンセプトには大賛成につき、以下導入や活用に参考になるサイトを集めました。

FON
FONの公式サイトです（日本語）。
FONが使えるプロバイダを求めて by えぴたふ blackjapanさま
FONが使えるプロバイダについて細かく調査してまとめられています。インターネットの接続プロバイダで公式にFONの利用を許可しているところは現状ではBBエキサイトだけです。おおよそのプロバイダが規約に挙げている『第三者に対しての回線の提供を許可しない』あたりの項目に、FONは引っかかるようです。

fon finder: 携帯電話で最寄りのfonルータを探す by dara日記さま
WillcomとDocomoで快適に利用できています。

PlaceEngine
GPSでなくWiFi電波を使った位置推定サービス。クライアントソフトをノートPCやスマートフォンなどのモバイル機器にインストールすることでFON MAPとも連動します。ソニーコンピュータサイエンス研究所さま提供のベータ版サービスです。
Free* WIFI Booster 型紙ダウンロード（PDF）
La Foneraのアンテナは取り外してリバースSMAコネクタを持つアンテナと交換し、受信エリアを拡張できるようですが、ちょっとした紙工作でも効果があるようです（未テスト）。組み立て手順の動画はこちら

BBエキサイト
私の場合、乗り換えのポイントはFONをサポートしている点でしたが、接続するだけなら月額500円という価格も充分魅力的です。</description>
			<content:encoded><![CDATA[<p> <a href="http://jp.fon.com/"><img style="margin: 0pt 0pt 1em 1em; float: right" alt="FON LOGO" src="http://www.peacock-union.com/images/en_logoFon.png" /></a>2005年にスペインで始まり、去年12月に日本に上陸した、世界規模の無線LAN共有プロジェクト<strong>『<a class="ext" href="http://jp.fon.com/">FON</a>』</strong>に参加しました。セキュリティや法律面での問題など、まだ整備されていない不透明な点も無くは無いのですが、面白いコンセプトには大賛成につき、以下導入や活用に参考になるサイトを集めました。</p>
<ul>
<li><a class="ext" href="http://jp.fon.com/">FON</a><br />
FONの公式サイトです（日本語）。</li>
<li><a class="ext" href="http://d.hatena.ne.jp/blackjapan/20061206/FON">FONが使えるプロバイダを求めて</a> by えぴたふ blackjapanさま<br />
FONが使えるプロバイダについて細かく調査してまとめられています。インターネットの接続プロバイダで公式にFONの利用を許可しているところは現状では<a class="ext" href="http://bb.excite.co.jp/">BBエキサイト</a>だけです。おおよそのプロバイダが規約に挙げている『第三者に対しての回線の提供を許可しない』あたりの項目に、FONは引っかかるようです。<a class="ext" href="http://d.hatena.ne.jp/blackjapan/20061206/FON"><br />
</a></li>
<li><a class="ext" href="http://d.hatena.ne.jp/darashi/20061217">fon finder: 携帯電話で最寄りのfonルータを探す</a> by dara日記さま<br />
WillcomとDocomoで快適に利用できています。<a class="ext" href="http://d.hatena.ne.jp/darashi/20061217"><br />
</a></li>
<li><a class="ext" href="http://www.placeengine.com/">PlaceEngine</a><br />
GPSでなくWiFi電波を使った位置推定サービス。クライアントソフトをノートPCやスマートフォンなどのモバイル機器にインストールすることで<a class="ext" href="http://maps.fon.com/">FON MAP</a>とも連動します。<a class="ext" href="http://www.csl.sony.co.jp/">ソニーコンピュータサイエンス研究所さま</a>提供のベータ版サービスです。</li>
<li><a target="_blank" title="新しいウィンドウをひらきます" class="ext" href="http://yayoijin.hp.infoseek.co.jp/wifi-ref-12dbi.pdf">Free* WIFI Booster 型紙ダウンロード</a>（PDF）<br />
La Foneraのアンテナは取り外してリバースSMAコネクタを持つアンテナと交換し、受信エリアを拡張できるようですが、ちょっとした紙工作でも効果があるようです（未テスト）。<a class="ext" href="http://www.metacafe.com/watch/300405/free_wifi_booster/">組み立て手順の動画はこちら</a><a href="http://www.metacafe.com/watch/300405/free_wifi_booster/"><br />
</a></li>
<li><a class="ext" href="http://bb.excite.co.jp/">BBエキサイト</a><br />
私の場合、乗り換えのポイントはFONをサポートしている点でしたが、接続するだけなら月額500円という価格も充分魅力的です。</li>
</ul>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=2MZNmSkp"><img src="http://feeds.feedburner.jp/~f/peaco?i=2MZNmSkp" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=dzhcgcpL"><img src="http://feeds.feedburner.jp/~f/peaco?i=dzhcgcpL" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=ZP8KaWSI"><img src="http://feeds.feedburner.jp/~f/peaco?i=ZP8KaWSI" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=mFPWMGjh"><img src="http://feeds.feedburner.jp/~f/peaco?i=mFPWMGjh" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=2wlUeKKo"><img src="http://feeds.feedburner.jp/~f/peaco?i=2wlUeKKo" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=TDgU4yNN"><img src="http://feeds.feedburner.jp/~f/peaco?i=TDgU4yNN" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/54/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/54</feedburner:origLink></item>
		<item>
		<title>ZenCart 郵便番号による住所入力支援モジュール 全国データSQLファイル（2006年12月28日版）</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F52</link>
		<comments>http://www.peacock-union.com/archives/52#comments</comments>
		<pubDate>Sun, 14 Jan 2007 12:03:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>ZenCart</dc:subject><dc:subject>plugin</dc:subject><dc:subject>ZenCart</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/52</guid>
		<description>オープンソースで有志による活発なアップデートが盛んな、オンラインショップ構築ソフトウェアZenCart。S-page hiraさま、参画ネット 岡本さまによって開発された郵便番号による住所入力支援モジュールをZenCartに導入するには、郵政公社の公開する最新版の全国郵便番号データが必要です。郵政公社の郵便番号データはCSV形式で都道府県別（全国版もありますが、行が多すぎてエクセルでは加工出来ません）に公開されており、このCSVを加工してSQLファイルを作り、データベースにテーブルを追加します。
『全国版を落として来て一発だ！』と思って全国版をエクセルで開いたところ、行数オーバーで読み込めず＞＜
都道府県別に47ファイルダウンロードし、それぞれをこのモジュールに適合させたSQLファイルに加工して、データベースに追加しました。結構な手間がかかったので、導入をご検討中の方向けに現時点（2007/1/14 現在）での最新版を公開いたします。ZenCartユーザーの方、是非ご活用下さい。


配布元：S-Page：郵便番号による住所入力支援モジュール by hiraさま、参画ネット 岡本さま
元データ：ゆうびんホームページ：住所の郵便番号のダウンロードサービス
郵便番号データのバージョン：平成18年12月28日 更新版
文字コード：ja-EUC
動作テスト済み環境：Zencart v1.2.0-l10n-jp-6 /        MySQL 4.0.26-standard / PHP          4.3.11 (Zend: 1.3.0) /        Apache 1.3.34 (Unix)


ダウンロード
postalcode_20061228.zip (zip形式 / 1,154,587 Bytes)
使用方法

本ダウンロードファイルを解凍すると、郵便番号による住所入力支援モジュール用に加工された都道府県別郵便番号データのSQLファイル47個と、テーブル作成用SQLファイル CREATETABLEpostalcode.sql  が生成されます。
まず最初にこの CREATETABLEpostalcode.sql を走らせて、データベースにテーブルを新規作成します。本ファイルのソースは以下↓
PLAIN TEXT
CODE:




CREATE [...]</description>
			<content:encoded><![CDATA[<p> オープンソースで有志による活発なアップデートが盛んな、オンラインショップ構築ソフトウェア<a class="ext" href="http://zen-cart.jp/">ZenCart</a>。<a class="ext" href="http://www.s-page.net/">S-page</a> hiraさま、<a class="ext" href="http://www.sankaku.net/">参画ネット</a> 岡本さまによって開発された<a class="ext" href="http://www.s-page.net/products/41&#038;.html">郵便番号による住所入力支援モジュール</a>をZenCartに導入するには、郵政公社の公開する最新版の全国郵便番号データが必要です。郵政公社の郵便番号データはCSV形式で都道府県別（全国版もありますが、行が多すぎてエクセルでは加工出来ません）に公開されており、このCSVを加工してSQLファイルを作り、データベースにテーブルを追加します。</p>
<p>『全国版を落として来て一発だ！』と思って全国版をエクセルで開いたところ、行数オーバーで読み込めず＞＜<br />
都道府県別に47ファイルダウンロードし、それぞれをこのモジュールに適合させたSQLファイルに加工して、データベースに追加しました。結構な手間がかかったので、導入をご検討中の方向けに現時点（2007/1/14 現在）での最新版を公開いたします。ZenCartユーザーの方、是非ご活用下さい。</p>
<blockquote>
<ul>
<li>配布元：<a class="ext" href="http://www.s-page.net/products/41&#038;.html">S-Page：郵便番号による住所入力支援モジュール</a> by hiraさま、<a class="ext" href="http://www.sankaku.net/">参画ネット</a> 岡本さま</li>
<li>元データ：<a class="ext" href="http://www.post.japanpost.jp/zipcode/dl/oogaki.html">ゆうびんホームページ：住所の郵便番号のダウンロードサービス</a></li>
<li>郵便番号データのバージョン：平成18年12月28日 更新版</li>
<li>文字コード：ja-EUC</li>
<li>動作テスト済み環境：<a class="ext" href="http://zen-cart.jp/">Zencart v1.2.0-l10n-jp-6</a> /        MySQL 4.0.26-standard / PHP          4.3.11 (Zend: 1.3.0) /        Apache 1.3.34 (Unix)</li>
</ul>
</blockquote>
<h4>ダウンロード</h4>
<p><a href="http://www.peacock-union.com/library/postalcode_20061228.zip">postalcode_20061228.zip</a> (zip形式 / 1,154,587 Bytes)</p>
<h4>使用方法</h4>
<ol>
<li>本ダウンロードファイルを解凍すると、<a class="ext" href="http://www.s-page.net/products/41&#038;.html">郵便番号による住所入力支援モジュール</a>用に加工された都道府県別郵便番号データのSQLファイル47個と、テーブル作成用SQLファイル <strong>CREATETABLEpostalcode.sql  </strong>が生成されます。</li>
<li>まず最初にこの <strong>CREATETABLEpostalcode.sql</strong> を走らせて、データベースにテーブルを新規作成します。本ファイルのソースは以下↓
<div class="igBar"><span id="lcode-17"><a href="#" onclick="javascript:showPlainTxt('code-17'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-17">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">CREATE TABLE postalcode <span style="color:#006600; font-weight:bold;">&#40;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">seq int<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#800000;color:#800000;">7</span><span style="color:#006600; font-weight:bold;">&#41;</span> NOT NULL auto_increment,</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">postal varchar<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#800000;color:#800000;">7</span><span style="color:#006600; font-weight:bold;">&#41;</span> NOT NULL ,</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">pref varchar<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#800000;color:#800000;">8</span><span style="color:#006600; font-weight:bold;">&#41;</span> NOT NULL ,</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">city varchar<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#800000;color:#800000;">128</span><span style="color:#006600; font-weight:bold;">&#41;</span> NOT NULL default <span style="color:#CC0000;">''</span>,</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">town varchar<span style="color:#006600; font-weight:bold;">&#40;</span><span style="color:#800000;color:#800000;">128</span><span style="color:#006600; font-weight:bold;">&#41;</span> NOT NULL default <span style="color:#CC0000;">''</span>,</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">PRIMARY KEY&nbsp; <span style="color:#006600; font-weight:bold;">&#40;</span>seq<span style="color:#006600; font-weight:bold;">&#41;</span>,</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">KEY pref <span style="color:#006600; font-weight:bold;">&#40;</span>pref<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:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">KEY postal <span style="color:#006600; font-weight:bold;">&#40;</span>postal<span style="color:#006600; font-weight:bold;">&#41;</span></div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color:#006600; font-weight:bold;">&#41;</span> TYPE=MyISAM; </div>
</li>
</ol>
</div>
</div>
</div>
<p>
これでデータベースに<strong>postalcode</strong>という新しいテーブルが生成されます。</li>
<li>次に都道府県別ファイルを一個ずつ47ファイル全て走らせてテーブルにデータを追加します。</li>
<li><a title="新しいウィンドウをひらきます" target="_blank" href="http://www.s-page.net/products/41&#038;.html">郵便番号による住所入力支援モジュール</a>のReadmeファイルを参照し、既存ファイルを修正し、モジュールファイル群をサーバにアップロードします。</li>
</ol>
<h4>注意事項</h4>
<ul>
<li>本ダウンロードファイルの文字コードは<strong>ja-EUC</strong>です。それ以外のコードをご使用の場合は、テキストエディタで文字コードを変換してからご利用下さい。</li>
<li>行政区の合併などで郵便番号に追加・変更が生じた場合は、<a class="ext" href="http://www.post.japanpost.jp/zipcode/dl/oogaki.html">郵政公社のホームページ</a>より差分をダウンロードし、データベースをアップデートして下さい。</li>
<li><strong>本ダウンロードファイルは充分検証した上で自己責任の元にご利用下さい。本ファイルを利用したことによって発生した不都合の責任を当方では負いかねます。あらかじめご了承下さい。</strong></li>
</ul>
<h5>【おまけ】差分データの更新方法</h5>
<p>郵便番号の変更による差分ファイルには、<strong>新規追加データ</strong>と<strong>廃止データ</strong>があります。新規追加データに関しては上記と同じフォーマットで、CSVファイルを加工＆実行すればOKですが、廃止分のデータをテーブルから削除する必要があります。削除するには、廃止データをダウンロードし、次のようなフォーマットでSQL文に加工し、走らせます。</p>
<div class="igBar"><span id="lcode-18"><a href="#" onclick="javascript:showPlainTxt('code-18'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-18">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">DELETE FROM postalcode WHERE postal=<span style="color:#CC0000;">'削除対象の郵便番号'</span>;</div>
</li>
<li style="font-weight: bold;color:#26536A;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">DELETE FROM postalcode WHERE postal=<span style="color:#CC0000;">'削除対象の郵便番号'</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">・・・ </div>
</li>
</ol>
</div>
</div>
</div>
<p></p>
<p>データベースの更新前には必ずバックアップを取ることをおススメします。
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=88zuol0V"><img src="http://feeds.feedburner.jp/~f/peaco?i=88zuol0V" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=lVZXCFzQ"><img src="http://feeds.feedburner.jp/~f/peaco?i=lVZXCFzQ" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=gzqf4fAw"><img src="http://feeds.feedburner.jp/~f/peaco?i=gzqf4fAw" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=QPOy3g6n"><img src="http://feeds.feedburner.jp/~f/peaco?i=QPOy3g6n" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=oXh61Qif"><img src="http://feeds.feedburner.jp/~f/peaco?i=oXh61Qif" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=4y4nrwdv"><img src="http://feeds.feedburner.jp/~f/peaco?i=4y4nrwdv" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/52/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/52</feedburner:origLink></item>
		<item>
		<title>WP Wetfloor：画像を鏡面映り込み風表示させるプラグイン</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F47</link>
		<comments>http://www.peacock-union.com/archives/47#comments</comments>
		<pubDate>Tue, 09 Jan 2007 04:59:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>WordPress</dc:subject>
	<dc:subject>Script</dc:subject>
	<dc:subject>Design</dc:subject><dc:subject>Design</dc:subject><dc:subject>plugin</dc:subject><dc:subject>Script</dc:subject><dc:subject>Wordpress</dc:subject><dc:subject>画像処理</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/47</guid>
		<description>script.aculo.usのようなJavaScriptのライブラリを利用して、画像を鏡面映り込み風に表示させるReflection.jsの、Wordpress プラグイン・WP Wetfloorをインストールしてみました。


配布元：Siuyee Presents...:WP Wetfloor 1.6a
参考：[WP:Plugin] 画像に反射効果を加えるReflection.js by AOINAさん
導入環境：WordPress 2.0.2


2007/1/25 修正 : 『画像の設定』 2で相対パスで画像の場所を指定するよう記載していましたが、フルパスで指定するように修正しました。
まず WP Wetfloor 適用結果から

インストール
ダウンロードファイル(zip)を解凍した内容物、wp-wetfloor.php・includesフォルダ・imagesフォルダをwp-content\plugins にアップロードし、プラグイン管理画面で有効化をクリック。
画像の設定

インストールが完了すると、投稿画面・テキストエディタのツールバーに下のようなアイコンが表示されます。

アイコンをクリックすると画像のパス(URI)を求められるので入力します。自サイト内の画像であれば、ブログトップページのURI以降のパスを指定し、画像の場所をhttp://~から始まるフルパスで入力し、OKをクリックします。

映り込みの高さを％で求められるので数値のみを入力し、OKをクリックします。空欄でデフォルト値。

透明度を％で求められるので数値のみを入力し、OKをクリックします。空欄でデフォルト値。

HTMLのソースに直に書くと次のようになります。 (rheight=高さ / ropacity=透明度 各すぐ後に％数値)
PLAIN TEXT
CODE:




&amp;#60;img class="reflect rheight60 ropacity60" src="http://your_blog_domain/images/xxx.gif" /&amp;#62;</description>
			<content:encoded><![CDATA[<p> <a class="ext" href="http://script.aculo.us/">script.aculo.us</a>のようなJavaScriptのライブラリを利用して、画像を鏡面映り込み風に表示させる<a class="ext" href="http://cow.neondragon.net/stuff/reflection/">Reflection.js</a>の、Wordpress プラグイン・<a class="ext" href="http://www.siuyee.com/projects/wp-wetfloor/">WP Wetfloor</a>をインストールしてみました。</p>
<blockquote>
<ul>
<li>配布元：<a class="ext" href="http://www.siuyee.com/projects/wp-wetfloor/">Siuyee Presents...:WP Wetfloor 1.6a</a></li>
<li>参考：<a class="ext" href="http://aoina.com/archives/11">[WP:Plugin] 画像に反射効果を加えるReflection.js</a> by AOINAさん</li>
<li>導入環境：WordPress 2.0.2</li>
</ul>
</blockquote>
<p>2007/1/25 修正 : 『画像の設定』 2で相対パスで画像の場所を指定するよう記載していましたが、フルパスで指定するように修正しました。</p>
<h4>まず WP Wetfloor 適用結果から</h4>
<p><img class="reflect rheight60 ropacity60" src="http://www.peacock-union.com/wp-content/klonie.png" /></p>
<h4>インストール</h4>
<p>ダウンロードファイル(zip)を解凍した内容物、<strong>wp-wetfloor.php</strong>・<strong>includesフォルダ</strong>・<strong>imagesフォルダ</strong>をwp-content\plugins にアップロードし、プラグイン管理画面で有効化をクリック。</p>
<h4>画像の設定</h4>
<ol>
<li>インストールが完了すると、投稿画面・テキストエディタのツールバーに下のようなアイコンが表示されます。<br />
<img alt="WP リッチテキストエディタ Toolbar" src="http://www.peacock-union.com/wp-content/Wetfloor_01.gif" /></li>
<li>アイコンをクリックすると画像のパス(URI)を求められるので入力します。<strike>自サイト内の画像であれば、ブログトップページのURI以降のパスを指定し、</strike>画像の場所をhttp://~から始まるフルパスで入力し、OKをクリックします。<br />
<img alt="WP Wetfloor 画像パスの指定ダイアログ" src="http://www.peacock-union.com/wp-content/Wetfloor_02.gif" /></li>
<li>映り込みの高さを％で求められるので数値のみを入力し、OKをクリックします。空欄でデフォルト値。<br />
<img alt="WP Wetfloor 映り込みの高さ指定ダイアログ" src="http://www.peacock-union.com/wp-content/Wetfloor_03.gif" /></li>
<li>透明度を％で求められるので数値のみを入力し、OKをクリックします。空欄でデフォルト値。<br />
<img alt="WP Wetfloor 透明度指定ダイアログ" src="http://www.peacock-union.com/wp-content/Wetfloor_04.gif" /></li>
<li>HTMLのソースに直に書くと次のようになります。 (rheight=高さ / ropacity=透明度 各すぐ後に％数値)
<div class="igBar"><span id="lcode-20"><a href="#" onclick="javascript:showPlainTxt('code-20'); return false;">PLAIN TEXT</a></span></div>
<div class="syntax_hilite"><span class="langName">CODE:</span>
<div id="code-20">
<div class="code">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;color:#3A6A8B;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&lt;img class=<span style="color:#CC0000;">"reflect rheight60 ropacity60"</span> src=<span style="color:#CC0000;">"http://your_blog_domain/images/xxx.gif"</span> /&gt; </div>
</li>
</ol>
</div>
</div>
</div>
<p></li>
</ol>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=r1fJpiLc"><img src="http://feeds.feedburner.jp/~f/peaco?i=r1fJpiLc" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=P7soPp26"><img src="http://feeds.feedburner.jp/~f/peaco?i=P7soPp26" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=RbOx1aGF"><img src="http://feeds.feedburner.jp/~f/peaco?i=RbOx1aGF" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=AF8FXB6T"><img src="http://feeds.feedburner.jp/~f/peaco?i=AF8FXB6T" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=ytE9lH31"><img src="http://feeds.feedburner.jp/~f/peaco?i=ytE9lH31" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=YK0NaPoQ"><img src="http://feeds.feedburner.jp/~f/peaco?i=YK0NaPoQ" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/47/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/47</feedburner:origLink></item>
		<item>
		<title>SOHO AWARDS 2006 受賞アイテム発表</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F46</link>
		<comments>http://www.peacock-union.com/archives/46#comments</comments>
		<pubDate>Thu, 28 Dec 2006 04:10:04 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Event</dc:subject><dc:subject>Event</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/46</guid>
		<description>"SOHOが選ぶ『これ、ええやん』。なんでもアリで表彰します！"と謳われ、2004年より毎年開催されているSOHO AWARD 2006の、受賞アイテムがWEB上で発表されました。WEBサイトからイベントからプロダクトから、本当になんでもアリでエントリー＆受賞されてます。受賞者されたみなさま、おめでとうございました！（及ばずながらリンクサポーターとして応援させていただきました）
http://www.soho-awards.org/awards2006/2006jyusyo.html
中で気になったのが選考委員賞を受賞した『マジックコネクト』。USBキーを挿すだけで、リモートのPCにVPN接続出来るというNTTITのプロダクトです。SOHO AWARDS受賞を記念して100社に2ヶ月無料モニタープレゼントという企画を発表されてます。これを受賞に押し上げたSOHOの人ってほとんど個人事業主だと思うんですが、モニターの対象者が法人/公共機関のみというところがちょっと残念。
ちなみにSOHO AWARDSを主催しているのは、ピーコックユニオンも加入しているJSC（日本SOHOセンター）という個人事業主の互助会で、安価な会費で個人事業主には無い福利厚生の制度を補ってくれる心強い団体です。個人事業主の方には是非おススメ。</description>
			<content:encoded><![CDATA[<p> <a href="http://www.soho-awards.org/awards2006/2006jyusyo.html"><img width="471" height="63" border="0" alt="SOHO AWARDS" src="http://www.soho-awards.org/image/banner/award2005_bn_l.gif" /></a></p>
<p><strong>"SOHOが選ぶ『これ、ええやん』。なんでもアリで表彰します！"</strong>と謳われ、2004年より毎年開催されているSOHO AWARD 2006の、受賞アイテムがWEB上で発表されました。WEBサイトからイベントからプロダクトから、本当になんでもアリでエントリー＆受賞されてます。受賞者されたみなさま、おめでとうございました！（及ばずながらリンクサポーターとして応援させていただきました）<br />
<a href="http://www.soho-awards.org/awards2006/2006jyusyo.html">http://www.soho-awards.org/awards2006/2006jyusyo.html</a></p>
<p><img style="margin: 0pt 1em 1em 0pt; float: left" id="image45" alt="マジックコネクト" src="http://www.peacock-union.com/wp-content/magicconnect.jpg" />中で気になったのが選考委員賞を受賞した『<a title="新しいウィンドウをひらきます" target="_blank" href="http://www.magicconnect.net/index.html">マジックコネクト</a>』。USBキーを挿すだけで、リモートのPCにVPN接続出来るというNTTITのプロダクトです。<a title="新しいウィンドウをひらきます" target="_blank" href="http://www.magicconnect.net/inquiry/index-soho-award2006.html">SOHO AWARDS受賞を記念して100社に2ヶ月無料モニタープレゼント</a>という企画を発表されてます。これを受賞に押し上げたSOHOの人ってほとんど個人事業主だと思うんですが、モニターの対象者が法人/公共機関のみというところがちょっと残念。</p>
<p>ちなみにSOHO AWARDSを主催しているのは、ピーコックユニオンも加入している<a href="http://www.sohocenter.org/">JSC（日本SOHOセンター）</a>という個人事業主の互助会で、安価な会費で個人事業主には無い福利厚生の制度を補ってくれる心強い団体です。個人事業主の方には是非おススメ。
</p>
<div class="feedflare">
<a href="http://feeds.feedburner.jp/~f/peaco?a=zVNKqQlS"><img src="http://feeds.feedburner.jp/~f/peaco?i=zVNKqQlS" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=M0Skp9Jk"><img src="http://feeds.feedburner.jp/~f/peaco?i=M0Skp9Jk" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=ESQHVGZA"><img src="http://feeds.feedburner.jp/~f/peaco?i=ESQHVGZA" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=omsm6MGv"><img src="http://feeds.feedburner.jp/~f/peaco?i=omsm6MGv" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=FwfmdQdL"><img src="http://feeds.feedburner.jp/~f/peaco?i=FwfmdQdL" border="0"></img></a> <a href="http://feeds.feedburner.jp/~f/peaco?a=3yhBHve4"><img src="http://feeds.feedburner.jp/~f/peaco?i=3yhBHve4" border="0"></img></a>
</div>]]></content:encoded>
			<wfw:commentRss>http://www.peacock-union.com/archives/46/feed/</wfw:commentRss>
		<feedburner:origLink>http://www.peacock-union.com/archives/46</feedburner:origLink></item>
		<item>
		<title>Lightbox JS 2.02 を導入する</title>
		<link>http://feeds.feedburner.jp/~r/peaco/~3/http%3A%2F%2Fwww.peacock-union.com%2Farchives%2F38</link>
		<comments>http://www.peacock-union.com/archives/38#comments</comments>
		<pubDate>Tue, 19 Dec 2006 05:17:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
	<dc:subject>Script</dc:subject><dc:subject>JavaScript</dc:subject><dc:subject>Script</dc:subject><dc:subject>画像処理</dc:subject>
		<guid isPermaLink="false">http://www.peacock-union.com/archives/38</guid>
		<description>Lightbox は prototype.js および scriptaculous.js の effect ライブラリを利用して、サムネイル画像クリック→大きなサイズの元画像表示の動作にエフェクトを加えて、画像をお洒落に表示する JavaScript。


配布元：Lightbox JS v2.0


導入方法

lightbox.jsと、lightbox.cssのimagesファイルのパスを環境に合わせて適宜修正します。（各ファイルから見たimagesフォルダの場所を指定します。http://からフルパスで記入することも可。←間違いがない。）
ダウンロードして解凍したディレクトリ構成のまま、サーバのルートにアップロードします。（lightbox.jsと同じフォルダにprototype.js、scriptaculous.js、effect.jsが同梱されています。既にサーバにこれらファイルがある場合はアップロードの必要はありません）
HTMLファイルのheadに、次の記述を追加します
http://www.peacock-union.com/library/lightbox_01.htm
スタイルシートへのリンクは、既存のスタイルシートがある場合、CSSファイルの冒頭行に@importを一行追加するなどの方法があると思います。
 e.x, @import "(任意のディレクトリ)/lightbox.css";
リンクタグに rel="lightbox" を追加します
PLAIN TEXT
HTML:




&amp;#60;a rel="lightbox" title="my caption" href="http://www.peacock-union.com/wp-content/rabi.jpg"&amp;#62;&amp;#60;img alt="TrendSetter" src="http://www.peacock-union.com/wp-content/rabi.thumbnail.jpg" /&amp;#62;&amp;#60;/a&amp;#62; 






表示サンプルは↓こんな感じ。title属性で指定した値（文字列）が画像のキャプションとして表示されます。


スライドショーライクな表示方法
前段4でリンクタグに挿入した rel="lightbox" を rel="lightbox[roadtrip]" に変更します。
PLAIN TEXT
CODE:




&amp;#60;a title="日本の妖怪その1" rel="lightbox[roadtrip]" href="http://www.peacock-union.com/wp-content/image_01.jpg"&amp;#62;&amp;#60;img alt="日本の妖怪その1" src="http://www.peacock-union.com/wp-content/image_01.thumbnail.jpg" /&amp;#62;&amp;#60;/a&amp;#62; &amp;#60;a title="日本の妖怪その2" rel="lightbox[roadtrip]" href="http://www.peacock-union.com/wp-content/image_02.jpg"&amp;#62;&amp;#60;img alt="日本の妖怪その2" src="http://www.peacock-union.com/wp-content/image_02.thumbnail.jpg" /&amp;#62;&amp;#60;/a&amp;#62; &amp;#60;a title="日本の妖怪その3" rel="lightbox[roadtrip]" href="http://www.peacock-union.com/wp-content/image_03.jpg"&amp;#62;&amp;#60;img alt="日本の妖怪その3" src="http://www.peacock-union.com/wp-content/image_03.thumbnail.jpg" /&amp;#62;&amp;#60;/a&amp;#62; &amp;#60;a title="日本の妖怪その4" rel="lightbox[roadtrip]" href="http://www.peacock-union.com/wp-content/image_04.jpg"&amp;#62;&amp;#60;img [...]</description>
			<content:encoded><![CDATA[<p> Lightbox は <a target="_blank" title="新しいウィンドウをひらきます" href="http://prototype.conio.net/">prototype.js</a> および <a target="_blank" title="新しいウィンドウをひらきます" href="http://script.aculo.us/">scriptaculous.js</a> の effect ライブラリを利用して、サムネイル画像クリック→大きなサイズの元画像表示の動作にエフェクトを加えて、画像をお洒落に表示する JavaScript。</p>
<blockquote>
<ul>
<li>配布元：<a title="新しいウィンドウをひらきます" target="_blank" href="http://www.huddletogether.com/projects/lightbox2/">Lightbox JS v2.0</a></li>
</ul>
</blockquote>
<h4>導入方法</h4>
<ol>
<li>lightbox.jsと、lightbox.cssのimagesファイルのパスを環境に合わせて適宜修正します。（各ファイルから見たimagesフォルダの場所を指定します。http://からフルパスで記入することも可。←間違いがない。）</li>
<li>ダウンロードして解凍したディレクトリ構成のまま、サーバのルートにアップロードします。（lightbox.jsと同じフォルダに<font size="-1">prototype.js、scriptaculous.js</font>、effect.jsが同梱されています。既にサーバにこれらファイルがある場合はアップロードの必要はありません）</li>
<li>HTMLファイルのheadに、次の記述を追加します<br />
<iframe width="90%" height="100" src="http://www.peacock-union.com/library/lightbox_01.htm">http://www.peacock-union.com/library/lightbox_01.htm</iframe><br />
スタイルシートへのリンクは、既存のスタイルシートがある場合、CSSファイルの冒頭行に@importを一行追加するなどの方法があると思います。<br />
<em style="color: #55