投稿

投稿日:

WordCamp Fukuoka 2011 行ってきたよ～

WordCamp Fukuoka 2011に行ってきました！関東からの参戦組も多く、とてもにぎやかな感じでWordCampらしいお祭りを楽しんできました。

行きの飛行機は羽田発６：４０で、早朝自宅をでなくてはいけないちょっと辛い行程でしたが、なんと同じ便にKtay Styleでも有名なゆりこさんが乗っていたため荷物受け取りから大学まで同行させていただきました。

福岡周辺には土地勘がないため、旅行家としても名を馳せるゆりこさんに同行していただけたのは心強かったです。

途中、地下鉄の料金が安くなる裏技を教えてもらいながら、無事九産大前に着きました。

駅からは結構近いのですが、広いと聞いていたのでちょっとおどおど。

と思ったら、ちゃんとところどころに看板が立っていました。さすがです。

そして無事12号館に到着。構内に川が流れていたりと本当に広いです。

美人ぞろいだったと噂の受付です。午前中の到着だったのでマグカップも無事にゲット。

教室に入るなりゆりこさんは壇上に立ちます。もちろん予定外で「調度よかった」とお願いされるという。でもすぐにプレゼンを始められるゆりこさんもすごいｗ

大教室最初はなおさん。どうやらここではなおっぺと呼ばれているらしい・・・

オープニングのあとは中教室の三好さんのプレゼンを聞きにいきました。こんなにイケメンで真面目そうな方が後にあんなことになるなんて・・・（謎）

ネッドのプレゼンはちょっと難しかったです。ただわかったことはネットに繋がらないとさすがのネッドでも何もできない・・・と言う事ｗ

今回は電子書籍関係のプレゼンが多数ありました。WordPressとは直接関係ないかもしれませんが、新しいアイデアに繋がればよいなと言うことのようです。個人的にはとても参考になりました。

evianさんのプレゼンは大教室にいたため後半5分くらいしか見れませんでした。でも大教室のスクリーンでハッシュタグが流れていて、それを見る限り出だしから飛ばしていたようで、途中参加でしたがとても面白かったです。ちなみに、Twitterではよくお世話になっていたのですが、お会いしたのはこれが初でした。

スペイン語のポッドキャストを行っているクレマデスさん。実はこの後のWordPantsプレゼンを見るために同じ教室に居座っただけだったのですが、とても面白かったです。ポッドキャストは比較的簡単だということも勉強になりました。

そして禁断のLT（！）
僅かな時間で発表するというだけでも大変なのに、だれも手を抜きません。スピーディーかつ分かりやすい内容のプレゼンが続きます。

WordBench香川。なぜかうどんです。

プラグインAPIに関する真面目なプレゼン・・・の、はずが？？？

気がついたら壇上でカレーうどんが出来上がっていましたｗ
ライトニングトークをフックしてうどんにカレーをコールバックするそうです。ヾ(ﾟДﾟ )ｫｨｫｨ

そして今回のプレゼンで最も実践可能だったKaiさんのプレゼン。今回このブログもカイさん方式で書いています！スライドがちょっと危険だったのはナイショ。( ￣ノ∇￣)￣ー￣)

毎回恒例のケーキもちゃんとありました。右にいるキャラクターは今回初披露の日本公式キャラクターです。ぴ○ちゅうじゃありま（ｒｙ
今後名前を募集するそうなので、みなさま是非「まがりん」と付けて（ｒｙ

料理もふんだんにありました。撮影に夢中になっているゆりこさんを撮っているのではなくて料理を撮っているのですよ。

だからまがりんのお尻を撮っているのではなくて（ｒｙ

え、～素晴らしいクラウチングスタートですね！ちなみにまだ乾杯前です。

これまた恒例のケーキ入刀なのですが・・・なおさんの命令でyukiさんが入刀することに。人生初の共同作業だったそうで、抵抗むなしく数百人の注目の的となりましたｗ

ここでもまた禁断のLTが始まりました。マイクとかないので周辺に集まらないと声も聞こえません。
そんな中で名古屋のイケメンが発表したライブ情報。WordCamp Fukuoka 2011の翌週にやるそうですよ。

福岡のイケメンもお酒に溺れると酔っぱらいのサラリーマンみたいになりますｗ　決定的瞬間が撮れなかった、残念！

と、いうわけで、とても充実した1日となりました。次回はどこで開催するのでしょうね！登録400人は伊達じゃない！

投稿日:

WordCamp Fukuoka 2011が登録開始！

いや～、待ちました:D

前回の名古屋にスケジュールの関係で参加できなかったので、横浜以来の参加となります。ずっと期待して待っていただけに素敵なサイトがアップされたときには心躍りました。

WordCamp Fukuoka 2011

いよいよですね～楽しみです！皆さんも参加登録は済ませましたか？

PR:

投稿日:

WordBench関東クリスマスパーティー用ワイン

2010年12月25日にWordBench関東クリスマスパーティーが行われます。
そのイベント用にワインを調達しまして、ラベルを張り替えてみました(￣ー￣)

そりゃあ、1本数万円もするようなラベルも有名な高級ワインなら見てすぐ分かるのかもしれませんが…1本3000円たらずのワインなので、まあ、見た目重視と言うことでロゴなどが使いやすそうなワインを選んできました。

左がオリジナル。右が上からラベルを貼りなおしたものです。違いが分かりますかね？

そして、2本目。

2本目は分かりやすっ！キャラクターに色ついてるしｗ　しかもWordPressほとんど関係なくなってるしｗ

だたの一発ギャグなので深い突っ込みとかはなしの方向でお願いします(´・ω・｀)
それでもね、一応こだわって、AUTOMATIC社のあるカルフォルニア州のカルフォルニアワインを選んでいます。シュワちゃんよろしく！（なにを？）

※当日の記事アップロードはパーティーに参加していてできない予定なので、パーティーの開始時間に合わせて予約投稿しています。あがらなかったりして…orz

投稿日:

OSC2010 Tokyo/Fall

今日は東京/日野にある明星大学にてOSC2010 Tokyo/Fallに来ています。
実はOSC参加ははじめてなのですが、2日前に依頼されましてWordPress 地域コミュニティーWordBench 東京・埼玉・川崎・横浜の出展としてブースに居ます。

ブースは作りましたが、少々さみしい感じですね。なにをすればいいのでしょうｗ

投稿日:

IE7のcssでの画像置換がおかしい

まあ、いまさらIE7？とか言われそうですが、アクセスログを取得している限りまだまだ捨て切れません。（さすがにIE6は切り捨てましたが･･･）

で、よくあるcssでの画像置換に関してなのですが、IE7で妙な挙動をします。

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<title>inline-block test</title>
<style type="text/css">
	div#design ul {
		display:block;
		width:550px;
	}

	div#design ul.ie7out li {
		display:inline-block;
		width:146px;
		height:80px;
		/display:inline;
		/zoom:1;
		text-indent:-9999px;
	}

	div#design ul.ie7ok li {
		display:inline-block;
		width:146px;
		height:80px;
		/display:inline;
		/zoom:1;
	}

	div#design ul.ie7ok li span {
		display:none;
	}

	div#design ul li.a {
		background:url(circle_banner_01.gif) no-repeat;
	}

	div#design ul li.b {
		background:url(circle_banner_02.gif) no-repeat;
	}

	div#design ul li.c {
		background:url(circle_banner_03.gif) no-repeat;
	}
</style>
</head>
<body>
<div id="design">
<p>IE7で消える？</p>
<ul class="ie7out">
	<li class="a">Ａ</li>
	<li class="b">Ｂ</li>
	<li class="c">Ｃ</li>
</ul>

<p>IE7でも消えない？</p>
<ul class="ie7ok">
	<li class="a"><span>Ａ</span></li>
	<li class="b"><span>Ｂ</span></li>
	<li class="c"><span>Ｃ</span></li>
</ul>

</div><!-- END div#design -->
</body>
</html>

こんなコードで試してみました。

display:inline-block;を利用して横に画像を並べるコードですが、IE7では対応していないため良くあるハックを使用しています。

/display:inline;
/zoom:1;

この状態でtext-indent:-9999px;として文字を飛ばすとIE7の場合だけ画像ごと飛んでいってしまいます。display:inline-block;を利用していますので、display:none;と言うわけにもいきません。

そこで面倒ですがliタグの中にさらにspanタグを入れて、そのspanタグを文字ごと飛ばす方法で対応してみました。環境のある方は上記コードでIE7とFirefoxなどのメジャーブラウザで確認してみてください。メジャーブラウザでは両方とも画像が表示されます。