WordCrab Tokyo 2012 に参加してきました :)

今回はスタッフ参加です！わりと最初のほうから関わらせてもらい、とても楽しかったです。勉強会は 100 人を超える参加者、懇親会も 60 人の参加者と大盛況でした。

勉強会

僭越ながら今回はスピーカーとしてセッションも行いました。やードキドキしました。

内容は、初心者・中級者向けに…ということだったので「経験談」と「何を参考にしたか」、あとは「楽しいよー！」と伝えることを第一に考えてまとめました。もっと掘り下げてソースコードの実例などのほうが需要あったかもしれませんが、初心者・中級者が突然プラグインをいじり出すだろうか…というのもあったので、今回はキッカケを作れたらな、と :)

会場で「wp-hatena 拡張版に追加して欲しいものがあればご連絡ください！」と言ったところ、「Gree つけてくださいー！」と要望いただいたので、早速対応したバージョンもリリースしてます。詳しくは 1 つ前の記事「wp-hatena 拡張版 1.4 リリースしました」を。

他の方のセッションや LT はあまり見ることが出来なかったのですが、今回の各セッションは近々 youtube にアップされる予定ですのでそれを見ようと思っています。

カニ！＆Special Thanks

今回はタイトルにもあるとおり「Crab」、懇親会のカニが主役！あのカニは、水ガニというカニで福井から直送でした！

私はカニ手配を担当していたのですが、カニ手配は WordCrab Fukui を開催した福井の西川さん @takamorry にとてもお世話になりました。本当にありがとうございました！

WordCrab Fukui 2012 については、西川さんのエントリーもどうぞ！

• 2012/1/21(Sat)、「WordCrab福井」を開催しました。 | 本質思考道場

また、あの美味しいカニは福井の越前田村屋さんから送っていただきました。店長の谷澤さん、色々とありがとうございました！

• 越前田村屋

終わってみて

スタッフって大変だけれど、本当に楽しいなあと思いました。
懇親会の会場セッティング時に参加者の方々がみんな率先して手伝ってくださって、そういう一つ一つが本当に嬉しかったりもしました！

イベントに参加なさった方、スタッフのみなさん、お疲れ様でした＆ありがとうございました！

• Gree に対応

ダウンロードはこちらからお願いします。
WordPress Plugins/JSeries » wp-hatena 拡張版

Facebook いいね！ボタン同様に Gree も OGP(Open Graph Protocol) を利用するようになっています。

これを機に OGP をつける機能いるかなぁと考えたのですが、すでに手動、もしくは function.php に書いて設定済みの方も多いかと思いますし、つけないこととしました。

Facebook いいね！や Gree ボタンを使いたい、かつ、まだ OGP を設定していない場合、WordPress › WP-OGP « WordPress Plugins あたりをインストールして設定すると手軽かと思います。

ではでは :)

＃最近は自動アップグレードあるので公式プラグインサイトへあげるほうが便利なんでしょうか…

• tweet 時に、日本語が URL が含まれてもリンクが切れないようエンコードして出力するよう修正

ダウンロードはこちらからお願いします。
WordPress Plugins/JSeries » wp-hatena 拡張版

@show_web さんの上記ツイートを受けて修正してみました :)

テストはしていますが、なんかうまく動かないよーという場合はコメントいただけると嬉しいです。

• Pinterest に対応
• プラグイン無効時にはオプションを削除せず、アンインストール時に削除するよう変更

Pinterest に対応したことに伴い、img_sample 内に pinterest.gif を追加しています。
ご利用の際は、pinterest.gif をサーバーの /wp-content/plugins/wp-hatena/img/ 内に入れてください。

ダウンロードはこちらからお願いします :)
WordPress Plugins/JSeries » wp-hatena 拡張版

WordPress

今まであまりオフラインではイベントに参加していなかった私ですが、今年は勇気を振り絞って参加したのが大きかったです。オフラインでコミュニティに参加することの楽しさを感じました。

お会いできた方の中には、ネットでは 6 年ぐらいやりとりのあった方も。オフラインでお会いするのがはじめてでも、不思議と「ずっと前から知っていた」という感じで、お会いできたこと自体とても嬉しかったです :)

勉強会・懇親会に参加することは、人脈や知識を得ることができるのもメリットですが、そんなこと抜きに参加することそのものが楽しい！これにつきます。
来年も積極的に参加していきたいなあと思います！

このブログは仕事とは別に捉えて気まぐれに書いているのですが、WordPress コミュニティで出会った人が仕事に関する人とかぶっていたり、つながりがおもしろかったです。世の中は狭いものだなぁと思ったり。

カメラ

デジタル一眼の E-P2 を購入して、下手ながらに写真をたくさん撮るようになりました。これも大きかった！最近は単焦点レンズがお気に入りです :)

購入する際はかなり迷ったのですが、イベントに行く際 PC と一緒に持っていくことが多かったので、比較的軽いマイクロフォーサーズにして良かったなと思っています。

仕事

仕事は難しいことも色々ありましたが、やりがいのあることばかりで経験値をあげれる年だったと思います。好きな言葉を 2 つ。

職業というのは本来愛のある行為であるべきなんだ。便宜的な結婚みたいなものじゃなくて。
（村上春樹）

私のクライアントはいつも自分自身だった。私はずっと自分を喜ばせるために働いてきたんだ。
（ウィレム・サンドベルフ Willem Sandberg）

人それぞれ違うとは思うのですが、私はこういうタイプで。やっぱり私はこの仕事が好きだし、この仕事ができていて、趣味でやっていたブログも仕事につながって、本当に幸せだなと思います。

ではでは、来年ものんびり続けていこうと思いますので、どうぞよろしくお願いいたします！

2011/11/26（土）に WordBench TOKYO、11/27（日）に WordCamp TOKYO に参加してきました。WordCamp はスタッフをしていたのもあり写真があまりないのですが、WordBench のほうではパシャパシャしてきたので何枚か載せます :)

WordBench TOKYO

朝 WordCamp TOKYO のお手伝いに楽天タワーへ。その後 WordBench TOKYO 会場へ行く組に同行しました。KDDI さんのビル綺麗でした！

WordBench TOKYO の前日にお子さんが産まれた、おでさんのセッション。

会場入り口（受付前）、まがりんがポーズとってくれましたｗ

うえぶるじょんさんセッション中の会場の様子。満員です。

みんな真剣に聞いていました。

この日、6 年越しで WordPress ユーザーとして交流のあったひろまささんといさきさんとお会いすることができました。念願の初対面で、とても嬉しかったです！

懇親会もたくさんの方が参加しており和気藹々とても楽しかったです。WordCamp KOBE でお会いした方もいらっしゃっていたり。二次会では鹿児島からいらっしゃっていた @marushu さんや @d_dp_p さんとたくさん話すことができました。鹿児島での開催、期待してます！

WordCamp TOKYO 2011

実はスタッフ申し込みに間に合わなかったのですが、直前にスタッフが足りないと聞き急遽スタッフ参加しました。

朝イチ受付だったのですが、開場の 9:15～最初のセッションあたりでもう 300 人くらいの入場と伺いました。楽天タワーに入る際にはゲストカードの着用が必須だったので、朝はそれを渡していく係をしていました。その際、WordCamp KOBE で友達になった方とも会えました :)

セッションはあまり聞くことができなかったのですが、裏方も楽しかったです。ランチ配布中にスピーカーの方を間近で見てドキドキしたりしましたｗ セッションのほうは Ust も公開されるようなので、スライドとあわせて見ようと思います。

スタッフの中でもリーダークラスの方は一日中受け付けにいたり、本当に大変だったのではと思います。スタッフのみなさんお疲れ様でした＆ありがとうございました！

懇親会に登場した、わぷーケーキ！

かなり再現度高いわぷーが描かれていました。見た目だけじゃなく味も美味しかったです。

6 年越し

この日は、@aka_aus_pd さんともお会いできました。昨日に引き続き aka さんも 6 年越しでやっと初対面で、お会いできて本当に嬉しかった！みんな偶然 WordPress に手を伸ばして、初期からユーザーでお互いを知っていて、こうして実際会えたのは感慨深かったです。お会いしたときは感動しました。

まさに、こんな感じでした。

二次会

撤収作業後スタッフ打ち上げがあったようなのですが、私は 6 年越し組＋初対面のお二人に合流しました。カメラを出したところ向かいに座っていた方が焼きそばの皿を片手にポーズをとってくださったんですが、解散した後にそれが PukiWiki の yu-ji さんだったと知りました。あんなポーズ取らせてすみません…！

その席で撮ったわぷー。しっぽがなんと可動式！

@wctokyo わぷー

今回は Twitter で @wctokyo のわぷーが大活躍でした。いいキャラなのでいくつかツイートを紹介して終わります。

参加した方々、スタッフの方々、お疲れ様でした！
全ては書ききれないのですが、たくさんの出会いがありました。今回も楽しかったー :)

具体的には、単体ページ以外でも mixi チェックのボタンがきちんと動作するように修正しました（thanks @takenao さん！）。

DL：WordPress Plugins/JSeries » wp-hatena 拡張版

単体ページ以外での使用方法

とりあえず、詳しいことはいいから表示させたいよ！という方は以下のようにしてみてください。
※wp-hatena は表示させたい場所にコードを書いておくことで使うタイプのプラグインです。

新しいコード

単体ページ以外にも表示させたい場合はこちらを。面倒だったら単体ページもこちらで大丈夫です。

<?php global $wph; if(isset($wph)) {
    $wph->addhatena();  //表示させたいものを記述
}?>

よく分からなければ、こちらのほうで書いておけば間違いないです。

今までのコード

今後も単体ページではこのままのコードで表示できますので、今まで表示できてたページは変更不要です。

<?php if(isset($wph)) {
    $wph->addhatena();  //表示させたいものを記述
}?>

経緯

事の発端

むむむ、動かないらしい。なんでだろう。loop 内だとダメなのかな？エントリ個別ページで表示することしか想定していなかったけれど、それ以外でも使えるならそれにこしたことはないな～、ということで調べてみると、以下のようなことが分かりました。

• wp-hatena.css は読み込まれている。→コンストラクタは動いてる（＝プラグインはちゃんと読み込まれて動いてる）
• if(isset… のところは、「$wph という変数があったら、この中身実行してね」という意味なのですが、そこから先が読み込めてない。変数 $wph が見当たらない状態になってる様子。

wp-hatena の仕組み

WordPress のプラグインは、プラグインを WordPress 本体に引っ張る hook を使っているものがほとんどです。（参考：プラグイン API – WordPress Codex 日本語版）
ですが、wp-hatena はメイン機能（ブックマークボタン等を表示する機能）で hook を使っていません。※拡張版では css, js の読み込みにちらっと使っています。

理由をwp-hatena 本家作者ひろまささんの記事から引用すると…

自動でソーシャルブックマークのボタンを挿入してしまうより、自分が好みの場所にコードを書いて使う方が便利じゃないかなーという、ことですね。

つまり、function.php などにソーシャルブックマークボタンを呼び出すためのオレオレ関数を作っておくぜ！ということの延長にあるタイプのプラグインということです。

function.php に書くことに比べると wp-hatena を使うほうが手軽に色々できますが、基本は同じ「変数を用意しておく」「それをテンプレート内で呼び出す」という二段階。

$wph を参照できるように

話は戻って…。変数 $wph が見つからない状態になっているようだったので、これをなんとかすればいけるはず、と考えました。

wp-hatena プラグインの一番最後で、$wph = & new WpHatena(); として、クラス WpHatena のオブジェクトを生成して変数 $wph に入れているので、それをもう一度書いてあげれば動くんじゃないかなーと思い、以下のようにして試してみました。

<?php $wph = & new WpHatena();
if(isset($wph)) {
    $wph->addhatena();  //表示させたいものを記述
}?>

動いたー！とりあえず、こうすれば動きますーとツイッターでお返事をしていたところ、まがりんから以下のようなツイートが。

global 宣言でいけるかもとのことなので、引き続き調べてみました。

根本的な原因と、WordPress テンプレートの流れ

まずは、PHP の変数について。

• 変数は「その変数を参照することができる範囲」が決まっている。この範囲＝スコープ。関数内＝1 スコープ。
• 普通は、関数の外からは関数の中の変数は参照できない（見つけられない）、関数の中からは関数の外の変数は参照できない。
• 関数外の変数（グローバル変数）を参照したい場合は宣言が必要（グローバル宣言）

動かなかった原因は WordPress のテンプレートを読み込む仕組みに沿った呼び出し方をしてなかったからでした。
WordPress のテンプレートは大きく分けて 2 つ。

1. 一番外側、外枠の指定のあるテンプレート、index.php や page.php など。これらは一番上のスコープ（グローバルスコープ）で処理され、プラグインで指定した変数や function.php で指定した変数をそのまま呼び出すことが出来る。
2. 他のテンプレートから呼び出されるパーツ的なテンプレート、loop.php など。これはそれぞれ呼び出される時に使った関数内で実行されるので、1 とは違うスコープになる。違うスコープの場合、そのままではプラグインで指定した変数などの変数を呼び出すことができない。

テンプレートは全部同じスコープにあるー、と、深く考えずぼんやり思っていました…。

違うスコープにあるから変数を見つけられない、ということなので「違うスコープの変数を参照したいよ！」とグローバル宣言をすることで解決できるということに。表示させたいテンプレート内で 1 度、global $wph; としてグローバル宣言してあげれば OK。

<?php global $wph;  //グローバル宣言で $wph を参照できるように
if(isset($wph)) {
    $wph->addhatena();  //表示させたいものを記述
}?>

これで表示できるように（この記事の最初のほうで書いたコードと同じです）。そのスコープで 1 回グローバル宣言してあれば良いので、例えば、記事の最初と終わりの二カ所に表示させたい場合、二番目のほうは global $wph; を書かなくても大丈夫です。

とはいえ、記述するコードが変わると使い勝手が落ちますし、2 回グローバル宣言を書いても問題はないかなと思うので、いつも書いてもらう形にしておけば間違いなくて良いかなー。

〆

こうやってちょっとずつプラグインが育っていくのだなぁ、と思いました。「よく分からないけれど、こうすれば解決する」という段階から、「原因が分かったうえで、解決方法を出せる」という段階にいけると、「そうだったのかー！」とちらばっていた事柄がつながって楽しいですね。

実は途中、global $wph; を <?php の外に書いていることに気がつかず、しばらく遠い目になったのですが…

このツイートを見て、やり遂げなくてはー、と思いましたｗ かなり悩んだのに、しょぼしょぼなケアレスミスでした…T T

アドバイスくださったまがりん、記事にもまとめてくださっていたうえつん、応援してくださったおでさん、キッカケをくださったtakenaoさん、どうもありがとうございました！

長くなってしまいましたが、挿入したい場所に wp-hatena のコードを書いても表示できない状態だった方、よろしければお試しください :)

学園都市について、朝ご飯がまだだったので「腹が減っては戦ができない！」と朝マック。
WordCamp KOBE 2011 会場までの道順のご案内を見て道順をチェックしながら向かいました。これは画像付きでとても分かりやすかったです。こういうのって大事だな～と思いました。

日差しがジリジリと真夏のようで、眉毛が消えていく予感を感じつつ案内の通りに進むと、こんなカワイイ看板が見えてきました。

おー！ここだー、と中へ進むとキリンがｗ 卒業制作の作品らしい？です。

あちこちに細かく案内があって、迷うことは全然なかったです。

パンフレット等は机に並べてあり、自分で必要な物を袋に詰める方式。

わぷーのステッカー発見！

WordPress ロゴのものも。

IIJ さんのところでは、わぷーのマグカップを名刺と交換で配っておりゲット。欲しかったので嬉しかったです！

アンカンファレンス

アンカンファレンスは「プラグイン開発」がテーマのところへ YUKI さんと一緒に参加しました。確認画面のないフォームプラグイン作者の三好さんと、確認画面のあるフォームプラグイン作者の堀家さんを中心に色々お話を伺いました。

アンカンファレンスで一緒の場所にいたカワイイ女の子panichiさんとカナさんと一緒に、お昼は四人で駅前ケンタへ！

ケンタで真面目にお仕事の話などもしつつ、和気藹々と楽しかったです :)

いよいよ開始！

直子さんによる、WordPress の最新事情。アンカンファレンスの時より増えて、もう満員！

CMS 内での WordPress シェアは今年 9 月現在 56.6% とのこと。数字で見ると WordPress 凄いなあと改めて感じますね。WordPress への協力、「あなたも参加してみませんか？」というところで、「楽しそうだな～」と思ったんですが、そういうところが WordPress の良いところだと思います！

実はこの時点でカメラのレンズキャップを紛失。スタッフの方に見つけたら取っておいてください、とお願いしました。速攻紛失してる自分に、もービックリでした…

セッション

Designer’s Cafe は大人気で常時、人が教室の外に溢れているように見えました。

私はほとんど Developer’s Cafe にいたんですが、最初は IE6 しか動かない状態だったようでスピーカーの方は大変そうでした。スライドを出せずにトークのみで頑張ってらっしゃった堀家さんは凄かった！

セッションは部屋が暗かったことと私の写真の腕のなさが重なり、ションボリ画質なので小さめにダイジェストで。

WiMAX は入らないかもしれないと覚悟していたんですが、ギリギリ電波が入ってなんとかノート PC をネットにつなげて使えました。セッション内容はメモを取りながら聞いていたのですが、スライド内容や発言内容の全てが大事に思えて、全てメモを取ろうとしてしまい間に合わなーいーという状態に。公開されたスライドとメモをあわせて復習しようと思います。

セッション内容はどれもおもしろく興味深い物でした。同時間帯に行われているセッションで他にも見たいものがたくさんあったので、それは公開されるスライドを見たりしようと思ってます。

終わったあと

閉会直前に、カメラのレンズキャップがあったということでスタッフの方が持ってきてくださいました。見つからないかもなあと思っていたのですが、とても綺麗な状態で戻ってきて嬉しかったです。その節はスタッフの方、拾ってくださった方、ありがとうございました！

YUKI さんは懇親会に出ずに帰られるということだったので、ぜひぜひ、と一緒に写真を撮りました。わーっと集まって 6 人くらいで撮ったんですが、他の方々も顔がバッチリ写っているため載せないでおきます。でもでも、良い記念になりました！

懇親会

飲んだり食べたりに必死であったことと、酔いも回って写真撮るのを忘れました！！すみません…！
カイさんの書かれた Android 本をゲットしたり、たくさんの方と名刺交換できたり、カナさんと再会できたり、もう本当に楽しかったです。

二次会で仲良くなれた方もいて。今後も今回出会った方々と仲良くしていけたら嬉しいな～と思ってます :)

おまけ 1. 真夜中

真夜中に目が覚めていろいろな方の WordCamp レポートを読んでいるうちにテンションが上がり、よーし私も記事書こう、と思ったのですが Eye-Fi 設定を MacBookAir にしてなかったのでどうにもカメラから写真が出せず。

諦めて WordPress の管理画面からテーマの更新がきていたのでポチッとやったところ、トップページが真っ白になり夜中にホテルで一人テンプレート修正をするハメに…。昨日・今日で名刺をたくさん交換して、見てくださる方もいらっしゃるかもしれないのにーと必死で直しました。割と簡単に修正できたので良かった～。

おまけ 2. 翌日

帰路につく前に、まがりんたちが「突撃隣のデジタルキューブ」をするということなので、私も同行させていただきました。

そこで Tai さんにお会いできて、本当に嬉しかったです！WordPress ME 時代、まだユーザが少なかった頃から Tai さんのブログはよく参考にさせていただいていたので、緊張しつつもお会いできて幸せでした。せっかくお会いできたのに名刺がもう切れてしまっていて渡すことができず…＞＜。次の機会には絶対またご挨拶に伺いたいと思います！

デジタルキューブさんのオフィスでバランスボールを抱えるわぷー風まがりんｗ

最後、三宮に戻り明石焼きを。おいしかったです :)

はじめて WordPress のイベントで遠くまで行きましたが、とても楽しい旅でした。同業種の方とも沢山交流できて刺激もありました。また今日から仕事頑張ろうと思います！

今回お会いした方々、みなさん本当にありがとうございました！また次の機会にお会いできることを楽しみにしてます！

当日は東京でまがりんと PS のみなさんと合流、新幹線で大阪へ。一旦三宮まで行きホテルに荷物を置いて再度合流、大阪へ。

私はとても方向音痴なのではぐれたら終わりだと思い、今回の神戸ではまがりんと PS のみなさんからはぐれないよう気をつけて行動してました。（みなさんありがとうございました！）

途中、梅田のヨドバシで YUKI さんと合流して WebAttend 2011 会場へ。以前から YUKI さんのブログをよく拝見していたので、「本物だー！！」とテンションがうなぎ登りでしたｗ

入り口はこんな感じの、手書きのボードがありました :)

受付を済ませ、しばらくすると人・人・人…本当にすごい人数に！

YUKI さんと二人スタダでゴハンをゲットして mgmg し、その後はいろいろな方と名刺交換やご挨拶を。想像よりも沢山の方と名刺交換したため最後は名刺が切れてしまい残念なことに…。

「明日の WordCamp 行かれるんですか？」「はい！」という会話があちこちであって、翌日の WordCamp への期待もふくらんだり。あんなに大人数の方々と一気に交流できることって中々ないので、とても良い経験でした。

あれだけ規模が大きかったのに問題もなくスムーズに進み、素敵な交流会でした。主催のみなさま、ありがとうございました！

ダウンロード・説明はこちらを。
WordPress Plugins/JSeries » wp-hatena 拡張版

1.0 の変更点

• Google +1 に対応
• IE で Facebook いいね！ボタンの下が 1px 切れることがあったのを修正

Google +1 は、cagylogic さんが「wp-hatenaにgoogle +1をサポートさせる | cagylogic」で対応してくださっていたものを取り込ませていただきました。ありがとうございます！

よろしければ更新してお使いください :)