第6回WordBench埼玉を開催しました

4月21日(土)に、WordBench埼玉を開催しました。
ものすごーーーく遅くなってしまいましたが、レポート記事です

今回のテーマはマルチサイト。

講師を務めて頂いた松田さん、大曲さん、こもりさん、ありがとうございました。
そして、ライトニングトークにエントリーしてくれたみなさん、ありがとうございました。

勉強会レポートは色々な方に書いていただけてるので、ここでは本番までの経緯などをご紹介したいと思います。

まずはマーケティング

勉強会や写真部などを企画する際、多くの場合「聞きたい内容」と「いつ参加できるか」を身近なところから聞いた上で企画していました。
一番の理由は企画したけど誰も来なかったという事態を避けるため。

でも、これだと毎回同じような顔ぶれになるので、今回はちょっと違うやり方をしました。

まずはニーズの調査(大げさw)。
TwitterやFacebookで流れてくるリアルな悩みを参考にしようと思いました。
思い返すとここ半年くらいの間に結構な頻度で「マルチサイトわからない」といった内容の言葉が飛び交ってます。

WordPressマルチサイトを主題とすることにしよう。

ただ、単にマルチサイトのことを開催するつもりはありませんでした。
どうせやるなら、Web業界の人があまり勉強されていないところに踏み込みたい。
その1つがDNSでした。
マルチサイトを十分活用するのに絶対に必要なDNSをどうしても勉強会に取り入れたかった。
昨年3月に自分がスピーカーでマルチサイトの勉強会を開いたのですが、DNSのことを十分に説明できなかったのが心残りでした。

なので、事前リサーチを兼ねて、Twitterでこんなつぶやきをしてみました

DNS+WPマルチサイト+サーバー高速化 なんて勉強会開催できたら面白いと思ったんだけどなぁ
@yorozu
かとちゃん

これに対して、多くはないけどそこそこ良いリアクションあり。

ニーズがあることは分かったので、実際に企画段階にフェーズを移動です。

意外とあっさり決まったメインスピーカー陣

スピーカー探しはまず最初に、適任者を探すのに手間取りそうなDNSについて語ってくれる方から探そうとしました。
最悪は自分が喋ることも視野に入れつつ。

そんな最中、ある種の事件が起きました。

改めて経緯説明しようとするとイライラするのでw割愛しますが、実は2月末から数日間、いわゆるDNS博士とTwitter上でバトってました。

ただの水掛け論状態になっている最中、今回DNSのスピーカーを務めてくれた松田さんが颯爽と現れてくれました。

@ 横から失礼しますが、Dozensで勉強会みたいなものを主催したりするというのはアリだと思いますか?その、エンドユーザレベルでざっくりとくらいなレベルで。
@dozens_jp
DNS管理サービス「Dozens」

最高です!ヽ(^o^)ノ

もちろん二つ返事でOK、というよりこちらから是非ともお願いしますといった勢いで即決!

そして、マルチサイトについては大曲さんに打診しご了解を、
高速化についてはこもりさんと岡本さんに声をかけて、こもりさんがご担当頂けることに。

両者とも最近WordPress関連の本を出版されたばかりで「本の宣伝かよ」と思われた方も少なからずいらっしゃったようですが、今回はそれでもいいと割り切ってました。
体裁よりも内容と質重視。

あとは、三者のスケジュールを突き合わせて21日に決定しました。

ちなみに、スピーカー決定後の日程調整等は、Facebookに秘密グループを作って行いました。

会場の選定と参加募集の周知

今回は乗り換え等が便利な新越谷駅最寄りのコミュニティーセンターの会議室も検討したのですが、市民会館に比べて倍は高い。
しかもそんなに収容人数ないし、設備もほどほど。

仕方ないので今回も、安く広く、会場を手配するのも簡単な越谷中央市民会館を選びました。

前回が45人集まったし、今回も40人オーバーを目指してたので、とりあえず80人部屋(40+40の2部屋連結)にしました。
もし人数がそれほど集まらなければ2週間前までなら無償でキャンセルできるので1部屋減らせばいいやと思ってたのですが、予想以上の良い反響!
開催の1ヶ月前にはもう80人いっぱいになってしまったといううれしい悲鳴でした

意外と言っては失礼かもしれませんが、WordBench埼玉からのランディングが意外と多かったです。
Bitlyでの統計なので正確性に欠けると思いますが、saitama.wordbench.org が37%を占めてました!
次点がDirectの19%と考えると、やっぱりWordBenchのネームバリューはすごいんだなーと改めて実感した次第です。

そして本番

今回はあえてスタッフ募集とかしてなかったので、全部自分で準備。
早めに行って席セッティング、会場オープン。

1人でも100人までならどうにか回せるだろうと思ってたのですが、1つ落とし穴が。

司会をやってる最中、受付できないんですよね。
身体も受付用データの入ってるパソコンも一つしかないから両方同時にはできない、という事態 (・_・;
普通に参加者としていらした中畑さんが早々に受付サポートに名乗り出てくれたおかげで事なきを得ましたが、サポートが無かったらどうなってたことやら・・・
本当に助かりました m(_ _)m

最終的には71人来場でした\(^O^)/
ドタキャン率1割は悪くないのではないでしょうか。

一駅移動の懇親会場への移動も前回参加の方のサポートもあり(たぶん)大きなトラブルもなかったかと思います。

そんなこんなで、全日程を無事完了いたしました。

本当に多数のご参加、ありがとうございました。

イベント主催から運営まで一人でやってみて

今回の一人幹事は、無茶を承知であえてトライしてみました。

前回のWB埼玉では星野さんと共同で行いました。
この時、イベント運営慣れしてる星野さんに頼り切ってしまった感が否めなく、申し訳なさと個人的な消化不良がありました(あ、星野さんが悪いわけではありませんよ^^;)。

そこで、自分の限界に挑戦してみたくなりました。

  • 一人で何人までさばけるのか?
  • 周知受付から開催、司会進行まできちんとできるのか?

もちろん今までもWB埼玉を主催してきましたが、既知の方の参加が多くて少々甘い運営だったと思います。
今回は、全部キッチリやってみよう、と。

結果は・・・アンケートでは運営進行そのものに対してのダメ出しは特になかったから、及第点だったと思ってよかったでしょうかね

個人的には、受付体制の不備、無線LAN環境を用意するつもりが手がまわらなかった、の2つが失敗だったなぁ、と。
それ以外は意外とできたかな
80人規模の企画運営進行も「がんばれば」1人でできるということがわかりました。
頑張りすぎだったのか、翌日体が動きませんでした(^^;

中畑さんからも
「頑張り過ぎると、途中で力尽きるよ?」
とお叱りを受けました。まさにおっしゃる通り・・・

今回は、あらゆる意味で幅広く勉強になりました。

1人幹事は、トラブルが1つでも起きると一瞬で破たんしてしまう恐れもありました。
参加者のみなさんのご協力のおかげで無事終わらせることができました。

本当にありがとうございました。

次回はこんな無茶はせず、数人で開催したいなーと思ってます :-)

今後ともよろしくお願いいたします。

 

facebook「いいね」を押したときに表示されるサムネイル画像を指定する

WordPressで、記事に組み込んだfacebookの「いいね」ボタンを押したときにウォールに表示される画像をきちんと指定する方法です。

最近オープンしたサイトで、「いいね」を押したときにウォールに表示されるサムネイル画像が大半の記事で全く関係ない違和感たっぷりな画像が表示されてしまったので、ワタワタと対応しました。
(今までそんな問題はなかったのですが、、、気づいてなかっただけ?)

調べてみると、手動でウォールに投稿するときと違って「いいね」の場合はfacebookが適当に画像を選んでくれるらしく自分で画像を選ぶことができません。
サイトの方で指示してあげる必要がありますが、OGP (The Open Graph Protocol) を使うことで解決できそうだったので、検索で引っかかったサイトを参考にコーディングしてみました。
せっかくなので他のサイトでも使い回しきくように関数化。

add_action('wp_head', 'meta_facebook_og');
function meta_facebook_og(){
    global $post;
    if ( !is_singular() ) { return; } 
    $thumbnail = '';

    echo '<meta property="og:url" content="' . get_permalink($post->ID) . '"/>' . "\n"; 
    echo '<meta property="og:title" content="' . $post->post_title . '"/>' . "\n";    
    echo '<meta property="og:description" content="' . strip_tags(get_the_excerpt()) . '"/>' . "\n";
    echo '<meta property="og:type" content="article"/>' . "\n";

    if(has_post_thumbnail($post->ID)) {
        $tid = get_post_thumbnail_id($post->ID);
        $url = wp_get_attachment_image_src($tid);
        $thumbnail = $url[0];
    } else {
        $images = get_children(array(
            'numberposts' => 1,
            'post_parent' => $post->ID,
            'post_type' => 'attachment',
            'post_mime_type' => 'image',
            'order'      => 'ASC',
            'orderby' => 'menu_order ID',
        ));
        if ( empty($images) ){
            $thumbnail = get_bloginfo('template_directory') . '/images/noimage.png';
        } else {
            $image = array_pop($images);
            $url = wp_get_attachment_image_src($image->ID);
            $thumbnail = $url[0];
        }
    }
    echo '<meta property="og:image" content="' . $thumbnail . '"/>' . "\n";
}

これを、functions.php に打ち込めば動くはずです。

ざくっと作ったので og:description の詰めの甘さとかかなり適当感漂ってますが(^^;)、とりあえずはこれでサムネイルの問題は解決できたっぽいです。

記事に画像が無い場合は、テーマフォルダの中の images/noimage.png を読むようにしているので、50×50以上の画像を上げておいてください。
テーマフレームワークを使ってる場合は親テーマを見に行く設定になっています。

問題等あったらご指摘頂けるとうれしいです。

■参考にしたサイト
http://www.hide10.com/archives/14684

http://sub.kyamamu.com/sns/facebook/2541.html

https://developers.facebook.com/tools/debug

なぜか「has_cap の使用はバージョン 2.0 から非推奨になりました」と怒られる件

デバッグモードを有効にすると、自作も含めて以下のエラーが複数出て悩んでいました。

Notice: has_cap の使用はバージョン 2.0 から非推奨になりました ! 代わりに プラグインやテーマでのユーザーレベルの使用は推奨されていません。代わりに権限グループと権限を使ってください。 を使ってください。 in …/wp-includes/functions.php on line 3551

日本語訳が少々変ですが(^^;)要は非推奨の設定がある、とのこと。

 特定のプラグインを止めるとこのエラーも消えるので、間違いなくプラグインのコーディングに関連している。
しかし、エラーメッセージの指定個所がコアファイルなもんだから原因の追跡が極めて困難。
該当行を見てもなんのヒントもない。

色々シラミ潰しに調べていったら add_options_page にたどり着きました。
具体的には、以下のように書いてありました。

add_options_page(__('Plugin Setting'), __('Plugin Setting'), 8, basename(__FILE__), 'options_page');

 

 

さて、問題点が分かりますでしょうか?

 

 

 

 

 

 

答えは、こちらです。

add_options_page(__('Plugin Setting'), __('Plugin Setting'), 'manage_options', basename(__FILE__), 'options_page');

すなわち、権限設定を数字で書いていたのがいけない、ということなのです。

もう一度エラーメッセージを見てみましょう。

Notice: has_cap の使用はバージョン 2.0 から非推奨になりました ! 代わりに プラグインやテーマでのユーザーレベルの使用は推奨されていません。代わりに権限グループと権限を使ってください。 を使ってください。 in …/wp-includes/functions.php on line 3551

なるほど、おっしゃるとおり。

 

ですが、、、、

 

このエラーじゃ分かりません!\(^○^)/ 

 

確認のためCodex見に行ったら・・・直ってないし日本語ページ・・・ orz

 

もし同様のエラーが出た場合は、Codexの権限・権限グループテーブルを参考に変更してみてください。

 

でわまた。

病室からの仕事を支えている技術たち

アキレス腱切って入院して以来、とうとう11日目が経過してしまいました。

いい加減いろいろ飽きてきましたが (^_^;;; 慣れない環境ながらパソコンとテザリングで仕事を処理しています(捌いていますとまで言えないのが悔しいが)。

 せっかくなので、今仕事が出来る環境を与えてくれているクラウドサービス等(といってもそんな数多くないですが)をご紹介いたします。

  • DELL vostro 1200
    細かい説明は不要ですね。
    普段から持ち歩いていたB5サイズのノートパソコンです。
    Windows XP です。

  • HTC EVO WiMAX HTI11
    USBテザリングで使ってます
    残念ながら病院の立地がWiMAX的に悪いらしく、アンテナがあまり無いのが難点。
    下り速度はかってみましたが、3GでもWiMAXでも概ね1.5Mbps前後でした。
    会社支給のケータイでしてこれでネット繋がせてもらってるんですから、当然仕事しないといけませんw

  • Log Me In Free
    会社の自PCに接続するため。
    急きょ入院になってしまったのでどうしても自分のパソコンにしかないデータ等もあったのですが、実験的に入れてた Log Me In Free が役に立ちました。
    必要なデータを取り出す他、大量のFTP転送等途中でテザリングが切れたりしたら都合が悪い作業なんかを事務所の自PCでやっています。
    残念ながら、このリモートコントロールだけで仕事が出来るほどのレスポンスはありません(Proなら向上するのかな?)

  • Dropbox
    Log Me In Free のレスポンスがそれほど良くないので、ずっとリモート制御で仕事は到底無理です。
    データさえあれば手元で作業が出来る場合は、Dropboxに放り込んで転送してます。

  • Skype
    主に、会社からの作業指示や伝言等をチャットで送受するのに使ってます。

  • Facebook
    基本、個人的なことを発信してますが、時々メッセージ等で仕事の話もしてます。
    メール代わりですね。

他にもいくつか使ってますが、主なのはこのくらいですかね。

インターネットにつながりさえすれば色々なことができる今の時代、なんて素晴らしいのでしょう o(^_^)o

ご参考まで。

アキレス腱、切っちゃいました

ちょっと遅くなりましたが、1月22日(日) のフットサル中に、アキレス腱切っちゃいました :cry:

手術も終わって術後の痛みも落ち着いてきたので、ここいらで経過をまとめてみたいと思います。

 

何してたの?

この日、シエスタ赤羽のフットサルに参加してました。

昨年秋頃から始めたのですが、当初は未経験者も多く経験者も運動不足状態で大して動けず、かなりユル目な和気あいあいとしたゲームをやってました。
それが3ヵ月もやってるとみんな動けるようになってきて、最近では結構サッカーなことまでやってました (^^;

今回もそうで、女性が入っていると若干緩くなるものの、結構みんな動いてました。
そして自分も、なんか調子良くて走りまわってました。

準備体操もろくにせず。。。

 

そして、その瞬間がやってきた

1マッチ5分くらい?で細かく回していた中での3マッチ目あたりでキーパーをやっていた時のことでした。

まっすぐ自分の方にボールが飛んできたので、キャッチしようとジャンプした瞬間!

バチン!

後ろから、ものすごい衝撃が右足首に走りました。

誰かにぶつかった?といっても、その時プレイヤーは全員自分より前。

ジャンプの瞬間に(角度的にありえないけど)コーナーポストにぶつけたのかと後ろを振り向くけど、やっぱり何もない

(も、もしや…)

すぐに「怪我した!」と言ってフィールドから離れました。

そして、右ふくらはぎをつかんでみる

・・・

足先が動かない。

アキレス腱切れました!\(TOT)/

そのままプレーを止めて、タクシーで自宅最寄りの病院に直行しました。

 

アキレス腱が切れたという判断

一緒にプレーしてたみんなに「どうした?」「捻挫した?」と当然聞かれましたが、「アキレス腱切れた」と即答できました。

ポイントは2つ。

  1. 蹴られた(殴られた、ぶつけた)ような衝撃が走った
    本当にすごい衝撃でした。
    病院行っても看護師さん他みんなに「ぶちって言った?」って聞かれましたが、そんなもんじゃないです。
    「バチン!
    です!正に、伸ばしたゴムが切れた感じでした。
    通常着地したときに切れることが多いようですが、自分の場合は空中で衝撃を感じました。
    恐らく、ジャンプする瞬間に切れたのでしょう。

  2. ふくらはぎを掴んでの反射がなかった
    実際に試してもらうと分かりますが、足先を浮かした状態でふくらはぎをつかむと、つま先が下がります。
    これが、アキレス腱が切れてると動きません

実は、かなり以前に同じくフットサル中に友人がアキレス腱を切ってまして、その時にすぐにアキレス腱断裂と分からなかった(救急の宿直の先生がタコだった)ことから調べておいたのが役に立った感じです。

まぁ、自分で役立てる必要はなかったのですが・・・(汗

 

アキレス腱切れたのってどんな感じ?

まったく痛くありません(きりっ)

結構痛いという話もあるらしいですが、自分は全く痛くありませんでした。

足首あたりから足先にかけてしびれてるくらい。
切った当日こそ階段上り下りも大変でしたが、翌日からはかかとついて歩けるくらいになってました。

むしろ、アキレス腱縫合手術での施術後の方が遥かに痛い(>_<)

診察でも病院の先生に「触ってごらん」って言われて切れたところを触ってみました。

はい、触ったところには当然何もありませんでした \(^o^)/

でも触っても痛くない、痛いのはもう少しふくらはぎ寄りな感じでした。

縫合手術のため入院

もともと日曜診療している病院だったのですが若干時間が遅かったので、救急の宿直の先生に応急処置をしてもらって(足首を伸ばした状態で固定されて)一時帰宅。

翌月曜日がお客様先での作業があったのでそれをこなしてから火曜日入院しました。

 

そして手術

下腿最下部の施術なので、局所麻酔での手術です。

当然麻酔してるから触られてるくらいの感じだろうと思っていたらとんでもない、

痛かったです!(>_<;

ほどほどの麻酔だったようで今何やってるのか具体的に分かって、最初のメスで切られる感覚も分かりました。
たぶん、Y(ワイ)の字に切ってます (^-^;
さすがに分かりすぎてちょっと怖かったんで「痛い」と言ったら麻酔を追加してくれましたが…

で、見せてもらいましたよ、切れたとこ\(^o^)/
うつ伏せでの手術だったので、無理やり振り返って。

先生は「モップの先みたいでしょ?」と言ってましたが、ほんとにそんな感じ。
ジャギジャギに引き裂かれてました。

こりゃ縫合大変だろうなーと思ったら、直接縫合はせず(できない?)周りの筋膜だけを縫ったとのこと。
結局、切れたところと切れたところを近づけて自然につながるのを待つ、ということのようです。

こりゃ、1か月の入院にもなりますわな。。。

縫い終わった後は、即ギブス。
膝を若干曲げた状態がベストらしく、膝を若干曲げた状態で足先伸ばした状態で固められました。
このまま2週間コースです。

ちなみに、痛いのは最後の最後まで続いて、縫ってる最中も結構痛かったですよ。
これはこれで、術後の麻酔切れた時とのギャップが少なくて良いかな?と思ってたのですが…

 

やっぱり痛かった術後

手術は11時半~13時。
だんだん麻酔が切れつつも、あまり痛くないまま23時ごろ就寝。

で、翌朝5時。目が覚めました。

すごく痛かったです (>_<;;;

さすがに痛くてうーんうーん唸ってました。
それでも痛くて寝れない人も多いらしく、鎮痛剤をもらうほどでもなかったので良い方だったみたいですね。そのまま1日を過ごしました。
結構痛くて実質1日何もできませんでしたが、術後30時間以上たった現在、ちょっと疼く程度になりました。

ここから2週間、膝までギブスです。

いよいよ長い初入院生活が本格的に始まりました。

いろいろ初モノづくしなので、少しずつブログに残していきたいと思います。

 

P.S. 本当は何枚か写真をあげたかったのですが通信環境が芳しくないせいかうまく上がってくれなかったので、後日追加したいと思います。

たった4行で Skype の電話番号表示スタイル変更をキャンセルする方法

Skype をインストールすると、勝手に電話番号が Skype のスタイルに強制的に変更されてしまいます。
どんなスタイルを当てていても関係なく、全部置き換えられてしまう。

元の表示がこうだとしても、

↓↓↓↓↓

必ず変換されてしまう

これによって、せっかく画像を使わないで合わせた苦労が水の泡、という悲しい現実をつきつけられたりします。
そして、自分が Skype を入れてなかったり、オプションで書き換えしないように設定変更してたりすると、人から指摘されるまで気づかないから結構厄介。

これをどうにかしたい。Skype の余計なお世話を強制キャンセルしたい

解決方法をググってみたら、JavaScript を使って止める方法がチラホラ見つかりましたが、なんか Skype と常時喧嘩してそうで重そうだったので却下。

自分なりに調べてみたら、意外と簡単な方法で解決出来てしまいました。

以下の4行を </body> の直前に書くだけです。

<style type="text/css">
SPAN.skype_pnh_print_container{display:inline !important;}
SPAN.skype_pnh_container,SPAN.skype_pnh_container *{display:none !important;}
</style>

ザックリ解説。

Firebug 等で見てもらうと分かるのですが、元々の電話番号の表示スタイルを上書きしているわけでなく、値をコピーして Skype スタイルで表示させているんです。
そして元の文字列は span.skype_pnh_print_container で囲った上で display:none で消していました。

つまり、その「表示/非表示」を逆転させれば解決、というわけです。

あら、意外と簡単 8-)

元々電話番号にスタイルを当てていたりすると display:inline ではダメかもしれませんが、その点は適宜調整すれば問題ないはずです。

ぜひ御試しあれ (^_^)/

ようやくアフィリエイトの勉強を始めました

周りにアフィリエイト関連の友達が増えてるのに、結構前からやろうとしてたのに、ずっと手付かずだったアフィリエイトに、今年はいよいよチャレンジしてみようと初めて見ました。

しかし、身近にアフィリエイター/ブロガーが沢山いる割には意外と分かっていなかった(毛嫌いだけしてた)アフィリエイト。

というわけで、まずは基礎知識をと1冊ネット副業の王道というのを買って見ました。

読んでまず感じたのは、特段特殊なサイト制作をしているわけではないということ。
むしろ、書いてあるのは普通のサイト制作にも通じることばかり。
ある意味当たり前のことしか書いてないけど、当たり前なだけに忘れてるかもしれないことばかりでした。

なので、アフィリエイトを始めるにあたって直接的に役に立ったのは実はアカウントの取得方法だけでした (^_^;

あとは、記事をコンスタントに書かないといけない、というのは耳が痛かったですね(汗汗
今年はガンバります!

あ、そうそう。

そんなこんなで広告がチラホラ入るようになると思います。
色々実験的なこともやると思うので、たまに突拍子も無い場所に表示されるかもしれませんがあらかじめご了承ください m(_ _)m

syntax error <!DOCTYPE html>

自作テーマ&プラグインを色々弄り回してたら、Firebug に意味不明のエラーが出るようになってしまいました。

syntax error
<!DOCTYPE html>

原因は、単純なコーディングミス。

wp_register_script で、ファイルの指定が間違ってました。

正しく指定しなおしたら解決。

でも、、、

エラーがこれだけじゃ分からん :cry:

Contact Form 7 用 必須項目明示プラグイン

Contact Form 7 用に、プラグインを作ってみました。
プラグイン名は cf7-hissudayo。
いいのが思い浮かばなかったのでとりあえずの適当です(^^;

動作はこの記事の下で試せます。

ご意見、ご要望等あればぜひお聞かせください。

■機能

  • 必須項目が入力されてないと、表示を変更する。
  • 必須項目全てが入力されるまで、送信ボタンを Disable にする。

■ダウンロード

cf7-hissudayo.zip

■デモ

 たぶん、ちゃんと WordPress プラグインとして公開できたの、これが初めてだw