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

<channel>
	<title>Numb. &#187; WordPress</title>
	<atom:link href="http://wp.graphact.com/category/wordpress/feed/" rel="self" type="application/rss+xml" />
	<link>http://wp.graphact.com</link>
	<description></description>
	<lastBuildDate>Tue, 24 Jan 2012 08:17:59 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>wp-hatena 拡張版 1.2 リリースしました</title>
		<link>http://wp.graphact.com/2012/01/24/wp-hatena-1-2/</link>
		<comments>http://wp.graphact.com/2012/01/24/wp-hatena-1-2/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 08:17:59 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2599</guid>
		<description><![CDATA[wp-hatena 拡張版 1.2 リリースしました。 Pinterest に対応 プラグイン無効時にはオプションを削除せず、アンインストール時に削除するよう変更 Pinterest に対応したことに伴い、img_sam [...]]]></description>
			<content:encoded><![CDATA[<p>wp-hatena 拡張版 1.2 リリースしました。</p>
<ul>
<li>Pinterest に対応</li>
<li>プラグイン無効時にはオプションを削除せず、アンインストール時に削除するよう変更</li>
</ul>
<p>Pinterest に対応したことに伴い、img_sample 内に pinterest.gif を追加しています。<br />
ご利用の際は、pinterest.gif をサーバーの /wp-content/plugins/wp-hatena/img/ 内に入れてください。</p>
<p>ダウンロードはこちらからお願いします :)<br />
<a href="http://wppluginsj.sourceforge.jp/wp-hatena-extended/" target="_blank">WordPress Plugins/JSeries » wp-hatena 拡張版</a></p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2012/01/24/wp-hatena-1-2/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>2011 年も残すところ 1 時間</title>
		<link>http://wp.graphact.com/2011/12/31/2011/</link>
		<comments>http://wp.graphact.com/2011/12/31/2011/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 14:27:36 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2466</guid>
		<description><![CDATA[2011 年もあと少しで終わりですね。 私個人としては多くの経験を積めた年でした。 WordPress 今まであまりオフラインではイベントに参加していなかった私ですが、今年は勇気を振り絞って参加したのが大きかったです。オ [...]]]></description>
			<content:encoded><![CDATA[<p>2011 年もあと少しで終わりですね。<br />
私個人としては多くの経験を積めた年でした。<span id="more-2466"></span></p>
<h2>WordPress</h2>
<p>今まであまりオフラインではイベントに参加していなかった私ですが、今年は勇気を振り絞って参加したのが大きかったです。オフラインでコミュニティに参加することの楽しさを感じました。</p>
<p>お会いできた方の中には、ネットでは 6 年ぐらいやりとりのあった方も。オフラインでお会いするのがはじめてでも、不思議と「ずっと前から知っていた」という感じで、お会いできたこと自体とても嬉しかったです :)</p>
<p>勉強会・懇親会に参加することは、人脈や知識を得ることができるのもメリットですが、そんなこと抜きに参加することそのものが楽しい！これにつきます。<br />
来年も積極的に参加していきたいなあと思います！</p>
<p>このブログは仕事とは別に捉えて気まぐれに書いているのですが、WordPress コミュニティで出会った人が仕事に関する人とかぶっていたり、つながりがおもしろかったです。世の中は狭いものだなぁと思ったり。</p>
<h2>カメラ</h2>
<p>デジタル一眼の E-P2 を購入して、下手ながらに写真をたくさん撮るようになりました。これも大きかった！最近は単焦点レンズがお気に入りです :)</p>
<p>購入する際はかなり迷ったのですが、イベントに行く際 PC と一緒に持っていくことが多かったので、比較的軽いマイクロフォーサーズにして良かったなと思っています。</p>
<h2>仕事</h2>
<p>仕事は難しいことも色々ありましたが、やりがいのあることばかりで経験値をあげれる年だったと思います。好きな言葉を 2 つ。</p>
<p>職業というのは本来愛のある行為であるべきなんだ。便宜的な結婚みたいなものじゃなくて。<br />
（村上春樹）</p>
<p>私のクライアントはいつも自分自身だった。私はずっと自分を喜ばせるために働いてきたんだ。<br />
（ウィレム・サンドベルフ Willem Sandberg）</p>
<p>人それぞれ違うとは思うのですが、私はこういうタイプで。やっぱり私はこの仕事が好きだし、この仕事ができていて、趣味でやっていたブログも仕事につながって、本当に幸せだなと思います。</p>
<p>ではでは、来年ものんびり続けていこうと思いますので、どうぞよろしくお願いいたします！</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/12/31/2011/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WordBench TOKYO &amp; WordCamp TOKYO 2011 に行ってきました</title>
		<link>http://wp.graphact.com/2011/11/29/wordbench-tokyo-wordcamp-tokyo-2011/</link>
		<comments>http://wp.graphact.com/2011/11/29/wordbench-tokyo-wordcamp-tokyo-2011/#comments</comments>
		<pubDate>Mon, 28 Nov 2011 19:10:42 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WordBench]]></category>
		<category><![CDATA[WordCamp]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2352</guid>
		<description><![CDATA[@Isaki さん作の、わぷー！ 2011/11/26（土）に WordBench TOKYO、11/27（日）に WordCamp TOKYO に参加してきました。WordCamp はスタッフをしていたのもあり写真があ [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt04.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br /><a href="https://twitter.com/#!/isaki" target="_blank">@Isaki</a> さん作の、わぷー！</p>
<p>2011/11/26（土）に WordBench TOKYO、11/27（日）に WordCamp TOKYO に参加してきました。WordCamp はスタッフをしていたのもあり写真があまりないのですが、WordBench のほうではパシャパシャしてきたので何枚か載せます :)<span id="more-2352"></span><br />
<h2>WordBench TOKYO</h2>
<p>朝 WordCamp TOKYO のお手伝いに楽天タワーへ。その後 WordBench TOKYO 会場へ行く組に同行しました。KDDI さんのビル綺麗でした！</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt01.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br />WordBench TOKYO の前日にお子さんが産まれた、おでさんのセッション。</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt02.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br />会場入り口（受付前）、まがりんがポーズとってくれましたｗ</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt03.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br />うえぶるじょんさんセッション中の会場の様子。満員です。</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt06.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br />みんな真剣に聞いていました。</p>
<p>この日、6 年越しで WordPress ユーザーとして交流のあったひろまささんといさきさんとお会いすることができました。念願の初対面で、とても嬉しかったです！</p>
<p>懇親会もたくさんの方が参加しており和気藹々とても楽しかったです。WordCamp KOBE でお会いした方もいらっしゃっていたり。二次会では鹿児島からいらっしゃっていた <a href="https://twitter.com/#!/marushu" target="_blank">@marushu</a> さんや <a href="https://twitter.com/#!/d_dp_p" target="_blank">@d_dp_p</a> さんとたくさん話すことができました。鹿児島での開催、期待してます！</p>
<h2>WordCamp TOKYO 2011</h2>
<p>実はスタッフ申し込みに間に合わなかったのですが、直前にスタッフが足りないと聞き急遽スタッフ参加しました。</p>
<p>朝イチ受付だったのですが、開場の 9:15～最初のセッションあたりでもう 300 人くらいの入場と伺いました。楽天タワーに入る際にはゲストカードの着用が必須だったので、朝はそれを渡していく係をしていました。その際、WordCamp KOBE で友達になった方とも会えました :)</p>
<p>セッションはあまり聞くことができなかったのですが、裏方も楽しかったです。ランチ配布中にスピーカーの方を間近で見てドキドキしたりしましたｗ セッションのほうは Ust も公開されるようなので、スライドとあわせて見ようと思います。</p>
<p>スタッフの中でもリーダークラスの方は一日中受け付けにいたり、本当に大変だったのではと思います。スタッフのみなさんお疲れ様でした＆ありがとうございました！</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbc01.jpg" alt="" title="" width="600" height="600" class="aligncenter" /><br />
懇親会に登場した、わぷーケーキ！</p>
<p>かなり再現度高いわぷーが描かれていました。見た目だけじゃなく味も美味しかったです。</p>
<h3>6 年越し</h3>
<p>この日は、<a href="https://twitter.com/#!/aka_aus_pd" target="_blank">@aka_aus_pd</a> さんともお会いできました。昨日に引き続き aka さんも 6 年越しでやっと初対面で、お会いできて本当に嬉しかった！みんな偶然 WordPress に手を伸ばして、初期からユーザーでお互いを知っていて、こうして実際会えたのは感慨深かったです。お会いしたときは感動しました。</p>
<style type='text/css'>.bbpBox{background:url(http://a2.twimg.com/profile_background_images/335003322/5214246837_3a3b440798_b.jpg) #EBEBEB;padding:20px;}</style>
<div id='tweet_140623427957567490' class='bbpBox' style='background:url(http://a2.twimg.com/profile_background_images/335003322/5214246837_3a3b440798_b.jpg) #EBEBEB;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'>遠距離恋愛をしている恋人と漸く遇えたような、そんな感じ。 RT <a href="http://twitter.com/Isaki" target="_new">@Isaki</a>: 6年越しの初対面、 <a href="http://twitter.com/hiromasa" target="_new">@hiromasa</a> さんと <a href="http://twitter.com/aka_aus_pd" target="_new">@aka_aus_pd</a> さんと <a href="http://twitter.com/hibiki443" target="_new">@hibiki443</a> さん。感無量です。<span class='timestamp' style='font-size:12px;display:block;'><a title='Sun Nov 27 02:50:12 ' href='http://twitter.com/aka_aus_pd/status/140623427957567490'>Sun Nov 27 02:50:12 </a> via <a href="http://www.movatwi.jp" rel="nofollow">モバツイ / www.movatwi.jp</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/aka_aus_pd'><img src='http://a1.twimg.com/profile_images/1501868979/CA390280_normal.jpg' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/aka_aus_pd'>aka aus Cothodyntomo</a></strong><br/>aka_aus_pd</span></span></p>
</div>
<p>まさに、こんな感じでした。</p>
<h3>二次会</h3>
<p>撤収作業後スタッフ打ち上げがあったようなのですが、私は 6 年越し組＋初対面のお二人に合流しました。カメラを出したところ向かいに座っていた方が焼きそばの皿を片手にポーズをとってくださったんですが、解散した後にそれが PukiWiki の yu-ji さんだったと知りました。あんなポーズ取らせてすみません…！</p>
<p style="text-align:center;"><img src="http://wp.graphact.com/wp-content/uploads/2011/11/wbt05.jpg" alt="" title="" width="600" height="450" class="aligncenter size-full" /><br />その席で撮ったわぷー。しっぽがなんと可動式！</p>
<h3>@wctokyo わぷー</h3>
<p>今回は Twitter で <a href="https://twitter.com/#!/wctokyo" target="_blank">@wctokyo</a> のわぷーが大活躍でした。いいキャラなのでいくつかツイートを紹介して終わります。</p>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;}</style>
<div id='tweet_140234468878319620' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'>みんな、わぷーに幻想持ちすぎだよね。僕も、その幻想に答えられるように頑張るよ！応援してね、お約束だよ。<span class='timestamp' style='font-size:12px;display:block;'><a title='Sat Nov 26 01:04:37 ' href='http://twitter.com/wctokyo/status/140234468878319620'>Sat Nov 26 01:04:37 </a> via <a href="http://ubersocial.com" rel="nofollow">UberSocial for BlackBerry</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/wctokyo'><img src='http://a0.twimg.com/profile_images/1603967879/wapuu-kaminarimon_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/wctokyo'>WordCamp Tokyo</a></strong><br/>wctokyo</span></span></p>
</div>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;}</style>
<div id='tweet_140384472028819460' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'>もつ鍋旨いよー。 <a href='http://t.co/2HJAFAwC' target='_new'>http://t.co/2HJAFAwC</a><span class='timestamp' style='font-size:12px;display:block;'><a title='Sat Nov 26 11:00:41 ' href='http://twitter.com/wctokyo/status/140384472028819460'>Sat Nov 26 11:00:41 </a> via <a href="http://yabm.in/" rel="nofollow">yabmin</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/wctokyo'><img src='http://a0.twimg.com/profile_images/1603967879/wapuu-kaminarimon_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/wctokyo'>WordCamp Tokyo</a></strong><br/>wctokyo</span></span></p>
</div>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;}</style>
<div id='tweet_140812960082829310' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'>みんな楽しんでくれた？僕は、みんなが楽しんだとかどうでも良いけど楽しかったよ！ありがとう！ <a href="http://search.twitter.com/search?q=%23wctokyo" target="_new">#wctokyo</a><span class='timestamp' style='font-size:12px;display:block;'><a title='Sun Nov 27 15:23:20 ' href='http://twitter.com/wctokyo/status/140812960082829310'>Sun Nov 27 15:23:20 </a> via <a href="http://ubersocial.com" rel="nofollow">UberSocial for BlackBerry</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/wctokyo'><img src='http://a0.twimg.com/profile_images/1603967879/wapuu-kaminarimon_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/wctokyo'>WordCamp Tokyo</a></strong><br/>wctokyo</span></span></p>
</div>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;}</style>
<div id='tweet_140988870757056510' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme15/bg.png) #022330;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'>僕たちの WordCamp は終わらない！雷門わぷー先生の次回作にご期待ください！<span class='timestamp' style='font-size:12px;display:block;'><a title='Mon Nov 28 03:02:20 ' href='http://twitter.com/wctokyo/status/140988870757056510'>Mon Nov 28 03:02:20 </a> via web</span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/wctokyo'><img src='http://a0.twimg.com/profile_images/1603967879/wapuu-kaminarimon_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/wctokyo'>WordCamp Tokyo</a></strong><br/>wctokyo</span></span></p>
</div>
<p>参加した方々、スタッフの方々、お疲れ様でした！<br />
全ては書ききれないのですが、たくさんの出会いがありました。今回も楽しかったー :)</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/11/29/wordbench-tokyo-wordcamp-tokyo-2011/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>wp-hatena 拡張版 1.1 リリースしました</title>
		<link>http://wp.graphact.com/2011/11/11/wp-hatena1-1/</link>
		<comments>http://wp.graphact.com/2011/11/11/wp-hatena1-1/#comments</comments>
		<pubDate>Fri, 11 Nov 2011 03:14:57 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2250</guid>
		<description><![CDATA[今まで wp-hatena 拡張版は各エントリ（単体ページ）での利用を想定していたのですが、それ以外のページでも使えるように調整しました。 具体的には、単体ページ以外でも mixi チェックのボタンがきちんと動作するよう [...]]]></description>
			<content:encoded><![CDATA[<p>今まで wp-hatena 拡張版は各エントリ（単体ページ）での利用を想定していたのですが、それ以外のページでも使えるように調整しました。</p>
<p>具体的には、単体ページ以外でも mixi チェックのボタンがきちんと動作するように修正しました（thanks <a href="https://twitter.com/takenao">@takenao</a> さん！）。</p>
<p>DL：<a href="http://wppluginsj.sourceforge.jp/wp-hatena-extended/">WordPress Plugins/JSeries » wp-hatena 拡張版</a><span id="more-2250"></span></p>
<h2>単体ページ以外での使用方法</h2>
<p>とりあえず、詳しいことはいいから表示させたいよ！という方は以下のようにしてみてください。<br />
※wp-hatena は表示させたい場所にコードを書いておくことで使うタイプのプラグインです。</p>
<h3>新しいコード</h3>
<p>単体ページ以外にも表示させたい場合はこちらを。面倒だったら単体ページもこちらで大丈夫です。</p>
<pre class="brush: php; auto-links: false;">
&lt;?php global $wph; if(isset($wph)) {
    $wph-&gt;addhatena();  //表示させたいものを記述
}?&gt;
</pre>
<p>よく分からなければ、こちらのほうで書いておけば間違いないです。</p>
<h3>今までのコード</h3>
<p>今後も単体ページではこのままのコードで表示できますので、今まで表示できてたページは変更不要です。</p>
<pre class="brush: php; auto-links: false;">
&lt;?php if(isset($wph)) {
    $wph-&gt;addhatena();  //表示させたいものを記述
}?&gt;
</pre>
<h2>経緯</h2>
<h3>事の発端</h3>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #DDA0DD;padding:20px;}</style>
<div id='tweet_134127029833580540' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #DDA0DD;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'><a href="http://twitter.com/odyssey" target="_new">@odyssey</a> 拡張版を使っていて、タグというか、指定されたphpのコードを追加したのに、表示されないんです。。category.phpに入れたいのですが、それがまずいのかなぁ・・・と。すでに稼働中のサイトなので、あまり大胆にデバグすることもできず・・・。<span class='timestamp' style='font-size:12px;display:block;'><a title='Wed Nov 09 04:35:50 ' href='http://twitter.com/takenao/status/134127029833580540'>Wed Nov 09 04:35:50 </a> via <a href="http://twipple.jp/" rel="nofollow">ついっぷる/twipple</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/takenao'><img src='http://a0.twimg.com/profile_images/365506691/maru_normal.jpg' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/takenao'>Take　Nao</a></strong><br/>takenao</span></span></p>
</div>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #35a3f2;padding:20px;}</style>
<div id='tweet_134127815074385920' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #35a3f2;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'><a href="http://twitter.com/takenao" target="_new">@takenao</a> うえつんが loop ファイルの中だと使えない、とか書いてましたが、その関係でしょうか…。 <a href='http://t.co/cQYiSxT3' target='_new'>http://t.co/cQYiSxT3</a> include されるほうのファイルに書いてもうまく動かないようですね。<span class='timestamp' style='font-size:12px;display:block;'><a title='Wed Nov 09 04:38:57 ' href='http://twitter.com/odyssey/status/134127815074385920'>Wed Nov 09 04:38:57 </a> via <a href="http://sourceforge.jp/projects/tween/wiki/FrontPage" rel="nofollow">Tween</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/odyssey'><img src='http://a3.twimg.com/profile_images/1615651236/pero96x96xmas2010v2_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/odyssey'>Odyssey / おで</a></strong><br/>odyssey</span></span></p>
</div>
<p>むむむ、動かないらしい。なんでだろう。loop 内だとダメなのかな？エントリ個別ページで表示することしか想定していなかったけれど、それ以外でも使えるならそれにこしたことはないな～、ということで調べてみると、以下のようなことが分かりました。</p>
<ul>
<li>wp-hatena.css は読み込まれている。→コンストラクタは動いてる（＝プラグインはちゃんと読み込まれて動いてる）</li>
<li>if(isset&#8230; のところは、「$wph という変数があったら、この中身実行してね」という意味なのですが、そこから先が読み込めてない。変数 $wph が見当たらない状態になってる様子。</li>
</ul>
<h3>wp-hatena の仕組み</h3>
<p>WordPress のプラグインは、プラグインを WordPress 本体に引っ張る hook を使っているものがほとんどです。（参考：<a href="http://wpdocs.sourceforge.jp/%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3_API#.E3.83.95.E3.83.83.E3.82.AF.E3.80.81.E3.82.A2.E3.82.AF.E3.82.B7.E3.83.A7.E3.83.B3.E3.81.A8.E3.83.95.E3.82.A3.E3.83.AB.E3.82.BF">プラグイン API &#8211; WordPress Codex 日本語版</a>）<br />
ですが、wp-hatena はメイン機能（ブックマークボタン等を表示する機能）で hook を使っていません。※拡張版では css, js の読み込みにちらっと使っています。</p>
<p>理由をwp-hatena 本家作者ひろまささんの記事から引用すると…</p>
<div class="quote">
<blockquote cite="http://zone.maple4ever.net/blog/archives/443/"><p>作った当初は、自動でタイトルの横に入ればいいな～なんて考えていたのですが、冷静に考えると自由な場所に入れられたほうが便利だな、と考え今の形（使う方にテーマから呼び出してもらう）になっています。</p></blockquote>
<p><cite>『<a href="http://zone.maple4ever.net/blog/archives/443/">hiromasa.zone :o) » wp-hatena にみるプラグインの作成方 – 前編 -</a>』より引用</cite>
</div>
<p>自動でソーシャルブックマークのボタンを挿入してしまうより、自分が好みの場所にコードを書いて使う方が便利じゃないかなーという、ことですね。</p>
<p>つまり、function.php などにソーシャルブックマークボタンを呼び出すためのオレオレ関数を作っておくぜ！ということの延長にあるタイプのプラグインということです。</p>
<p>function.php に書くことに比べると wp-hatena を使うほうが手軽に色々できますが、基本は同じ「変数を用意しておく」「それをテンプレート内で呼び出す」という二段階。</p>
<h3>$wph を参照できるように</h3>
<p>話は戻って…。変数 $wph が見つからない状態になっているようだったので、これをなんとかすればいけるはず、と考えました。</p>
<p>wp-hatena プラグインの一番最後で、$wph = &#038; new WpHatena(); として、クラス WpHatena のオブジェクトを生成して変数 $wph に入れているので、それをもう一度書いてあげれば動くんじゃないかなーと思い、以下のようにして試してみました。</p>
<pre class="brush: php; auto-links: false;">
&lt;?php $wph = &amp; new WpHatena();
if(isset($wph)) {
    $wph-&gt;addhatena();  //表示させたいものを記述
}?&gt;
</pre>
<p>動いたー！とりあえず、こうすれば動きますーとツイッターでお返事をしていたところ、まがりんから以下のようなツイートが。</p>
<style type='text/css'>.bbpBox{background:url(http://a2.twimg.com/profile_background_images/61323914/bg_tw.png) #ffae00;padding:20px;}</style>
<div id='tweet_134228152070311940' class='bbpBox' style='background:url(http://a2.twimg.com/profile_background_images/61323914/bg_tw.png) #ffae00;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'><a href="http://twitter.com/hibiki443" target="_new">@hibiki443</a> <a href="http://twitter.com/takenao" target="_new">@takenao</a> <a href="http://twitter.com/uetsuhara" target="_new">@uetsuhara</a> <a href="http://twitter.com/odyssey" target="_new">@odyssey</a> content.phpとかだったら、global宣言で解決するかも。<span class='timestamp' style='font-size:12px;display:block;'><a title='Wed Nov 09 11:17:39 ' href='http://twitter.com/jim0912/status/134228152070311940'>Wed Nov 09 11:17:39 </a> via <a href="http://sourceforge.jp/projects/tween/wiki/FrontPage" rel="nofollow">Tween</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/jim0912'><img src='http://a2.twimg.com/profile_images/1570959634/s_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/jim0912'>hitoshi omagari</a></strong><br/>jim0912</span></span></p>
</div>
<p>global 宣言でいけるかもとのことなので、引き続き調べてみました。</p>
<h3>根本的な原因と、WordPress テンプレートの流れ</h3>
<p>まずは、PHP の変数について。</p>
<ul>
<li>変数は「その変数を参照することができる範囲」が決まっている。この範囲＝スコープ。関数内＝1 スコープ。</li>
<li>普通は、関数の外からは関数の中の変数は参照できない（見つけられない）、関数の中からは関数の外の変数は参照できない。</li>
<li>関数外の変数（グローバル変数）を参照したい場合は宣言が必要（グローバル宣言）</li>
</ul>
<p>動かなかった原因は WordPress のテンプレートを読み込む仕組みに沿った呼び出し方をしてなかったからでした。<br />
WordPress のテンプレートは大きく分けて 2 つ。</p>
<ol>
<li>一番外側、外枠の指定のあるテンプレート、index.php や page.php など。これらは一番上のスコープ（グローバルスコープ）で処理され、プラグインで指定した変数や function.php で指定した変数をそのまま呼び出すことが出来る。</li>
<li>他のテンプレートから呼び出されるパーツ的なテンプレート、loop.php など。これはそれぞれ呼び出される時に使った関数内で実行されるので、1 とは違うスコープになる。違うスコープの場合、そのままではプラグインで指定した変数などの変数を呼び出すことができない。</li>
</ol>
<p>テンプレートは全部同じスコープにあるー、と、深く考えずぼんやり思っていました…。</p>
<p>違うスコープにあるから変数を見つけられない、ということなので「違うスコープの変数を参照したいよ！」とグローバル宣言をすることで解決できるということに。表示させたいテンプレート内で 1 度、global $wph; としてグローバル宣言してあげれば OK。</p>
<pre class="brush: php; auto-links: false;">
&lt;?php global $wph;  //グローバル宣言で $wph を参照できるように
if(isset($wph)) {
    $wph-&gt;addhatena();  //表示させたいものを記述
}?&gt;
</pre>
<p>これで表示できるように（この記事の最初のほうで書いたコードと同じです）。そのスコープで 1 回グローバル宣言してあれば良いので、例えば、記事の最初と終わりの二カ所に表示させたい場合、二番目のほうは global $wph; を書かなくても大丈夫です。</p>
<p>とはいえ、記述するコードが変わると使い勝手が落ちますし、2 回グローバル宣言を書いても問題はないかなと思うので、いつも書いてもらう形にしておけば間違いなくて良いかなー。</p>
<h2>〆</h2>
<p>こうやってちょっとずつプラグインが育っていくのだなぁ、と思いました。「よく分からないけれど、こうすれば解決する」という段階から、「原因が分かったうえで、解決方法を出せる」という段階にいけると、「そうだったのかー！」とちらばっていた事柄がつながって楽しいですね。</p>
<p>実は途中、global $wph; を &lt;?php の外に書いていることに気がつかず、しばらく遠い目になったのですが…</p>
<style type='text/css'>.bbpBox{background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #35a3f2;padding:20px;}</style>
<div id='tweet_134264805837127680' class='bbpBox' style='background:url(http://a0.twimg.com/images/themes/theme1/bg.png) #35a3f2;padding:20px;'>
<p class='bbpTweet' style='background:#fff;padding:10px 12px 10px 12px;margin:0;min-height:48px;color:#000;font-size:16px !important;line-height:22px;-moz-border-radius:5px;-webkit-border-radius:5px;'><a href="http://twitter.com/hibiki443" target="_new">@hibiki443</a> <a href="http://twitter.com/takenao" target="_new">@takenao</a> <a href="http://twitter.com/jim0912" target="_new">@jim0912</a> <a href="http://twitter.com/uetsuhara" target="_new">@uetsuhara</a> 諦めたらそこで試合終了だよ(・×・)<span class='timestamp' style='font-size:12px;display:block;'><a title='Wed Nov 09 13:43:18 ' href='http://twitter.com/odyssey/status/134264805837127680'>Wed Nov 09 13:43:18 </a> via <a href="http://sourceforge.jp/projects/tween/wiki/FrontPage" rel="nofollow">Tween</a></span><span class='metadata' style='display:block;width:100%;clear:both;margin-top:8px;padding-top:12px;height:40px;border-top:1px solid #fff;border-top:1px solid #e6e6e6;'><span class='author' style='line-height:19px;'><a href='http://twitter.com/odyssey'><img src='http://a3.twimg.com/profile_images/1615651236/pero96x96xmas2010v2_normal.png' style='float:left;margin:0 7px 0 0px;width:38px;height:38px;' /></a><strong><a href='http://twitter.com/odyssey'>Odyssey / おで</a></strong><br/>odyssey</span></span></p>
</div>
<p>このツイートを見て、やり遂げなくてはー、と思いましたｗ かなり悩んだのに、しょぼしょぼなケアレスミスでした…T T</p>
<p>アドバイスくださった<a href="https://twitter.com/jim0912">まがりん</a>、記事にもまとめてくださっていた<a href="https://twitter.com/uetsuhara">うえつん</a>、応援してくださった<a href="https://twitter.com/odyssey">おでさん</a>、キッカケをくださった<a href="https://twitter.com/takenao">takenaoさん</a>、どうもありがとうございました！</p>
<p>長くなってしまいましたが、挿入したい場所に wp-hatena のコードを書いても表示できない状態だった方、よろしければお試しください :)</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/11/11/wp-hatena1-1/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>WordCamp KOBE 2011 に行ってきました！</title>
		<link>http://wp.graphact.com/2011/09/13/wordcamp-kobe-2011/</link>
		<comments>http://wp.graphact.com/2011/09/13/wordcamp-kobe-2011/#comments</comments>
		<pubDate>Mon, 12 Sep 2011 15:05:50 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2153</guid>
		<description><![CDATA[前日に仲良くなった YUKI さんと三宮で待ち合わせて一緒に向かいました。待ち合わせ場所が分からず、早速遅れる私… YUKI さんごめんなさい； 学園都市について、朝ご飯がまだだったので「腹が減っては戦ができない！」と朝 [...]]]></description>
			<content:encoded><![CDATA[<p>前日に仲良くなった YUKI さんと三宮で待ち合わせて一緒に向かいました。待ち合わせ場所が分からず、早速遅れる私… YUKI さんごめんなさい；</p>
<p>学園都市について、朝ご飯がまだだったので「腹が減っては戦ができない！」と朝マック。<br />
<a href="http://kobe2011.wordcamp.jp/2011/08/10/access/">WordCamp KOBE 2011 会場までの道順のご案内</a>を見て道順をチェックしながら向かいました。これは画像付きでとても分かりやすかったです。こういうのって大事だな～と思いました。</p>
<p><span id="more-2153"></span>日差しがジリジリと真夏のようで、眉毛が消えていく予感を感じつつ案内の通りに進むと、こんなカワイイ看板が見えてきました。</p>
<p><!-- img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110314.jpg" alt="" title="WordCamp KOBE 2011 看板" width="600" height="450" class="aligncenter size-full wp-image-2155" / --></p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P91103141.jpg" alt="" title="WordCamp KOBE 2011 神戸芸術工科大学" width="600" height="450" class="aligncenter size-full wp-image-2191" /></p>
<p>おー！ここだー、と中へ進むとキリンがｗ 卒業制作の作品らしい？です。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110322.jpg" alt="" title="WordCamp KOBE 2011 キリン" width="450" height="600" class="aligncenter size-full wp-image-2156" /></p>
<p>あちこちに細かく案内があって、迷うことは全然なかったです。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110323.jpg" alt="" title="WordCamp KOBE 2011 受付案内" width="600" height="450" class="aligncenter size-full wp-image-2157" /></p>
<p>パンフレット等は机に並べてあり、自分で必要な物を袋に詰める方式。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110324.jpg" alt="" title="WordCamp KOBE 2011 パンフレット等" width="600" height="450" class="aligncenter size-full wp-image-2158" /></p>
<p>わぷーのステッカー発見！</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110325.jpg" alt="" title="WordCamp KOBE 2011 wapuu" width="600" height="450" class="aligncenter size-full wp-image-2159" /></p>
<p>WordPress ロゴのものも。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110326.jpg" alt="" title="WordCamp KOBE 2011 W ステッカー" width="600" height="450" class="aligncenter size-full wp-image-2160" /></p>
<p>IIJ さんのところでは、わぷーのマグカップを名刺と交換で配っておりゲット。欲しかったので嬉しかったです！</p>
<h2>アンカンファレンス</h2>
<p>アンカンファレンスは「プラグイン開発」がテーマのところへ YUKI さんと一緒に参加しました。確認画面のないフォームプラグイン作者の<a href="https://twitter.com/#!/takayukister">三好さん</a>と、確認画面のあるフォームプラグイン作者の<a href="https://twitter.com/#!/horike37">堀家さん</a>を中心に色々お話を伺いました。</p>
<p>アンカンファレンスで一緒の場所にいたカワイイ女の子<a href="https://twitter.com/#!/pan__ichi">panichiさん</a>と<a href="https://twitter.com/#!/kana_f_h_p">カナさん</a>と一緒に、お昼は四人で駅前ケンタへ！</p>
<p>ケンタで真面目にお仕事の話などもしつつ、和気藹々と楽しかったです :)</p>
<h2>いよいよ開始！</h2>
<p>直子さんによる、WordPress の最新事情。アンカンファレンスの時より増えて、もう満員！</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9110344.jpg" alt="" title="WordCamp KOBE 2011 WordPress の最新事情" width="600" height="450" class="aligncenter size-full wp-image-2161" /></p>
<p>CMS 内での WordPress シェアは今年 9 月現在 56.6% とのこと。数字で見ると WordPress 凄いなあと改めて感じますね。WordPress への協力、「あなたも参加してみませんか？」というところで、「楽しそうだな～」と思ったんですが、そういうところが WordPress の良いところだと思います！</p>
<p>実はこの時点でカメラのレンズキャップを紛失。スタッフの方に見つけたら取っておいてください、とお願いしました。速攻紛失してる自分に、もービックリでした…</p>
<h2>セッション</h2>
<p>Designer’s Cafe は大人気で常時、人が教室の外に溢れているように見えました。</p>
<p>私はほとんど Developer’s Cafe にいたんですが、最初は IE6 しか動かない状態だったようでスピーカーの方は大変そうでした。スライドを出せずにトークのみで頑張ってらっしゃった堀家さんは凄かった！</p>
<p>セッションは部屋が暗かったことと私の写真の腕のなさが重なり、ションボリ画質なので小さめにダイジェストで。</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/session.jpg" alt="" title="WordCamp KOBE 2011 session" width="600" height="450" class="aligncenter size-full wp-image-2173" /></p>
<p>WiMAX は入らないかもしれないと覚悟していたんですが、ギリギリ電波が入ってなんとかノート PC をネットにつなげて使えました。セッション内容はメモを取りながら聞いていたのですが、スライド内容や発言内容の全てが大事に思えて、全てメモを取ろうとしてしまい間に合わなーいーという状態に。公開されたスライドとメモをあわせて復習しようと思います。</p>
<p>セッション内容はどれもおもしろく興味深い物でした。同時間帯に行われているセッションで他にも見たいものがたくさんあったので、それは公開されるスライドを見たりしようと思ってます。</p>
<h2>終わったあと</h2>
<p>閉会直前に、カメラのレンズキャップがあったということでスタッフの方が持ってきてくださいました。見つからないかもなあと思っていたのですが、とても綺麗な状態で戻ってきて嬉しかったです。その節はスタッフの方、拾ってくださった方、ありがとうございました！</p>
<p>YUKI さんは懇親会に出ずに帰られるということだったので、ぜひぜひ、と一緒に写真を撮りました。わーっと集まって 6 人くらいで撮ったんですが、他の方々も顔がバッチリ写っているため載せないでおきます。でもでも、良い記念になりました！</p>
<h2>懇親会</h2>
<p>飲んだり食べたりに必死であったことと、酔いも回って写真撮るのを忘れました！！すみません…！<br />
<a href="http://bloggingfrom.tv/wp/">カイさん</a>の書かれた Android 本をゲットしたり、たくさんの方と名刺交換できたり、カナさんと再会できたり、もう本当に楽しかったです。</p>
<p>二次会で仲良くなれた方もいて。今後も今回出会った方々と仲良くしていけたら嬉しいな～と思ってます :)</p>
<h2>おまけ 1. 真夜中</h2>
<p>真夜中に目が覚めていろいろな方の WordCamp レポートを読んでいるうちにテンションが上がり、よーし私も記事書こう、と思ったのですが Eye-Fi 設定を MacBookAir にしてなかったのでどうにもカメラから写真が出せず。</p>
<p>諦めて WordPress の管理画面からテーマの更新がきていたのでポチッとやったところ、トップページが真っ白になり夜中にホテルで一人テンプレート修正をするハメに…。昨日・今日で名刺をたくさん交換して、見てくださる方もいらっしゃるかもしれないのにーと必死で直しました。割と簡単に修正できたので良かった～。</p>
<h2>おまけ 2. 翌日</h2>
<p>帰路につく前に、まがりんたちが「突撃隣のデジタルキューブ」をするということなので、私も同行させていただきました。</p>
<p>そこで <a href="http://tekapo.com/">Tai さん</a>にお会いできて、本当に嬉しかったです！WordPress ME 時代、まだユーザが少なかった頃から Tai さんのブログはよく参考にさせていただいていたので、緊張しつつもお会いできて幸せでした。せっかくお会いできたのに名刺がもう切れてしまっていて渡すことができず…＞＜。次の機会には絶対またご挨拶に伺いたいと思います！</p>
<p>デジタルキューブさんのオフィスでバランスボールを抱えるわぷー風まがりんｗ</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P91203921.jpg" alt="" title="わぷー風まがりん" width="600" height="450" class="aligncenter size-full wp-image-2169" /></p>
<p>最後、三宮に戻り明石焼きを。おいしかったです :)</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9120401.jpg" alt="" title="明石焼き" width="600" height="450" class="aligncenter size-full wp-image-2162" /></p>
<p>はじめて WordPress のイベントで遠くまで行きましたが、とても楽しい旅でした。同業種の方とも沢山交流できて刺激もありました。また今日から仕事頑張ろうと思います！</p>
<p>今回お会いした方々、みなさん本当にありがとうございました！また次の機会にお会いできることを楽しみにしてます！</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/09/13/wordcamp-kobe-2011/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>WebAttend 2011 に参加しました</title>
		<link>http://wp.graphact.com/2011/09/12/webattend2011/</link>
		<comments>http://wp.graphact.com/2011/09/12/webattend2011/#comments</comments>
		<pubDate>Mon, 12 Sep 2011 12:11:06 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WebCreate]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2142</guid>
		<description><![CDATA[WordCamp KOBE の前日である 9/10 に、WebAttend 2011 が大阪であるということで参加してきました！Web 業界に関わる・もしくは興味のある方が集まる異業種交流会で、かなりたくさんの方が参加な [...]]]></description>
			<content:encoded><![CDATA[<p>WordCamp KOBE の前日である 9/10 に、<a href="http://atnd.org/events/18203">WebAttend 2011</a> が大阪であるということで参加してきました！Web 業界に関わる・もしくは興味のある方が集まる異業種交流会で、かなりたくさんの方が参加なさってました。</p>
<p>当日は東京で<a href="https://twitter.com/#!/jim0912">まがりん</a>と PS のみなさんと合流、新幹線で大阪へ。一旦三宮まで行きホテルに荷物を置いて再度合流、大阪へ。</p>
<p>私はとても方向音痴なのではぐれたら終わりだと思い、今回の神戸ではまがりんと PS のみなさんからはぐれないよう気をつけて行動してました。（みなさんありがとうございました！）</p>
<p><span id="more-2142"></span>途中、梅田のヨドバシで <a href="https://twitter.com/#!/yuki930">YUKI さん</a>と合流して WebAttend 2011 会場へ。以前から YUKI さんのブログをよく拝見していたので、「本物だー！！」とテンションがうなぎ登りでしたｗ</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9100305.jpg" alt="" title="WebAttend 2011" width="450" height="600" class="aligncenter size-full wp-image-2144" /></p>
<p>入り口はこんな感じの、手書きのボードがありました :)</p>
<p><img src="http://wp.graphact.com/wp-content/uploads/2011/09/P9100308.jpg" alt="" title="WebAttend 2011 会場内" width="600" height="450" class="aligncenter size-full wp-image-2145" /></p>
<p>受付を済ませ、しばらくすると人・人・人…本当にすごい人数に！</p>
<p>YUKI さんと二人スタダでゴハンをゲットして mgmg し、その後はいろいろな方と名刺交換やご挨拶を。想像よりも沢山の方と名刺交換したため最後は名刺が切れてしまい残念なことに…。</p>
<p>「明日の WordCamp 行かれるんですか？」「はい！」という会話があちこちであって、翌日の WordCamp への期待もふくらんだり。あんなに大人数の方々と一気に交流できることって中々ないので、とても良い経験でした。</p>
<p>あれだけ規模が大きかったのに問題もなくスムーズに進み、素敵な交流会でした。主催のみなさま、ありがとうございました！</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/09/12/webattend2011/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wp-hatena 拡張版 1.0 リリース</title>
		<link>http://wp.graphact.com/2011/08/18/wp-hatena-extended1-0/</link>
		<comments>http://wp.graphact.com/2011/08/18/wp-hatena-extended1-0/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 13:19:17 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wordpress plugin]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2136</guid>
		<description><![CDATA[wp-hatena 拡張版 1.0 をリリースしました。 ダウンロード・説明はこちらを。 WordPress Plugins/JSeries » wp-hatena 拡張版 1.0 の変更点 Google +1 に対応  [...]]]></description>
			<content:encoded><![CDATA[<p>wp-hatena 拡張版 1.0 をリリースしました。</p>
<p>ダウンロード・説明はこちらを。<br />
<a href="http://wppluginsj.sourceforge.jp/wp-hatena-extended/">WordPress Plugins/JSeries » wp-hatena 拡張版</a></p>
<h2>1.0 の変更点</h2>
<ul>
<li><a href="http://www.google.com/intl/ja/+1/button/">Google +1</a> に対応</li>
<li>IE で Facebook いいね！ボタンの下が 1px 切れることがあったのを修正</li>
</ul>
<p>Google +1 は、cagylogic さんが「<a href="http://www.cagylogic.com/archives/2011/06/03005401.php">wp-hatenaにgoogle +1をサポートさせる | cagylogic</a>」で対応してくださっていたものを取り込ませていただきました。ありがとうございます！</p>
<p>よろしければ更新してお使いください :)</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/08/18/wp-hatena-extended1-0/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>名刺を作ってみることに</title>
		<link>http://wp.graphact.com/2011/08/18/name-card/</link>
		<comments>http://wp.graphact.com/2011/08/18/name-card/#comments</comments>
		<pubDate>Thu, 18 Aug 2011 05:17:59 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[雑記・日記]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2120</guid>
		<description><![CDATA[今まで個人の仕事用の名刺か、会社の名刺しか持っていなかったんですが、WordCamp KOBE も行くことだし名刺を作ることにしました。WordBench でみなさんに名刺をいただいたときも、私だけなかったりもしていたの [...]]]></description>
			<content:encoded><![CDATA[<p>今まで個人の仕事用の名刺か、会社の名刺しか持っていなかったんですが、WordCamp KOBE も行くことだし名刺を作ることにしました。WordBench でみなさんに名刺をいただいたときも、私だけなかったりもしていたので作ろう作ろうとは思ってたんですが、ずるずる引き延ばして今に至ってしまっていました。</p>
<p>いろいろなブログでも見かけていて、丁度去年の今頃、Evernote にページをメモっていた前川企画印刷さんにお願いしてみようと思います。白黒 100 枚 1,000 円、カラー 1,300 円、両面カラーでも 1,800 円とかなりお安いんですが、あちこちのブログで見る限りクオリティ高い様子。楽しみ :)</p>
<ul>
<li><a href="http://www.kobe-maekawa.co.jp/products/bloger.html">ブロガー名刺／有限会社 前川企画印刷（神戸市兵庫区）</a></li>
<li><a href="http://blog.goo.ne.jp/batacchi/e/f81808a384944befed668cab7a8c3993">ブロガー名刺、送料込みで１０００円じゃすと！ &#8211; 川柳をこよなく愛する明石のタコ</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/08/18/name-card/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CORESERVER や XREA で MySQL を自動でバックアップしてメールで送る</title>
		<link>http://wp.graphact.com/2011/06/27/mysql-sh-backup/</link>
		<comments>http://wp.graphact.com/2011/06/27/mysql-sh-backup/#comments</comments>
		<pubDate>Mon, 27 Jun 2011 03:05:33 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[MySQL]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/?p=2022</guid>
		<description><![CDATA[ここ 2 年ほど、毎日自動で MySQL をバックアップしています。今日はそれについて。 キッカケは今から 2 年半ほど前、「データベース使用中？ &#8211; MMRT daily life」という記事を見て、データ [...]]]></description>
			<content:encoded><![CDATA[<p>ここ 2 年ほど、毎日自動で MySQL をバックアップしています。今日はそれについて。<br />
キッカケは今から 2 年半ほど前、「<a href="http://wp.mmrt-jp.net/2008/10/08/3050/">データベース使用中？ &#8211; MMRT daily life</a>」という記事を見て、データベースがお亡くなりになる怖さを感じました。バックアップをこまめに取ればいい話ではあるのですが、手動では中々面倒で…。自動化できたらなーとズボラな事を思っていたら、「<a href="http://another.maple4ever.net/archives/445/">hiromasa.another :o)» Blog Archive » WordPress の MySQL バックアップ</a>」という記事が。</p>
<p>hiromasa さんの記事では、シェルによるバックアップ方法が紹介されていました。<span id="more-2022"></span></p>
<h2>シェルによるバックアップの特徴</h2>
<ul>
<li>WP のデータベースのバックアップだけなら、簡単さは wp-dbmanager などの WP プラグインを利用する方法に負ける</li>
<li>記事数が多くデータベースが大きい場合にも、シェルによるバックアップなら問題なくバックアップ＆データベースを戻せる</li>
<li>WP 以外の用途の MySQL でも OK </li>
<li>タイムアウトしてしまって phpMyAdmin からでは上手くバックアップできない場合にも、シェルからなら大丈夫</li>
<li>自動化するには、シェルスクリプトを cron で動かす必要がある</li>
</ul>
<p>融通のきく方法なので、知っておいて損はないかと思います。</p>
<h2>メールで送れたら良いな</h2>
<p>元々 hiromasa さんのところに載っていたシェルスクリプトでは、サーバ上に MySQL のバックアップファイルを作り、指定の日数分を超えると削除されるようになっています。これに少しだけ手を加えて、メールでバックアップファイルを送れるようにしてみました。メールで送る場合には perl とあわせて使っていく方法などもありますが、私はシェルだけで終わるようにしてます。</p>
<pre class="brush: plain; auto-links: false;">
#!/bin/sh

# 設定(ここを自分に合わせる)
DATABASE=●●●
DBUSERNAME=●●●
PASSWORD=●●●
XREAUSERNAME=●●●
BACKUPDIR=backup-mysql
KEEPDAY=14
MAILADDRESS=●●●

# 初期化(XREA/CORESERVER用)
PREFIX=mysql
SERVER=localhost
NOWDATE=`date +%Y%m%d`
DESTDIR=/virtual/$XREAUSERNAME/$BACKUPDIR
DUMPFILE=$PREFIX.$NOWDATE.dump
TARFILE=$PREFIX.$NOWDATE.tar.gz
OLDDATE=`date "-d$KEEPDAY days ago" +%Y%m%d`

# MySQLダンプ/圧縮
cd $DESTDIR
/usr/local/mysql/bin/mysqldump $DATABASE --host=$SERVER -u $DBUSERNAME --password=$PASSWORD -e -O net_buffer_length=500 > $DUMPFILE
tar zcvf $TARFILE $DUMPFILE

#メール送信
/usr/bin/uuencode $TARFILE $TARFILE | /usr/bin/mail -s "mysql backup $NOWDATE" $MAILADDRESS

# 処理判定
if [ $? != 0 -o ! -e $TARFILE ]; then
    echo "backup faild -- ($DUMPFILE)"
    exit 1
fi

# 圧縮前ファイル削除
rm -f $DUMPFILE

# n日ローテートを削除
rmfile=$DESTDIR/$PREFIX.$OLDDATE.tar.gz
if [ -e $rmfile ]; then
    rm -f $rmfile
fi
</pre>
<p>「#メール送信」と書いてある部分とその下の一行が私のほうで追加した部分です。この部分の内容は、以下のようになっています。</p>
<pre class="brush: plain; light: true; auto-links: false;">$ uuencode 元のファイル 添付ファイル名 | mail -s "メール件名" メールアドレス</pre>
<p>これでサーバに MySQL のバックアップファイルが作られ、指定したメールアドレスに「mysql backup 日付」という件名でそのバックアップファイルが添付されたメールがくるようになります。このメールは私は gmail に送って、ラベルを付けて受信トレイはスキップさせるようにしています。</p>
<p>※Thunderbird で見ると添付ファイル部分がうまくデコードされないようですが、gmail だと上手いことしてくれます。</p>
<p>もっときっちりと、MIME を使ったメールを…と思う場合は perl と組み合わせたりするのが良いかと思います。</p>
<h2>使い方</h2>
<h3>まずはファイルを設置</h3>
<ol>
<li>上記スクリプトの設定箇所を自分の環境にあわせて書き換え、backup.sh という名前で保存。ファイルの改行コードは LF（UNIX）。</li>
<li>FTP でサーバに接続して、public_html と同じ階層に「backup-mysql」というディレクトリを作成。このディレクトリに backup.sh を入れてパーミッションを 700 に設定。</li>
</ol>
<h3>動作をテスト</h3>
<p>まずは、SSH クライアントからコマンドをうってテストしてみます。</p>
<ol>
<li>XREA / CORESERVER の管理画面＞「ホスト情報登録」ページへ行き、「SSH 登録」ボタンを押してホストを登録しておく。</li>
<li>SSH クライアント（teraterm + SSH や、Poderosa や、putty など）で、自分のサーバ（s1.coreserver.jp 等）に接続。</li>
<li>
下記のように SSH クライアントに入力します。</p>
<pre class="brush: plain; light: true; auto-links: false;">cd backup-mysql</pre>
<p>cd で backup-mysql ディレクトリに移動。</p>
<pre class="brush: plain; light: true; auto-links: false;">ls -laF</pre>
<p>ls -laF でファイル一覧を表示。打ち込むと、backup-mysql ディレクトリ内のファイルがズラズラっと表示されます。その中に backup.sh があるか確認。</p>
<pre class="brush: plain; light: true; auto-links: false;">./backup.sh</pre>
<p>backup.sh を実行。</p>
<pre class="brush: plain; light: true; auto-links: false;">ls -laF</pre>
<p>ls -laF でファイル一覧を表示。ズラズラっと表示されたファイルたちの中に、mysql.○○○.tar.gz とあれば OK です。</li>
<li>FTP で先ほど作られた mysql.○○○.tar.gz をダウンロードして、解凍ソフトで開いて中の .dump ファイルの内容を確認。</li>
</ol>
<h3>CRON を設定</h3>
<p>自動で backup.sh を実行させるように、cron に設定します。</p>
<ol>
<li>XREA / CORESERVER の管理画面＞「CRON ジョブ」ページへ行く。</li>
<li>「/virtual/ユーザー名/」と書いてある部分の右側、細長い入力欄に「backup-mysql/backup.sh」と記入。時間は分、時、にそれぞれ任意のものを入れて、あとは * としておけば、1 日 1 回、その時間に backup.sh が実行される。</li>
</ol>
<p>あとは、メールが指定した時間にくるか確認して完了です :)</p>
<h2>復活の呪文は？</h2>
<p>バックアップしてあった .dump ファイルからデータベースのリストアを行います。間違っても現在利用中のデータベースに対しては行わないでくださいね。</p>
<ol>
<li>データを戻すためのデータベースを空の状態で作成しておく。</li>
<li>
<div class="quote">
<blockquote cite="http://another.maple4ever.net/archives/445/">
<pre class="brush: plain; light: true; auto-links: false;">mysql -u [ユーザ名] -p --default-character-set=utf8 [データベース名] < [バックアップ.dumpファイル] </pre>
</blockquote>
<p><cite>『<a href="http://another.maple4ever.net/archives/445/">hiromasa.another :o)» Blog Archive » WordPress の MySQL バックアップ</a>』より引用</cite>
</div>
<p>上記のコマンドを SSH クライアントからサーバへ接続して入力。パスワードを聞かれるので MySQL のパスワードを入力。</li>
</ol>
<h2>おまけ：WP プラグイン wp-dbmanager で空ファイルが送られてくる場合</h2>
<p>XREA / CORESERVER は php がセーフモードで動いているため、wp-dbmanager という WP プラグインを利用した場合に問題があります。メールでバックアップファイルが送られてくるように設定しても、バックアップファイルが空状態になるのです。</p>
<p>これを回避するには、wp-cron.php を cgi として動かしてあげる必要があります。</p>
<pre class="brush: plain; auto-links: false;">
&lt;files wp-cron.php&gt;
AddHandler application/x-httpd-phpcgi .php
&lt;/files&gt;
</pre>
<p>WP のインストールディレクトリ（wp-cron.php のある場所）にある .htaccess に上記の内容を追記すれば OK です。XREA / CORESERVER のセーフモードに関しては、以前書いた「<a href="http://wp.graphact.com/2006/08/16/56">XREA で WordPress ファイルアップロード機能を利用する | Numb.</a>」をよろしければどうぞ。</p>
<p>ちなみに、この記事は <a href="http://wordpants.org/">WordPants</a> に寄稿しようかと思っていた内容だったりします。短くまとめて書く能力が足りず断念！そのうち書けたらいいなぁ。</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/06/27/mysql-sh-backup/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordBench 横浜に行ってきました</title>
		<link>http://wp.graphact.com/2011/02/07/wordbenchyokohama20110205/</link>
		<comments>http://wp.graphact.com/2011/02/07/wordbenchyokohama20110205/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 17:26:07 +0000</pubDate>
		<dc:creator>hibiki</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[WBY]]></category>
		<category><![CDATA[WordBench]]></category>

		<guid isPermaLink="false">http://wp.graphact.com/2011/02/07/wordbenchyokohama20110205</guid>
		<description><![CDATA[土曜日に、ずっと「参加したいな」と思いつつ参加することなく来てしまっていた WordBench 横浜に参加してきました。 用事が長引いて遅れて参加したのですが、とても楽しかったです！色々な方にお会いできて光栄でした！ジン [...]]]></description>
			<content:encoded><![CDATA[<p>土曜日に、ずっと「参加したいな」と思いつつ参加することなく来てしまっていた WordBench 横浜に参加してきました。</p>
<p>用事が長引いて遅れて参加したのですが、とても楽しかったです！色々な方にお会いできて光栄でした！ジンギスカンも臭みが少なくておいしくいただけました :) </p>
<p>WordPress を使い始めた初期からずっとブログを見ていて知っていた方にお会いできたり、地味にやっている私のことを知っていてくださる方も何人もいらっしゃって、とても嬉しかったです。全然違う方向から知って読んでいたブログの中の方もいらっしゃったり。テンションあがりっぱなしでした。</p>
<p>名刺をみなさんからいただいたのですが、すっかり用意を忘れていて私からは渡すことができず…、そこが心残り。</p>
<p>みなさん、Web 周りのことに詳しくて。雑談の中からも色々と勉強になることがありました。いい刺激になりました。また次の機会にはお邪魔したいなあと思います。 :)</p>
<p>カメラを持っていったのですが、後で撮ろうと思ったまま失念して撮らずじまいに。次回はそのあたりもリベンジをはかりたいなーと思います！参加したみなさん、お疲れ様でしたー。ありがとうございました！</p>
]]></content:encoded>
			<wfw:commentRss>http://wp.graphact.com/2011/02/07/wordbenchyokohama20110205/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

