いよいよ今日が2011年の最後の日となりました。毎年アウトプットの年にしたいと言っているような気もしますが、思っているだけではなくて自分の成果を振り返ることも大切だろうと思って、ここに2011年を振り返ってみたいと思います。

ブログ編

2011年内に書いたブログ記事は、この記事をあわせて63記事でした。月平均5.25記事書いてることになり、もっとも少なかった3月と7月でも3記事、最も多かった4月で8記事という結果でした。

つまりだいたい週に1記事書いている計算で、平日にネタを考えて土日に執筆、翌週を待って公開、というようなスパンになっているようです。Twitter も Facebook も最近では Path もはじめたりで、短文での更新は完全にブログからなくなってきているのもあって、書きだすと時間がかかるのもあると思います。また読んでもらうからには読み応えがあるものを、と思っていたりするので、来年もこのようなスタイルでやっていこうと思います。

WordPress 編

今年は1月に福井、2月に福岡、8月に名古屋、9月に神戸、7月と11月に東京と多くの WordPress イベントに参加/協力することができました。またイベント等を通じて、多くの人たちと新たに知り合ったり、オンラインでは知っていた人と実際に（オフラインで）会うことができたのがよかったです。これもお友達の皆さんのおかげです。ありがとうございました（紹介してくれたり、連れてきてくれたり、ほんとありがとね）。

個人的には WordPress 3.2 日本語版のリリースリーダーを努めたりもして、終わってみると WordPress 一色に見える一年でした。並べてみるとなんと29記事が WordPress！途中でやめとけばよかったと思いました(・_・;

• toolbox 日本語リソースと HTML ワイヤーフレームを配布します
• WordCrab Fukui 2011 に参蟹してきました + 「投稿フォーマットを使ってみた」スライドを公開します
• WordCamp Fukuoka 2011 に参加しました
• WordPress.com の便利機能をインストール版に！ Jetpack を導入してみた
• これは期待せざるをえない、次期 WordPress for iOS App (ver.2.8)の新機能
• 「WordPress Media Flickr」が動かなくて困ってるらしいカイさんを救えるかもしれない「wp-flickr-press」
• WordBench 東京 もくもく部に参加したらワイワイ部だったの巻
• Dropbox で同期する XAMPP ローカル環境。どこでも開発！どこでも最新！
• 噂の「WordPress 3.2 の新機能」を体験せよ！
• #weeklycms ケータイ対応特集に参加しました。
• #weeklycms OpenID 特集 & Happy Birthday WordPress
• WordPress 3.2 日本語版をリリースしました
• Twenty Eleven テーマ内の説明を日本語訳しました
• WordBench 東京勉強会プレゼン資料をアップしました
• WordBench 東京勉強会 & WordPress 3.2 リリースパーティ無事終了しました
• WordPress 3.3 計画範囲 [翻訳記事]
• こんにちは、わぷー！
• Twenty Eleven のシングル記事にサイドバーを1分で表示する2つの方法
• WordBeach スタジオCH・英語放送に出演します
• WordBeach Nagoya 2011 で元気をもらってきました！
• WordCamp KOBE 2011 で司会します
• セントラルカフェの司会が見た WordCamp KOBE 2011
• Twenty Eleven のレスポンシブ構造を図解してみた
• Twenty Eleven のファイルを分類してみたよ
• WordBench 東京勉強会 in KDDI でプレゼンしたこと Reloaded
• WordCamp Tokyo 2011 を経て思うこと
• WordPress 3.3 の新機能をおさらいしよう、そうしよう
• WordPress で出会う <3 ユーザーライフを豊かにするたったひとつの方法

おでの日常編

プライベートでは2月に結婚をしまして、そろそろ結婚式の相談でもしに式場へ行ってみようかと思った矢先に東日本大震災が勃発。当日はぼくも帰宅難民になったりしました。震災後の節電もあって結婚式は軒並みキャンセルないし半年後に先送りされた模様です。また結婚に合わせて、埼玉へと引越しをしました。

そうこうしていると子供ができたことがわかり、結婚式と新婚旅行はどっかに行ってしまいました（来年こそは…！）。また東京から千葉へと通っていた苦行がやっと終わり、東京の事務所へと戻ってきました。それまでは現場にいながらのほほんと企画の仕事をしてればよかったのですが、今度は現場そのものも監督しなければいけない、というんで、6時過ぎる頃にはヘトヘトという生活がはじまりました。

平日はこんな感じで週末は嫁と一緒に産婦人科で検診、という生活が半年ほど続き…ブログではちょこちょことしか書いていませんでしたが、11月末無事子供が産まれました。

この1年があっという間だったように、子供が生まれてからの1ヶ月もあっという間でしたが、ぼくのおっぱいからはどうやったって乳は出てこない、という絶対的な事実と首が座ってない赤ん坊を一人でベビーバスで沐浴させるのは無理、という事以外はなんとか身につけてやっています。

来年の目標は新年のエントリでたてることにして、とりあえずママより先にパパと言わせるため、子育て他がんばっていこうと思います。WordPress でも忘れられないようにしないとねー。

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

みなさん、クリスマスプレゼントはもう開けてみましたか？ 実家には煙突もなく、靴下に入り切らないものばかり欲しがっていたのに、小学5年生までサンタさんを信じていたおでっせいです。こんにちは。

 今日は、12月25日。1日からはじまった WordPress Advent Calendar 2011 の最終日になります。何を書こうかとてもとても悩み、Evernote （ネタ帳）に書きためていたら、@rie05 さんや @Webourgeon_com さん、 @mypacecreator さんに先を越されてしまいまして（ぼくが書くよりもずっとステキな内容だったから、ま、いいけどね｡･ﾟ･(ﾉ∀`)･ﾟ･｡）、イヴ前日担当の星野さん（ @khoshino ）と談合して、最後はカスタマイズ TIPS ではなく、WordPress ユーザーライフを豊かにする内容で〆ようということになりました。

先日の WordCamp Tokyo で Nao さん（ @naokomc ）が WordPress は出会い系と言ったとか言わないとか（どっちや）。ぼくをはじめとする WordPress 6年生の間では、日本最初の WordPress 本のタイトルになぞらえて、「WordPress でつくる！最強の出会い系サイト」というネタをよく使っていたりするのですが、出会い系サイト的なものがどんどんシュリンクしていくのに対して、WordPress のコミュニティはどんどん広がっていってるように思います。それはつまり、きちんと出会えているからでしょう。

WordBench をはじめとする勉強会や集まりでは懇親会が付き物ですし、WordCamp Tokyo では懇親会が本番だと数多くの酔っぱらいが言うくらい、学びの時間だけでなく出会いや交流の時間も重要だということなのですが、でも懇親会とか交流会苦手なんだ、という声もよく耳にします。本を書いていらっしゃるような著名な方ですら講演した後の懇親会でボッチになることがあるそうです。もしかして悩んでいる人は多いのかも？

このエントリは人見知りのくせに、WordPress コミュニティで伴侶を見つけ、子供まで授かった僕が、「懇親会どうしたらいいのよ、営業でも人好きでもないのよ」ってなあなたにお送りする WordPress 懇親会攻略ライフハックです。

怪物を友人へと変えよう

人好きな人に言わせると懇親会のような場はまったく怖くないそうですが、むしろ苦手というあなた、なんとなく怖かったり不安だったりしませんか？

懇親会だけではありません。思い返してみると、学校に入学したとき、クラス替えがあったとき、就職したとき、部署を異動したとき、その時々のなんとなく怖い、なんとなく不安だ、という気持ちは懇親会のときの気持ちに通じるものがあったりしませんか？

これはつまり見ず知らずの他人が怖いということに他なりません。でも重要なのは、怖いのはあなただけじゃないってことです。（あまり難しいことを書くつもりはありませんが）心理学では他人が怪物に見えるとき、他人からもあなたのことが怪物に見えている、のだそうです。

では、怪物を友人に変えるにはどうすればよいのか。それは相手のことを知ることです。では、相手のことを手っ取り早く知るには？それは共通項を見つけること。一度共通の話題で話をしておくと、人間関係の障壁が（お互いに）ぐっと下がる、と言われています。幽霊の正体見たり枯れ尾花、ではありませんが、怪物と話してしまえば、共通点のある同じ人間だった、というわけです。

共通項はきっとある。同じユーザーだもの。　おでこ

WordPress に関する懇親会・交流会に参加しているのですから、少なくとも同じ WordPress ユーザー（のはず）。まずは、「なぜこの会に参加されたんですか？」とか「WordPress はどのように使われているんですか？」といった質問でジャブを打ってみます。

お客さんに納品してて…とか、会社のウェブサイトを WordPress で更新してて…とか、趣味のホームページを…などと返事が返ってくればシメたもの。そこから「わー、URL 教えてください！」とつながえていけば、かなり相手を知ることができるはず。

相手を観察せよ！

しっかし、困ったことに中にはたまたま告知を Twitter で見つけただけで…とか、WordPress はまだ使ったことがなくて…とか、ペットのジョゼフィーヌが行けというから…といった人もいたりします。いやいや、これは困る。WordPress の話ならとりあえずできたのに…。

だからといって「そうですか」と話を終わらせるのも気まずいもの。戦略を立てなおして、次の作戦発動。そう、人間観察です。 人間観察といっても、外見からその人の人となりを探るような高度なスキルは必要ありません。

あ、この人のケータイのストラップ、『アイルー』だなー、『モンハン』好きなのかなー、くらいで十分。相手の持ち物、服装、外見、すべてを駆使して自分との共通項を探します。意外と見つかるものだし、もらった名刺に書かれたことについて質問するよりずっと距離を深めることができます。

最後は人に頼る！

懇親会に友人や知り合いが参加しているなら、群れる…という手もあります。友人同志の女の子たちが固まっていることがよくありますが、一人だったら恥ずかしい。でも3人いれば、恥ずかしさも分け合える、というわけです。

でももっと良いのは、その友人を通じて誰か別の人を紹介してもらうこと。文字通り『友達の輪』を広げる。WordPress フォーラムで助けてもらったり、Twitter では話したことがあるけど、まだリアルでは対面したことがない人、きっといると思います。そういう人に出会えるのも、WordPress の交流の機会です。ぼくもよく友人に、「@○○さんってどなた？」と紹介してもらっています。

3人の新しい友人を作れ！

WordPress の創始者 Matt くんが WordCamp Tokyo 2009 で日本を訪れた際に、懇親会では（知り合いとばかり話をしていないで）新しい人3人と知り合いになるとよい、と言っていました。10人だとちょっと苦しいけど、3人ならがんばれるかも…という程よい難易度設定ですね（笑） WordCamp 以後、WordPress コミュニティの懇親会ではこの『3人ルール』が伝統（恒例？）になっています。

先にも述べたように WordPress のコミュニティはとてもとても大きくなりました。その中にはほんとうに様々な人がいて、同じ会社に勤めていた人と隣同士の席になったり、茨城まで写真を撮りに行く社外の友人が出来たり、福岡までモンハンしに行ったり、兼業農家の方からお米を分けて戴いたり、仕事でもないのに人様の会社に遊びに行ったり、大学の隣のクラスにいた（はずの）人と知り合ったり、伴侶となる人と出会ったりできるかも。ぼくのように。

WordPress のような機能をもつ CMS、WordPress よりも便利な CMS は今もあるかもしれないし、今後きっと出てくることでしょう。でも、他の CMS が一朝一夕に実装できない（真似できない）のは、このすばらしいコミュニティに他なりません。このコミュニティでの出会いを通して得られるものは WordPress の知識やテクニックだけではない、もっともっとかけがえなのないものだと思っています。ぜひ、"WordPress で出会い"ましょう。

これをもって WordPress Advent Calendar 最終日のエントリと代えさせて頂きます。週末はお近くの WordBench で！

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

RC3 がリリースされて、噂では今週中にも正式リリースされるかも？な WordPress 3.3。リリース前に（目に見えるところを中心に）新機能をおさらいしてみました。

まずはインストールから。なぜインストールからはじめるのかというと、RC 日本語版のチェックを兼ねているのはもちろんなのですが、今回から初期インストール時とアップデート時にウェルカムスクリーンが表示されるようになったからです。

ポインター

これがウェルカムスクリーン！………の前に変なモノが表示されているので、先にそちらから…。

これはポインターと呼ばれる新機能などの説明を表示するもの。これはいいですね、どこが新しくなったかひと目でわかってテンションが上がります。気に入った！

ウェルカムスクリーン

で、ウェルカムスクリーン。こんな感じで Windows OS でもおなじみの「ようこそ」画面が表示され、WordPress をはじめたばかりの人でもどのように設定したらよいのか、ブログを書けばいいのか、そしてどのようにカスタマイズすればよいのかを導いてくれます。この「ようこそ」の下にはいつものダッシュボードメニュー（現在の状況、クイック投稿など）が続きます。

WP_Screen という新しいクラスが追加されているので、開発者の方たちもこの画面をカスタマイズできるんじゃないかなと思います。デフォルトのウェルカムスクリーンは自由度が高すぎるので、もう少し制限したり、クライアントにあったものにしたり（ニュースリリースの更新、商品の追加はここ、とかとか）、パワーユーザーであれば自分の好きなメニューを追加したりできるでしょう。

なぜ自分の好きなメニューを追加すれば…などと言っているかというと、このウェルカムスクリーン、一度だけ表示されるものという説明だったのですが、ソースを見ると非表示になっていても常に存在しているからです。あんまり良い実装じゃないような(； ･`д･´)

あとから画面のスクリーンショットが出てきますが、表示オプションの「ようこそ」のチェックを入れれば、後からでもこの画面を表示できます。

管理画面もレスポンシブに

WordPress 3.2 で Twenty Eleven がデフォルトテーマとなり、WordPress の表舞台がレスポンシブに（表示するデバイスのブラウザー幅にあわせて表示されるように）なりました。

WordPress 3.3 からは管理画面もレスポンシブになっています。

ここからだんだんとブラウザ幅を縮めていくと…

「現在の現況」、「クイック投稿」などのウィジェットのカラムの幅が縮みはじめ…さらに縮めていくと…

左の管理メニューがアイコンだけになりました。

現在のところはここまでが限界のようで、右のウィジェットを1カラムにしても、これ以上は縮みませんでした。

スマートフォンでも管理画面を…とまでは想定していないようで、変更点がもう一つ。これまでアコーディオン方式で表示されていた管理メニューもフライアウト方式になりました（タッチパネル式のスマートフォンはマウスオーバーって苦手ですもんね）。

ヘルプメニューも新しく

新機能というわけではないのですが、これまで雑多に並んでいたヘルプメニューのテキストも、カテゴリ別に分けられてよりすっきりとしました。

新しいメディアアップローダー

画像や音楽などをアップロードする時、これまではファイルの種類に即したアイコンをクリックしなければいけませんでした。

WordPress 3.3 からはアップロードアイコンがひとつに統一され、さらにドラッグ・アンド・ドロップでアップロードできるようになりました。ただし、イマブラ（今時のブラウザ）に限る、ということだそうで、古い IE は対象外。

何気に rar と 7zip まで対応したようですが、そんなのまともなサイトの人がアップロードするかしら(； ･`д･´)

テーマを変えてもウィジェットを記憶

これまでテーマを変更してしまうと、それまで使っていたウィジェットは失われてしまいました。間違ってテーマを変更しちゃったり、別のテーマを試してみたりすると、またウィジェットを配置するのが面倒！…となっていたかと思いますが、テーマを変更しても、それまで使っていたウィジェットが保存されるようになりました。

パフォーマンスを損なわないパーマリンク

これまで、パーマリンクのヘルプには

カテゴリー、タグ、作成者、投稿名の構造タグで始まるパーマリンクはより高度なサーバーリソースが必要であることに注意してください。ホスティング詳細をダブルクリックしてこれらを使う準備が整っているかを確認するか、その他の構造タグをお使いください。

という説明がありました。要するに、%category%、%tag%、%author%、%postname% で始まるパーマリンク形式は、「日付と投稿名」や「月と投稿名」、「%post_id%-%postname%」といった数字で始まる形式に比べてサーバリソースが必要だった、ということです。

このあたりの欠点が改善された上、デフォルトで「投稿名」というオプションも用意されるようになりました。"人によっては" SEO 的に良いとする投稿名もこれで気兼ねなく、かつ簡単に設定できるようになります。

ま、うちは1000記事近くあるので、ぼくは変えたりしませんが…。

バージョンアップ新着情報

最後。管理画面からバージョンアップの新着情報を見ることもできるようになりました。ツールバー（旧：管理バー）の左端にある W アイコンをクリックすると、「WordPress について」というメニューがあります。

こちらに、「クレジット」や「自由について」とともに、そのバージョンの新着情報・新機能が紹介されています。そう、まるでこの記事のように……ってぎゃーーーーーネタを取らないでーーーーーー｡･ﾟ･(ﾉ∀`)･ﾟ･｡（それでも書くけど）

ちなみに、WordPress 3.3 の新機能については、TAMOTSU☆ ことMighty-works さんが先日の WordBench 東京 in KDDI でも紹介していました。そちらも要チェックだ！（URL がわからずリンクはれーんｗ）

というわけで、WordPress 3.3 のリリースはもうまもなくです！

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

11月27日、品川の楽天タワーにて WordCamp Tokyo 2011 が開催されました。この日の前々日に妻の @eternal_tears_ の出産予定日になってまして(無事産んでくれました！)、この数ヶ月バタバタしておりあまり事前のお手伝いができませんでしたが、当日会場に行ってみると各所で引きて数多(？)で忙しく走り回り充実した一日を過ごすことができました。そんな裏方スタッフが WordCamp について思ったことを書きます。

このページを見にきてくださっている方には説明不要かもしれませんが、WordCamp とは オープンソースで作成されている世界 No.1 CMS『WordPress』のユーザーと開発者のためのお祭りです。

世界中で開催されており、日本では2008年の東京にはじまり、東京、京都、福岡、横浜、名古屋、福岡、神戸に続く9回目の開催になります。そして、日本で唯一の WordCamp 皆勤賞が私おでっせいなんですねー。これからお祭り男を自称することにします。

スタッフは7時半から集合になっていたのですが、嫁のところに荷物を届けたりして会場についたのは11時半過ぎでした。

スタッフとしてのお仕事

会場の7階につくと、nao さん、西川さんたちの歓迎もそこそこに、カフェテリアの昼食誘導にはじまり、会場から外出したお客さんの再入場の対応応援、じゅんじゅんの打ち合わせに合わせてデザイナートラックの臨時司会、そのままパネルディスカッションのパネラーまでこなし、バタバタと一日が過ぎてしまいました。め組の一員ではないのですが、なんとか立派に火消しの役目は果たせたでしょうか。

セッションの感想

前日 WordBench 東京で Twenty Eleven を使ったセッションをしていましたので、 こもりさんとたにぐちさんのセッションから自分のセッションと力点や興味の違いを楽しみながら聞かせてもらいました。また、原さんのセッションはデザイナートラックらしからぬらテクニカルさでしたが、MVCを導入してプログラマーにもわかりやすく書こうというもので、とても面白かったです(こもりさん、原さんとはやっとご挨拶することができました。Twitterではずっと前からフォローしていたのに!!)

そんなわけで、多くのセッションを聞き逃してしまったのですが、そこはUSTチームの汗と涙の結晶をありがたく見せてもらうことにします。

懇親会は同窓会に

あまりお酒を飲まないのと、基本人見知りということもあって懇親会はあまり得意ではないのですが、今回はとても大勢の人とご挨拶することができました。Twitter ではずっと楽しくおしゃべりさせていただいていたたけさんや、poyosi さんともやっとお会いできました(クッキー王子酒井さん、引きあわせてくれてありがとう！)

またCampにあわせて、北からひろまささん、akaさんが上京していたので、hibiki さん、isaki さんという WordPress 6年生たちでさながら同窓会となりました。 akaさん、日本酒ありがとうー。おいしかったよー。

WordCamp に思うこと

当日の来場者は770名を超えたとかで、 2008年にはじめて開いた Camp 東京の10倍近い人数になりました。思えば大きくなったもんだ、と思います。とても好評だったようですし、「ありがとう、Camp」というのはほんとうにその通りだなとおもうわけですが、このままではいけないな、と思うし、誰も書かないと思うので書いておきます。Camp 楽しかった、それだけでいいやと思う方はここで引き返してください。何も暗い闇の底を覗く必要はありません。

今回の Camp Tokyo 2011 は委員長が選んだリーダーを中心にコンセプトを固め、多くのボランティアを募った後もリーダーに決定権がありました。これは大勢の意見をぶつけ合っていると物事が決まらない、という反省を踏まえた体制ではあったと思うのですが、これが WordPress のようなオープンソースプロジェクトのあり方をただしく反映したものであるとは思えません。

WordCamp Planning | A Guide for Organizers にも話し合って解決していくべきことが書かれています。時間がかかると開催が危ぶまれるから、というのが理由では WordCamp を開催することが目的化していると言ってもいいでしょう。ぼくが思うのは、これは WordCamp としてやるべきではなかったのではないかということです。

WordCamp の規定が足枷となるのはこれだけではありません。スポンサーの宣伝・販促活動にも大きな制約がなされています。たとえば、地方で WordCamp を開き、地元の蔵元からお酒を提供してもらい、その場でおみやげ用に販売する、といった町興しと一体となった活動は歓迎されないようです。会社やサービスの名前を売ることが一番したいことなのに、そういったことが一番に制約されています。

WordCamp の運営費は WordCamp Foundation を通すことともなったようで、このため入金が遅延した、という話も聞きました。間違ってるかもしれませんが、海外送金を2度行う形になるでしょうから、為替手数料もバカにならないでしょう。汚い話になりますが、これだけの規模のイベントを行うにはかなりのお金が必要なのです。キャッシュ・フローの停滞はアキレス腱になりかねません。

WordCamp が大きくなってしまったが故に設けられた色々な制約は、ユーザー主体であったイベントを窮屈なものにしてしまっているように思います。この制約は WordCamp と名乗るがゆえに生まれます。

また、明るみには出ていないかもしれませんが、こうして Camp が大きくなり意見の対立が生まれたため、Camp のたびに二度とスタッフとして参加するまい、と思う人が出てしまっていることも事実です。寂しくはないですか？思いを同じくした仲間が去っていくのは。やる気（あるいは根気？）のある人だけ残ればいいのですか？

だから、今回の WordCamp Tokyo を楽しんで、自分たちもやりたいと思った方にはこうお伝えしたい。WordCampを目的化しないでください。WordCamp をやりたい、ではなく、あの楽しいイベントをやりたい、自分ならもっと楽しいイベントにできる、そう思ってください。

自分たちが何をしたいのか、それをまず第一に考えてください。そのために、1000人規模の人数を集める必要がありますか？ WordCamp という名前を名乗る必要がありますか？ 大事なのはイベントですか、それとも参加者ですか？

次に続くであろう人たちに、ぼくは WordCamp の後にこの話をお伝えしました。自分のやりたいことと真摯に向き合い、参加者の顔を思い浮かべてイベントを計画すれば、必ず思いを同じくする人たちがついてきてくれるでしょう。WordCamp でなくとも、スポンサーを集められるはず。WordBench でもいいし、WordCant でも WordWrap でもいいんです。ぼくも協力を惜しみません。だって、ぼく、お祭り男ですから。

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

麹町にある KDDI ウェブコミュニケーションズさんの会場をお借りして、WordBench 東京勉強会を開催しました。コーディネートは星野さんや大曲さん、micc さんにおまかせだったのですが、セッションのトップバッターで「一番いいのを頼む」とのことだったので、『Twenty Eleven でレスポンシブサイトをつくろう、そうしよう』というタイトルでもってお話させていただきました。

このエントリーは、そのときのスライドを用いながら、セッションを再構成したものになります。直に動画も公開されると思いますので、あわせてご活動いただけたら幸いです。

というわけで自己紹介をしました。質問があったのでここで答えますが、実はサラリーマンのレベルは毎年1つずつあがっています。サラリーマン10年目なので今はレベル10、来年は11になる予定です。←非常にどうでもいい話。

で、言わずもがななのですが、8bitOdyssey.com というサイトでブログをやっており、このサイトのデザインがこの日お話ししたことを通じてできあがったものでした。

まったくもって私事ですが、この日の前日、息子が誕生しまして、パパになりました。写真は息子が、WordPress の "W" マーク風にしてくれたところを撮影してみたものです。

というわけで、『おやバカ』に転職してレベル1からがんばりたいと思います。

自己紹介はこのあたりにして、では行ってみましょう。

ウェブとデバイスの歴史を振り返る

少し時計の針を戻して、ウェブとデバイスの歴史を振り返ってみましょう。

1998年には、ブラウザは Internet Explorer と Netscape とありましたが、ウェブ…ホームページのほうが一般的な呼び名でしたが…を見るものといったらブラウザでした。「インターネット」というアイコンをクリックして見る、といっていた人もいましたね。

これが翌年、iモードサービスがはじまることで携帯電話というデバイスが登場します。ただ、まだこの年には携帯電話用のサイトといえば公式サイトが中心で、いわゆる勝手サイトというものはまだまだ少数でした。

これが2003年になると、各社バラバラの仕様に対して、専用の携帯サイトが作られるようになります。ブラウザのほうはというと、WordPress が登場したのがこの年になります。

2007年になると、ケータイに対して素晴らしい救世主が登場します。WordPress に Ktai Style プラグインをインストールしておけば、とりあえずなんとかなってしまう、という優れもの。

しかし翌年さらなる黒船がやってきます。スマートフォン、iPhone の登場です（注：日本ではじめて発売された年、としています）

翌年にはさらに、Android ケータイと BlackBerry が加わります。

さらに翌年、iPad と Galaxy Tab という2つのタブレットが登場し、スマートフォンカテゴリがさらに賑やかに。

そして、今年。Windows Phone が加わり、もうごちゃごちゃに。

つまり、手間が増えているということです。あきらめるわけにもいかないし、手間と時間は無限じゃないし…。

がんばってスマホ対応したらしたで、あなたのサイトこう思われてませんか？

Facebook とかね(笑)

今日のお話はブラウザーとスマートフォン、タブレットをまとめてなんとかしてみよう、というお話です。

本日のアジェンダ

何を話していくか整理しておくために、本日のアジェンダを用意しました。

この順番でお話ししていきたいと思います。

レスポンシブ・サイトとは？

ここで、Twenty Eleven を画面に表示して、ブラウザ幅をググっと縮めてブラウザにフィットする様子をお見せしました。これだけだとただのリキッドレイアウトですが、レスポンシブと言われる所以を以下でご説明。

ではレスポンシブ・ウェブデザインとは？

HTML と CSS は主に、HTML 5とCSS 3になります。PC サイトには PC サイト用の HTML と CSS、ケータイサイトにはケータイサイト用の HTML と CSS…ではなくて、PC サイトも、ケータイサイトも、ひとつのページに対してはひとつの HTML とCSS になります。

今後登場するデバイスが、HTML 5 と CSS 3 に対応していれば大丈夫。もちろん WordPress もです。

逆にデメリットも。

CSS 3 未対応のデバイスでは「難しい」。「できない」と書いてないのは、JavaScript をかましたりすればなんとかなるからなんですが。

そして、これはどの携帯電話会社にも言えることですが、スマートフォンが登場してから通信量は飛躍的に増えています。ご自宅や会社では光ファイバーや ADSL でそれこそ50メガ100メガの回線を独り占め、なんて方もいるかと思いますが、スマートフォンでは、多くても14メガとか7メガをみんなで共有するため、通信速度は遅くなりがちです。レスポンシブ・ウェブデザインはそんな回線の遅い（細い）スマートフォンに、320px の横幅があれば十分なデバイスに、PC 用の1000 px のような大きな画像を読みこませる、という手法になります。

そして、最後。自分で作るときっと気が狂う、ということです。この後にも出てきますが、長さの指定や条件分岐など作り込みには非常に気を使います。Twenty Eleven の開発スタッフたちも、涙なしには語れないと言っていました。

つまり、

レスポンシブ・ウェブデザインは自分で作るもんじゃない。インスパイアするものだ！と僕は思っています。

でも、それはあなたのサイトをレスポンシブ・ウェブデザインにするのが大変なのではありません。

そう、WordPressならね。そこで、Twenty Eleven の出番です。

Twenty Eleven

これは Twenty Eleven テーマを適用して、PC で表示した時。

こちらは、iPad で表示した時です。

Twenty Eleven は WordPress 3.2 からのデフォルトテーマ。WordPress 3.3 にももちろん同梱され、Beta 3 でも問題なく動作しています。

テーマ機能の見本市になっていて、テーマ作成者の方は参考にすると良い機能がたくさん盛り込まれています。このあたりは、7月の WordBench 東京勉強会でお話しした内容を公開していますので、ご参照ください。

そしてもちろん、レスポンシブ・ウェブデザインです。

どのように実現しているの？

ここからちょっとソースコードや細かい数値が出てきますが、そうした部分にはとらわれず、エッセンスをつかんでもらえればと思います。

  長さ・高さの指定は % あるいは em で指定しています。

これは、Twenty Eleven の style.css の68行目からを引用したものです。

この中に #page というボックスの指定があって、よくサイト全体を囲うボックスに wrapper とか container とか名前をつけると思いますが、それと同じ役割をしています。

ここでは、#page ボックスに上下 2em 左右オートのマージン、ブラウザ幅が 1000px 以上の時に、長さの最大値 1000px が指定されています。

#page ボックスの中の要素の長さ・高さはすべて、この #page を基準に決まります。

#page の中には #primary と #secondary というボックスがあって、それぞれブログの記事部分とサイドバーの役割になっています。

#primary には float: left が指定されているので左に、#secondary には float: right が指定されているので、右になっています。

#primary は長さ100%ですが、右側に26.4%のネガティブマージンが指定されているので、右側には 1000px の 26.4%、つまり 264px 分の空白ができます。この空間に、#secondary が入ります。

#secondary にも右側に 7.6%、つまり 76px のマージンがあり、長さは 18.8% = 188px という指定なので、右図のようになります。

これが、長さが決まる基本になります。

続いて、CSS 3 Media Queries。

CSS でも条件分岐できる、ということですが、JavaScript なんて要らない！ということでは（残念ながら）ありません。

非対応ブラウザは、JavaScript で対応します。

css3-mediaqueries-js - css3-mediaqueries.js: make CSS3 Media Queries work in all browsers (JavaScript library) - Google Project Hosting

上記は style.css の2240行目以降を（わかりやすく）抜粋したものです。

これが通常適用される CSS。

これがブラウザ幅が 800px 以下の時に適用される CSS。実際には、@media (max-width: 800px) 以下で指定を上書きすることになりますので、ここの指定が優先されます。

最後に、こちらがスクリーン型の媒体でかつデバイス幅が 320px 以上 480px 未満の時に適用される指定になります。これは主に、iPhone や Android などのスマートフォンに対して適用されます。

では、どのように上書きされるのか、ブラウザの幅が 1000px 以上あるときと、800px 以下のときとを比較して説明します。

ブラウザ幅が 1000px 以上の時、#primary の中には、#content というボックスがあり、長さは58.4% = 584px、右に34%=340px・左に7.6%=76pxのマージンがあります。

ブラウザ幅が800px以下のとき（※未満となっていますが、以下と訂正いたします）、#content ボックスの長さは自動となり、右のマージンが34%から7.6%へと上書きされています。

#secondary ボックスは float: right から float: none となり、#content の真下に来るようになり、左にも 7.6%のマージンができるようになり、上述のようになります。

このようにしてサイドバーの位置を変えるようにあらかじめ指定してあるのです。

最後に画像もフレキシブルに。

このように、画像に対して親要素の97.5%になるような指定がされています。

さきほども説明した通り、親要素の #content ボックスはブラウザの幅に合わせて拡縮するので、画像もそれに沿って大きさが変わります。

ウェブサイトを作り始めた頃、大きなサイズの画像を用意して HTML や CSS の指定で縮めたりしないように言われたことがあるかもしれませんが、レスポンシブ・ウェブデザインではそういったことをあえてやっている、ということです。

子テーマのつくり方をおさらい

では、ここまでの内容を踏まえて、自分のサイトを Twenty Eleven を使ってレスポンシブにしてみましょう。既存のテーマを使ってサイトをつくるときには、子テーマの利用をお勧めしています。

実はぼく、自称子テーマのエヴァンジェリストでして、ここでお伝えする内容は、2010年の WordCamp Fukuoka でもお話しした内容の抜粋版になります。

親テーマの良いところはそのまま、変更したいところだけ変更できる、というのが子テーマのメリットです。

現行の WordPress では本体も、テーマもプラグインも、更新というボタンを押すと、最新のファイルになりますよね。あれはとても便利ですが、本体・テーマ・プラグイン、いずれにおいてもそれに加えた改変もクリアされてしまいます。

ところが、子テーマを作って子テーマをカスタマイズしておけば、親テーマに更新があっても、親テーマだけが最新のファイルとなり、子テーマはそのまま残すことができます。

さて、子テーマのつくり方です。超濃縮版でお届けします。

まずは、親テーマと同じ階層に子テーマのディレクトリを作成します。

今回は Twenty Eleven を使うので、そこに子テーマのディレクトリを、その中に子テーマの style.css となるファイルを作成します。

次に子テーマの style.css の先頭のコメント部分に、「Theme Name: なんたら子テーマ」と、「Template: かんたら親テーマ名」を記載します。

これで、WordPress はこのテーマを子テーマとして認識してくれます。

で、子テーマとしてカスタマイズしていくには、style.css でスタイルを指定していきます。親テーマの style.css をあらかじめインポートしておいて、それを上書きする形で仕上げていくのが一般的。

@import だとスピードが…と気にしちゃうビンカンなあなたは、子テーマの header.php を用意して、head タグの中で link 要素に style.css を指定するよろし。

では、テンプレートファイル、たとえば header.php を変更したい場合はどうするか。

親テーマから header.php をコピーしてきて、子テーマのディレクトリに配置しましょう。これで header.php を好きなように変更すれば、親テーマのではなく、子テーマの header.php が読み込まれるようになります。

子テーマカスタマイズのコツ

皆さんテーマ作成というと、スクラッチからテーマを作成したり、親テーマそのものを改変することが多いからか、子テーマでの作成をおすすめすると難しいとか勘所が分からない、という声をもらいます。そこで、ここからは僕が子テーマをカスタマイズする際に気をつけていることをお話しします。

一つ目は親テーマと目指すべきデザインを見比べて、どう変更したら近づけられるかを考える、ということ。

両者を見比べて、header の横幅を変えれば対応できそうだ、とかコメント数の背景を吹き出しの画像に変えれば…といったように、どのようにスタイルを書くか、という考えから、どのように変更するか（さらに言えば、どのようにすれば一番最小限の工数で実現できるか）という発想へと転換して、進めるようにすると良いと思います。

2つ目はワイヤーフレームを書いて、狙い所を確認するということ。1からテーマを作る際にもワイヤーフレームを書くことが多いかと思いますが、親テーマが他人のつくったものであるなら、なおさらワイヤーフレームを書いたほうがよいと思います。

といっても面倒でしょうから、Twenty Eleven に関してはワイヤーフレームを書いて見ました。

3つ目はすでになさっている方も多いかと思いますが、スタイルの現状把握をするときは style.css だけでなく開発ツールを使ったほうがよいと思います。

Chrome ですとデベロッパーツールがプリインストールされていますし、Firefox であれば Firebug などの拡張機能ですね。

このように、要素を指定するとその要素に対するマージンがオレンジ、パディングがグリーンで表示されます。構造が把握しやすくなりますし、実際の値は右下のところでプロパティを確認することができます。

そして、この Twenty Eleven もそうですが、HTML 5 のテーマを扱う場合には次のことも気をつけておくとよいかもしれません。

これはつまり、こういうことです。

タグではなくて、ID や クラスを駆使する。

これはなぜかというと、消滅して、復活した <time>要素というニュースが先日もありました。

HTML 5 のタグも仕様も変わる可能性がある、またテーマも開発を重ね変わる可能性があるからです。

また、Twenty Eleven についてはファイルが多すぎてよくわからない、どれが何の役割なのかわからない、という声もありました。

そこで、先日 Twenty Eleven のファイルを分類してみました。

8bitOdyssey を作るにあたって僕が変更したこと

最後に、実際に僕が変更したことです。もちろん、背景画像を指定したりロゴを書いたりといったことはしたのですが、レスポンシブ・デザインに関わる所としては、これだけです。

左が Twenty Eleven をそのまま引き継いだ場合。右が理想の形です。左のままでもなかなかですが、細かく見るとロゴが右端で切れてしまっていたり、検索フォームがメニューの文字にかかってしまっていたり。

これは直したい。

というわけで、このように指定しました。

iPhone で表示。うまくいっています。

iPad で縦表示。

iPad で横表示。

One more thing...

さきほどお見せした iPhone の画像では adsense の広告がモバイル版になっていました。パソコンや iPad では 468px の広告になっています。

もし iPhone で 468px の広告が表示されてしまったら、当然その画像に引きづられて、レスポンシブどころか不恰好なデザインになってしまいます。これはなんとかしたい。

このように $is_iphone という関数が用意されているので、これを使うことでモバイル用の adsense コードと、通常の adsense コードとを条件分岐することができます。

これはモテる！

というわけで以上。

ご清聴ありがとうございました。

公開しました！全部まとめてみたいよーっていう方は以下の SlideShare をご活用ください。

[slideshare id=10333988&doc=20111126wordbenchtokyo-111126010702-phpapp01]

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

Twenty Eleven についてはこれまでにもいろいろ記事にしてきましたが、Twitter を見ていたところ…

[blackbirdpie url="http://twitter.com/shinichiN/status/138433373084463104"]

分類した絵を作ったらモテるらしいです。

…モテたい…！ というわけで、作って見ました。

Twenty Eleven テンプレートファイル一覧

Twenty Eleven に含まれているテンプレートファイルは以下の通りです。表示されるページが何のページであるかによって、呼び出されるテンプレートファイルが決まります。

Twenty Eleven でインクルードされるファイル一覧

こちらはテンプレートファイルなどでインクルードされる部品ファイルや画像、スクリプトファイルの一覧です。

これさえあれば、もうファイルが多すぎてよく分からない、なんて言えないよね('∇')

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

WordPress 3.2 からデフォルトテーマとなった Twenty Eleven はデバイスを問わずコンテンツを表示できるレスポンシブデザインとなっていていろいろ素敵なわけですが、その構造ゆえに子テーマをつくろうとすると非常に難解なため頭痛薬がいくらあっても足りません。

というわけで、Twentye Eleven のレスポンシブ構造を図解してみました。

header

#main と footer

上記の図を見るにあたっての注意点

※矢印をつかって margin や padding が指定していないところには margin または padding は設定されておらず、つまり外包または内包する要素に隣接していると思ってください。

※もともとのソースにおいて、margin や padding となっているところはそのまま、margin-top、padding-right などと指定されているところはそのように表記しています。

※Twenty Eleven は #page に指定されている max-width: 1000px と css 3 media query を使ってコンテンツ幅を決定します。ブラウザの幅が 1000px 以上の場合、#page の幅は 1000px となり、そこから % / em 指定されている要素の幅や高さが決定します。たとえばブラウザ幅が 1000px 以上の場合の 7.6% は 76px、1em は font-size の 15px となります。これを念頭において、スタイルを上書きしてみてください。

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

去る9月11日に神戸芸術工科大学にて、WordCamp KOBE 2011 が開催されました。今回はメインホールである Central Cafe の司会を依頼されたため、ほぼ一日を Central Cafe で過ごすかたちとなりました。そんな変わった立ち位置から見た WordCamp KOBE 2011の裏側をレポート致します。

Camp 自体は午前のアンカンファレンスが10時から、午後のセッションが12時半からとなっていましたが、スタッフの我々は会場に8時集合。宿泊していたホテルからは1時間程度みないといけなかったので当日は6時おき7時出発となりました。

みんなは朝ごはんを食べていなかったので、マクドにて朝ごはんを調達。見事なめ組の行列ができあがりました。

ハンバーガーを頬張りながら運転する組長。ひた走る車。

大学に到着して一息。ここで Alex King に認められたセカイの宮さんことmiyauchiさんとご対面…！

神戸芸術工科大学のキャンパスは超オシャレ。なにこれ、ぼろっちかったぼくの大学とはじぇんじぇん違うやんか。ぼくの知ってる学部も一つもありませんでした（総合大学じゃないからだろうけど）。

大学の綺麗さに感激しながら、会場の教室へ。

来場された多くの方は中を覗けなかったかと思いますが、ここがスタッフの控え室でした。Webnist さんが先生風に教室を見回していますｗ

RieさんデザインのスタッフTシャツ…！いろんなのを着てきたけど、ピンクははじめて。いい色ですね。

スタッフミーティングで説明する hissy さん。できるね。ぼくも含めて当日スタッフがかなりの数いたので、ここで全体の概要を説明してもらえたのは本当に助かりました。…司会のところの説明はなかったけど(笑)

元気な星野さんと、半分以上寝てる Webnist さん。

委員長である組長の掛け声で、いざ説明スタートです。

設営なう。

IIJ さんのブースには、あの、Wapuu マグカップが。おれ、この設営が終わったら、マグカップもらうんだ…！

設営がおわって控え室に帰ってくると、セカイに認められた二人がはなしをしてました。

スタッフも手弁当のため、懇親会の受付に行くことに。

懇親会受付のみなさん。今回入場は無料だったのですが、懇親会はもちろん有料というわけで唯一の受付業務がこちらでした。大勢を見事にさばいてらして本当に見事でした。

会場サイン。

プライム・ストラテジーさんのブースに座るまがりん。午後にセッションを控えていたので、結構緊張してたそうです。

megane さんがホワイトボードに場内マップをかいていました。

というわけで、ぼくも Wapuu を書いてみました。さらっとな。

場内マップ完成！

あっという間に時間は9時半を過ぎて、アンカンファレンスの入場が開始に。午前中に200人はいたんじゃないかな。

組長によるアンカンファレンスの説明。話したいテーマのある人を募集して、それに興味のある人たち一緒についていって…とうまく誘導していたので自然と輪ができました。

ぼくはというと、スマートフォン・ガラケー対応どうすべぇという輪に加わりました。皆さん、対応には頭を悩ませているみたいですね。

ガラケーは来年中にはほとんどアクティブユーザがいなくなると思われるので、ktai sytle にまかせる。スマホ対応を wp-touch みたいなプラグインにまかせるか、レスポンシブデザインか（個人的にはまだ時期尚早だと思う。回線的な問題で）、といったところがぼくの考えです。

というわけで（どういうわけだが）、今回もまがりんのヨメ募集を告知。いい人見つかるといいですね。

控え室に戻ると髪切ったらしい Nao さんを発見。いったい、どこにいたんですか、っていうか、いつ来たんですか(笑)

気づくと、12時間近。12時20分からは開会式が始まるということだったので、急いでコンビニにご飯を買いに行きました。

ご飯を食べて戻ったところで、「俺の印税がこんなに高いわけがない」の記事で WordPress 界を震撼させた高橋文樹さんとご対面。なんと彼とは大学のとなりのクラス、という関係。

おそらくキャンパスですれ違っていたであろうに、こんな神戸で、しかも WordCamp でご挨拶する、という WordPress の世界狭っ！という出来事でした。今後ともよろしくお願いします（ペコペコ

ご挨拶もそこそこに司会をしに、セントラルカフェに向かいます。

WordCamp やリリースパーティなどで大勢の前でしゃべる機会をいただいているので、もはや300人だろうと400人だろうと緊張などしないのですが、この時は別の意味で緊張していました。なにしろ、メインスタッフから演出等の指示が何もなかったからです。いいのか、勝手にやっても！

（あとから組長に聞いたところ、その辺の打ち合わせをしなくてもちゃんと出来る人、ということで選んでいただけたそうですが…）

というわけで、組長に開会の挨拶をしてもらいつつ、注意事項をお伝え。「電子機器類、Mac の起動音にはご注意ください」とかいうネタを言いたかったのですが、すっかり忘れてしまいました。

でも、WordCamp はみんなで作るもの、ゲストのみなさんも参加してくださいね、ということは伝えられたかなと思います。伝わっていましたか？

最初は Nao さんのセッション。

ぼくも映っている ＆ ぼくが撮った写真も使ってもらいました。

誰もが情報発信できる＝出版の民主化、というのを強く感じられるセッションでしたね。震災以後の情報発信という分野で WordPress が多く使われていたとのこと。ぼくは見たことのないサイトばかりだったのですが、Nao さんはどこでこういうのを知るんだろう？

神戸芸術工科大学の職員でもあるスタッフの平田さんのセッション。大学のサイトは WordPress のマルチサイトで作られていて、どのように使われているか、どういった部分がよいのか、説明されていました。

プレゼンもすごくて、PowerPoint でも Keynote でも Impressive でもない、Flash ベースのプレゼンツールだそうで、拡大したり回転したりとグリグリ動いていました。どのように公開するか悩んでもいたようですが(笑)

スマートスタイルの森岡さんのプレゼンは、WordPress の MySQL ストレージエンジンに InnoDB を使ってみるというもの。現在の WordPress は MySQL のデフォルトストレージエンジンである MyISAM でもってデータを操作します。ところが諸々の理由から、MyISAM よりも InnoDB のほうが高速かつ優秀で、MySQL 5.5 からはデフォルトストレージエンジンも InnoDB へと変更されていることから、これを実験的に使いながら、パフォーマンスチューニングするというものでした（XAMPP をお使いの方は XAMPP フォルダの中の my.cnf を覗いてみると InnoDB の名前が確認できるはず…）。

少し前から VPS をいじりはじめて少しずつわかってきたところだったので、このセッションは大変興味深かったです。

WeelyCMS 界隈の人にはおなじみ、マイクロソフトの武田さんによる WebMatrix セッション。WordBeach のときにも書きましたが、WebMatrix のデータベースツールはとてもわかりやすくていい！それに尽きます。

WebMatrix の新バージョンのベータ版ももう少しでリリースされるそうで、こちらも今から楽しみです。

IIJ の粟津さんによる「クラウドと WordPress が生み出す価値」。IIJ の提供しているSaaSの紹介から、WordPress のエンタープライズ利活用事例の紹介がされていました。

これだけ大規模なスケールで WordPress を運用する事例というのは限られてくるかと思いますが、そうした必要に迫られた場合にはぜひ相談してみるとよいかもしれません。

そしてここでトラブル発生。どうも会場のディスプレイと VAIO の相性が悪いようで、まがりんが用意していた VAIO の映像が映りません。急いでかけつけるけん牛社長＆奥様。

だから、MBAを買っておけとあれほど（ｒｙ 緊張してたのにさらに焦るまがりん…と一騒ぎありました。

大曲さんのプレゼンは先日リニューアルした曰くつきのプライム・ストラテジー株式会社ウェブサイトを元にした、WordPress のカスタマイズ事例。

コーポレートサイトとしては要らないものもあるんじゃないかな？と思わないでもないですが、カスタマイズの好例なのは間違いないでしょう。最近はまがりん以外のアイコンが増えてきたのもよかったですね（さすがにまがりんだらけは不気味だった…）。

セントラルカフェ最後のセッションはターゲッティングの藤田誠さん。ウェブサービスの持っている魅力とポテンシャルを最大化してマネタイズするプロ集団だそうです。

一体どんなことをするんだろうと興味深く聞いていたら、こ、こんなにゴリゴリの成果管理を積み上げていくんですね。コンサルティング某大手の方とお仕事をさせていただいた時を思い出しました。

仕事でその手の部署に戻ったら、必ず藤田さんにお願いしよう、と心に決めたおでこでした。

これにて、セントラルカフェの全セッション終了です。残念だったのは、デザイナーズカフェやディベロッパーカフェに多くの人が流れてしまって、とても貴重な、普通だったら相当のセミナー費用を出さないといけないようなセッションを聞けた人が少なかったことですね。森岡さんや藤田さんのセッションはもっと多くの人に聞いてもらっても良かった内容だったと思います（というわけで、スライド資料も公開はされないのでは…？と思います）。

さて、いよいよ一番勢いのあるコンテンツ、ライトニングトーク８連発です。

西村さん。鹿児島もご飯おいしいですよね。

森川さん。蟹、また食べに行きます。

そして、板垣さん（写真撮り忘れました！ごめんなさーい！）。アクセシビリティの重要性を改めて認識しました。

ゆりこさん。本気で dis りはじめるんじゃないかとこちらはヒヤヒヤしましたよｗ

カイさん。Flickr2Tag も便利そうですね（ぼくは Media Flickr 派だけど）

星野さん。一緒にダイエットしましょうね！（セッションとは関係なし）

西川さん。我が家にももうすぐこでこが誕生するので、ぜひ新サービス、モニターさせてください。

そして組長。先日のトラブルのときにはほんとに用心棒が欲しかったです。

ライトニングトークに耳を傾けるゲストのみなさんの表情はこんな感じ。みんなとても楽しんでいました。この表情を見れただけで、僕はもう満足です。

組長に閉会の挨拶で締めてもらい…

WordCamp KOBE 2011 これにて終了です！

懇親会会場に移動。ライトニングトークで満足しちゃった（あとね、相当眠かったのよね…）ぼくは、司会ブースでおとなしくしてました。すいません、すいません。

左からメインスタッフの Rie さん、mamy さん、horike さん、そして締めの挨拶 hissy さん。本当におつかれさまでした。はじめての WordCamp だったのに、みなさんの動きと準備は見事と言わざるを得ません。

楽しかったです！ありがとう、ありがとう！

紹介しきれへん写真はこちらやで～：WordCamp KOBE 2011 - a set on Flickr

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

あれは、今年の夏の一番暑い日のことじゃった…。

WordCamp の講演依頼も来ないし、隠居でもするかのうと思っておったワシのところに、こんな依頼がきたんじゃ。

隠居しとるばやいやない！ダイエットせなあかん！

というわけで、来る9月11日神戸芸術工科大学にて開催される WordCamp KOBE 2011 で司会やります。世界初の「司会そっちのけで写真を撮る司会者」を目指しますんで、興味のある方（何に？）はぜひお越しくださいませ。

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。

８月27日～２８日と、WordBench Nagoya 主催のイベント "WordBeach Nagoya 2011" が開催されたので参加してきました。開催スタッフの情報連絡用 Cybozulive にも誘っていただいていたのですが、当日朝に「一日を楽しむ！」というタスクを作ったくらいのサボりっぷりで、好き勝手に写真を撮りつつ、大半は Katz さんの Ustream スタジオ放送に出演するという半ゲスト半スタッフという感じで楽しく過ごさせてもらいました。そんな僕目線で WordBeach レポートをお届けします。

WordBeach の会場は愛知県知多市にある新舞子 まなビレッジ南浜荘。結構遠いなー、と思っていたら南知多よりも全然北でした(; ･`ω･´)

こちらは今晩 Pillow Fight (=まくら投げ)の会場になる予定だった宿泊施設です。

ぼくらも含めて東京からも続々と参戦。こちらはプライムストラテジーさんの WordPress が大好キーズ。

小野委員長のかけ声とともに、スタッフ一同、設営準備に向かいます。

Ust 準備中の mikage さん。

セッション準備の Nao さんと yuriko さん。

設営準備中の受付。

今回のために、ノボリも作られたそう。さすが東海共同印刷さん！（でいいのかな）

よーく見ると、実は WordBeach ではなく、WordBench になってます。汎用性、大事( ･`ω･´)b

心地よい海風にふかれてノボリの字が見えなくなっちゃうので、webnist さんにおさえてもらいました。ちょっと幕末風（笑）

たぶん kz さんデザインのエロかっこいいフライヤー。受付に貼ってありました。

今回はセミナー部分は入場無料で、懇親会、宿泊のみ実費、となっていたので、お金のやり取りがない分、楽に見えました。…そうすると、フライヤーの金額もいらないのか…(; ･`ω･´)？ まぁまぁ、見た目は大事です。

とはいいつつも、きちんと来場者のアカウントを確認してチェックを されてたので、受付には行列が。気分が高まりますねー。ぼくもちゃんとゲストの皆さんと一緒に並んで受付してもらったら、スタッフ用のリストに紛れてて意味ナッシング。すいません、すいません…。

こちらは初級者向けの教室。

こちらは中上級者向けの教室。そう、こちらには初級者向け教室にあった暗幕がなく、スライドを写すと逆光に(; ･`ω･´) スピーカーがスライドをウェブにアップして閲覧してもらうなど、見事な連携プレーでカバーをしていました。

続いてスポンサーブースへ。

Microsoft の武田さんです。WebMatrix マンを東京から持ってきたんですか⁉ すごい!!

こちらはプライム・ストラテジーブース。WordPress が大好きです、はスクリーンセーバーにもなってるらしいです。

WordBeach 開幕

いやいよ、小野委員長の挨拶でイベントスタートです。

初級者教室は Nao さんの「WordPress のよくある疑問と誤解を解決します！」からスタート。WordPress 事情には結構詳しいつもりのぼくですが、Nao さんのスピーチには毎回知らないことがあるので、見逃せ…いやいや、聞き逃せません。

皆さん真剣な眼差しで耳を傾けてます。

こちらは小野委員長によるデスマワークショップ。武田さんがサポート。かなり濃い内容で、参加者に熱い絆が生まれた模様です。

hokori さんによる、「WordPress 3.2の新機能＆新デフォルトテーマ Twenty Eleven 大解剖！」。ぼくのブログ記事をいっぱい参考文献にあげていただいているので、ぜひスライドを見てみるといいよ！

Katz さんのスタジオ放送では、@Rie05 さんと @hissyNC さんが WordCamp Kobe を宣伝。ほんとにピンクだ～と心のなかで思っていたことは言うまでもありません。

プライム・ストラテジーのシャッチョさんにして、我らが漆黒の黄色い弾丸ことダース・マーガリンの上司、中村けん牛さんの「日本語環境における WordPress の高速化」。とても興味深い内容なのでぜひスライドを見ていただきたいのですが、重要なのはどういう方法でもって高速化しているか、ではなくて、それぞれ効果が出るかどうかきちんと判断をしている、という点です。すべてのサーバーでこの結果になるわけではありません。ココ大事( ･`ω･´)b！

このセッションを聞いて、ぼくもこのブログのサーバに APC と 001 Prime Strategy Translate Accelerator を入れてみたよ～！かなり高速になってるはず。

あと、けん牛社長は30年来のマイコン少年だそうなので、きっとべーしっ君読んでたに違いない。

yuriko さんの「セキュアな WordPress プラグインの作り方」。このセッションの中で屋号や wp- をプラグイン名につけないほうがいい、的なことをおっしゃられてたらしいのですが、僕はこの写真を撮ってすぐに Katz さんの Ustream スタジオ放送に呼ばれてしまったので、すいません、まったく聞けてません。

photo credit: lilyfan

photo dropper はもう少しましな UI というか、せめて URL を指定できるようにならんかー！と思いながら yuriko さんの写真を借用！yuriko さん、ありがとう！

Ustream スタジオ放送はこんな感じで、Nao さん、まがりん、webnist さんと出演しました。WordPress ME 時代の話をはじめ、かなり WordPress 黎明期の話が出てきましたね。Nao さんが自動車会社で派遣さんをしてたというのも衝撃の事実！ｗ

Katz さんに「なんでおでさん、そこまで WordPress のことやってんの？」と鋭く切りこまれましたが、なんででしょうね。自分でもよくわかりませんし、放送中では「こうして旅行しておいしいもの食べれるし…」などと答えていますが、レーゾンデートルがそのひとつでしょうね。やっぱり必要としてもらえるというのはうれしいものですよ。

こちらは南浜荘で割り当てていただいたお部屋。お腹が大きくなってきて、疲れていたてぃあ子を安心して休めることが出来ました。会場スタッフの皆様、ありがとうございました。

Ustream 放送はさらにさらに続きます。

石川さんの「カスタム投稿タイプ・カスタム分類・カスタムフィールドを 活用したサイト構築例」。初級者教室でここまでやるかぁという感じ（いい意味でね）。Ustream のアーカイブ聞かなくちゃ！

これでセッションが終了し（結局、Ustream スタジオにいたので、当日ほとんどセッションは聞けませんでした）、ライトニングトークへと移行します。

ライトニングトーク

プライム・ストラテジー土肥さんによる「企業向け CMS のカスタムフィールドテンプレート活用法」。ぼくはわりとガリガリ記事書いちゃう人なので、カスタムフィールドはほとんど使っていないんですけど、この発表を聞いてると使おうかなーと思っちゃいました。

そんな部下の働きに大曲マネージャーもご満悦の様子。

浅井さんによる Cybozulive のご紹介。グループウェアっていくつか使ったことあるんですけど、Cybozulive は結構使いやすいですね。メンバー制限はあるものの無料で使えるということもありがたいところ。

ちなみにぼくの Gmail はこの時期名古屋スタッフから届く Cybozulive の更新通知ですべて埋まっていました……。

Microsoft 武田さんによる WebMatrix のご紹介。WordPress も含めてローカル環境というと XAMPP や MAPP を使うことが多いと思いますが、WebMatrix もかなりいいですよ。

ぼくが一番気に入ってるのは、データベースを書き換えるのがとても容易な点。MySQL コマンドなんて知らんよ、とか phpmyadmin だとどこを押せばよいのか…なんて人でも Excel ライクな画面で書き換えたいところをクリックするだけ、というのはとても良いです。

星野さんによる WordPress と WebAPI 連携。これもいいなーって思うのですが、API で外部サイトからデータを引っ張ると何かと重くなりがちなのが悩みどころ。

ところで、今回の星野さん、とても淀みなくプレゼンしてましたが、もしかしてばっちり練習しました？ｗ

webnist さんによるめ組テーマ「大名行列」秘伝の書の紹介プレゼン。セッション全般で宣伝禁止（？）だったらしく、秘伝の書の値段をまるごと消している上、全編「ん！」によるしゃべらないプレゼンスタイルだったので、どこまで伝わったかわかりませんが、このテーマもすごいですよ。

ぼくも「大名行列」の子テーマを作る予定です。予定は未定ですが。特にリリース時期。

さてさて、WordBeach セッションは大団円にて終了。

確認さんこと@horike37さんによる 「WordCamp 神戸のお知らせ」。webnist さんの後だったので、「ん！」という出だしの演出がニクい（笑）

神戸はぼくもいきますよ！行かれる方いましたら、現地で会いましょう！

窓から空を見上げるととても美しい夕暮れになっていました。

懇親会

懇親会模様。シェフは８０人分の料理をお一人で作られたそうです。普段は50人分が限度だそうで、80人と聞いてシェフの顔がひきつっていたそうですが…(; ･`ω･´)

魚の活き造りです。写りたそうにしていた人たちがいっぱいいたので、背景でボケてもらいました(^m^)

石川さんの挨拶。

かんぱ〜い！

名古屋恒例のビンゴ大会。今年も全然あたりが出ませんでした。

昨年は堂々の早上がりで WordPress マグをもらったわけですが、今回は全然数字があいませんでした。それでもなんとかアタリ枠に入ることはでき、例のノボリ（ミニサイズ）をゲット(σ・∀・)σｹﾞｯﾂ!! モニタの横にかざろうっと。

Pillow Fight …？

お風呂に入った後は Pillow Fight …こと枕投げ…なのかと思っていたのですが、Nao さんは眠かったようで早々に寝てしまい、名古屋スタッフの方の多くは Katz さんの Ust へ。そして、遠方から来たメンバーノ多くは、一つの部屋に集まって即席もくもく部へ突入です。

photo credit: lilyfan

それぞれまったく別の作業をしたり、分からないところを聞いたり教えたり、人の作業を興味深く眺めたりと思い思いの時間を過ごしました。これぞ関東が誇るもくもく部です。名古屋や神戸の人にも紹介できてよかった！（…とひとり満足）

僕はというと、上述した 001 Prime Strategy Translate Accelerator の英語になんとなく違和感があったので、翻訳作業を開始。

yorozu さんと二人で頭をひねっていたのですが、どうにもいい表現が出てこず、たまたまやってきたスロバキア人のミカルさんを巻き込み、なんとか英語らしい po ファイルを勝手に完成させて、まがりんに送りつけました。まがりーん、あれプラグインに反映してね～( ･`ω･´)v

yorozu さん、ミカルさん、ありがとうございました。

…午前3時で力尽きて、ぼくはお部屋へ。入れ替わりで Nao さんが奇跡の復活。

…

そしてねぼすけの割りには7時に目が覚め、外を見ると何やら見たことのある人たち(=もくもく部メンバー)が歩いている。行かねば…！

WordBeach を目指して

聞くと、WordBeach というイベントなのに、まだ海岸に行ってないじゃないか、とみんなで海岸を目指すらしい。海岸はどこだ。

海岸はどこだ。まがりんはしゃぎ過ぎ。

しかし　海岸は見つからなかった……。お疲れのみんな。

First Element 宮澤さんのインテグラで、朝食の買い出し。その後、近くの海岸へ。

海岸到着！WordBeach だー！

はしゃぐ、Wボーイズ（WordPress の W マークを作ってるつもりです）

これにて WordBeach 終了です。おつかれさまでした。

photo credit: lilyfan

WordPress は元気もパブリッシュしてくれる

こんな感じでいっぱい疲れましたが、充実感と元気でいっぱいです。

そう、WordPress は投稿やページをパブリッシュして届けてくれるだけじゃないんだよ。元気もパブリッシュしてくれるんです。

参加しようかどうしようか迷ってる人、ブロガー仲間が欲しい人、仕事に疲れた人はぜひ WordBench に参加するといいよ！

ここでご紹介しきれなかったたくさんの写真はこちらからどうぞ→WordBeach - a set on Flickr

© 2012 Odysseygate.com This Feed is for personal non-commercial use only. If you are not reading this material in your news aggregator, the site you are looking at is guilty of copyright infringement. Please contact odysseygate@gmail.com so we can take legal action immediately.

鼻からカフェモカ。