多くの方が既に参加レポートをあげてくださっていますが、ボクはボクなりに今回のWordCampの話を書き綴っておこうかと思います。

今回登壇するにいたるまで

@naokomcさんから「WordCamp Tokyoやるから出てくんない？」と打診をいただいたのが10月初旬。普段あまりWordPressのコミュニティに貢献しているわけでもないので、「こんなボクで何かお役に立てることならやりますよ」とオッケイを。実はもともと彼女とは旧知というか、世の中でブログが流行り始めた頃からその存在を知っていましてね。そう、皆さんご存じないと思いますが、ボクは日本で二番目にブログの本を出してまして、今や見る影もありませんがその昔はブロガー的な立ち位置だったのです（笑）。

と、そんなことはどうでもいいのですが、その後今回のWordCampの実行委員長の@waviaeiさんと三人集まって、都内某所で何を話すか会議を（というかご飯をｗ）。今回参加された皆さんはお分かりいただけたかと思うのですが、イベントに参加される皆さんのWordPressとの接し方は多岐にわたります。参加される皆さんひとりひとりをすべて満足させられるような話はできませんし、他のスピーカーの皆さんのこともあります。とりあえず、その場は何が良いんだろうね？ってトコからある程度の方向性だけを決めて、後日「レスポンシブネス」な話でいきましょうか、ということになった、と。

うまく枠にはめてきましたねｗ

10月中旬にはそういった方向性だけは決まっていたものの、その時点では他のスピーカーの方はもちろんタイムテーブルも出ていません。まぁその辺が決まってから話の内容や構成を考えようかな、とのんびり構えていました。「レスポンシブネス」といってもその指し示すところは広いわけで、実のところ「あまり視覚的な表現に振れない方向で」ということは言われてました。Webデザイン業界でいま話題になっている「Responsive Web Design」的なものは、多様なデバイスへの対応が前面に出ているので割と視覚的な部分と捉えられがちです。

で、他のスピーカーやタイムテーブルが明らかになるにつれ、「この人たちうまいこと枠にはめてきたなぁ…」と感心しました（笑）。ボクのセッションをお聞きになった方は、最後の最後で次のセッションへの案内を出したことでお分かりいただけたかと思うのですが、ボクの話は次のお三方のセッションすべてに繋がる導入セッションだったのですね。パブリッシング・プラットフォームとして、Webコンテンツに限らないレスポンシブなWordPressの使い方で、と考えたのです。

実際、後のお三方がどのようなお話をされるかは、タイトルと概要を見て判断するしかないのですが（すり合わせることはできるけどしていない 笑）、長谷川さんやたにぐちさんは普段からブログや講演をなさってますし、高橋さんは既にWordCamp Kobeで電子書籍の話をされています。幸いそんな感じで、皆さんがどういった内容を話されるかはある程度の想像が付いたので、そこに繋がるような構成で今回のボクのセッションの骨子ができあがりました。

でも、前日まで何もしていませんでした

とはいうものの、30分という限られた枠の中で講演内容を詰めていくというのは実は大変な作業です。ライトニングトークみたいな短時間なら勢いでどうにかできますし、45分や1時間ぐらいの枠であればデモを含めながらの講演も考えられます。でも、技術的な話をする場合の30分って実はすごく微妙な時間なんです。詰め込みすぎて時間オーバーするのもダメだし、かといって内容を薄くしたり早口になりすぎて早く終わりすぎてもダメ…。ましてやデモなんて、トラブったらそこで終わり…。百戦錬磨なはずの皆さんからも「30分なんだよなぁ…」と（笑）。

そんな30分をどう使うか、ということをずっと考えていたので、骨子ができた後も全然スライドに手がつきません。結局、スライドを作り始めたのは前日の夜。ある程度形になってから一回寝て、起きてからあらためて見直してまた修正。練習なんて一度もすることもなく、朝会場へ向かう電車の中でもう一度確認。でも、新宿から品川シーサイドまでの移動は20分で話す時間より短く、iPhoneに入れたPDFを使ってイメトレどころじゃない（笑）。会場について、機材チェックを終えてから控え室にこもって、ホントに直前までスライドを修正していました。つまり、正直なところ練習一度もなしのぶっつけ本番で挑んでしまいました、ごめんなさい。

聴講いただいた皆様にお礼を

当日午前中のデザイナートラックのお二方は満員御礼の大盛況。出番が近づくにつれ、変なプレッシャーがおそってきます（笑）。「おいおい、デザイナートラックなのに一枚も絵がないよ」「コードすらないじゃん」みたいな状態からは脱したものの、内容はデザイナー向けと言って良いのか？みたいなところもあって、「全然デザインの話ないじゃん！」とか言われちゃうんじゃないかと、ハラハラドキドキどうなることかと思ってました。幸いにも若干の空席はあったものの、多くの方に聞いていただいてホッとしました。

そんな練習すら一度もしていないボクのセッションをご覧くださった皆様、あらためてこの場を借りてお礼を申し上げます。ここまで登壇に至った経緯からそのバッググラウンドを書き連ねてきましたが、今回WordCamp Tokyoのボクのセッションでは、デザインのことも技術的なことも表面をなぞるぐらいしか触れていません。即効性のあるツールの使い方やちょっとしたTipsといったウケる話ではありませんでしたが、ひとりでも多くの方にこれからのコンテンツ制作、そしてコンテンツ配信の未来を考える何かしらのきっかけや気づきを与えられていたら幸いです。ありがとうございました。

＃もともと人前に出て話をすることどころか、結構な人見知りなもので懇親会なども端っこにいて交流もしなくてスミマセン（笑）。お会いして名刺交換などしていただいた皆さん、ありがとうございました。

あ、いっこ言い忘れてた

いろんな閲覧環境がますます増えていくことが想像できますから、見た目の同一性とかあんま細かいことにこだわりすぎない方がいいですよ（笑）。

それと、最後にいろいろ宣伝…

えっと、今回内容的には「Responsive Web Design」「HTML5」「電子書籍（ePub）」、そして「WordPress」とこれからのWeb技術などを織り交ぜて展開しましたが、実はいずれについても現在書籍を執筆中です。正確な発売時期や書名などは全然決まっていませんが、来年早々には書店に並ぶのではないか、と。また、この11月からアクティブ・カレッジさんで、HTML5の基礎講座、電子書籍の基礎講座、スマートフォン制作の基礎講座などを担当しておりますので、それらの技術に興味のある方はそちらもよろしくお願いいたします。

「冷蔵庫の中に入れて、超広角のレンズで庫内を撮るかなぁ…」とか「晴れた日に自然光を活用してボケ入れながら撮るか？」なんてことをいろいろ考えました。朝の光を使いたくても最近はあいにくの空模様、タイミングを逃すと青空に面会できません。

で、結局落ち着いたのが「水に落とそう」という誰もが考えつくこと…。

必要な道具を調達する

そうと決まれば、とりあえず落とすためのガラスの容器が必要です。東急ハンズにいき、水槽を捜したり台所用品の中でガラスのボウルや容器などちょうど収まりのいいサイズのものを捜したりしましたが、一番使えそうなのは大型のサラダスピナーの外側の容器…（一個3,000円ぐらい）。「ガラス製の鍋みたいな容器買っても、これ何か使うか？」とか「こんな大きなサラダスピナー買っても、おれ一人だから意味ないな」とかいろいろ考えながら、他に何かふさわしいものがないかフロアをウロウロ。

そこでバー用品のコーナーでついに発見、素敵アイテム。
アクリルでできたワインクーラー（お値段1.500円也）。これはあって困るものではないし、そこそこ大きくてワインと氷入れるから深さもあります。OGOのボトルも2〜3個ぐらいは余裕で入る。ということで購入決定。

次の問題はいつどこで撮るか

前述したように最近は曇り空のオンパレード。ワインクーラーを調達した日は晴れてたけど、購入したのは夕方遅く…、もう無理（青空をバックになぁと思っていたのですが）。うちは照明なんかの撮影機材はないに等しい（太陽光に近いスポットはあるけども）し、そもそも室内でやったらその辺水浸しだし（笑）。

で、翌朝起きてからカーテンを開けるも曇天…。でも、ひらめきました。
曇ってるってことは、空は全体的にグレー。決して暗いわけではないので、曇天の空をバックに撮って空飛ばしちゃえば、グレーも白になるという単純なことに気付くわけです（撮影で使うペーパーとかでっかい白い布とかないし…、というか買えという話）。透明感を出すんだったら、多少飛び気味ぐらいがちょうどいいだろうと。

そうと決まったらベランダへ出て撮影準備

とりあえず三脚にカメラを固定します。今回はD300にコシナのVoigtlander Nokton 58mmのレンズの組み合わせにしました。ありものの木製のテーブルの上に水を張ったワインクーラーを乗っけて…、下からなめるように水面を入れて…と。

ここで気付きます。ベランダはどこの家庭もそうですが、ちょっと柵というか仕切りが高いから微妙に映り込む。そして、我が家はちょっと方向を間違えると、隣家の竹林とか電柱が入ってしまいます。そして、木製のテーブルの上にそのままワインクーラーを置いては、水面などにその模様が反射するのです（笑）。

というわけで、こんな感じでセッティングしたものを変更します。
障害物が入らないように段ボールで一段上にもちあげて、段ボールやテーブルの色が映り込まないようにワインクーラーとの間にコピー用紙を数枚おきます（ビニール袋もあったな 笑）。

さて、撮っちゃうよ

テストでファインダーを覗くと、「おお、いい感じ」。
あとはワインクーラーの中にOGOのボトルを落とすだけになりました。リモコンシャッターも持ってないし、10秒のセルフタイマーにして、タイミングをあわせて落として撮ります（原始的 笑）。あまり高い位置からだと水が飛び出しますし、タイミングも合わせづらいのでギリギリで。しかも、落とすってことはそれなりにスピードがあるので、遅いシャッタースピードでは被写体ぶれを作り出すだけです。

瞬間をキレイに切り取るなら照明あててバシッと撮るのがいいわけですが、機材もないならないなりの頭を使います（笑）。そこで適正露出で絵としてキレイに撮るのではなく、シャッタースピードをぶれない程度に固定して撮ることにします（といっても、マニュアルで被写界深度も深めに）。

多少暗くても後からいくらでも調整できるので（RAWで撮りますからね）、ここではそんなことは気にしません。何より今回は「写真アート作品」なわけですから、少なからず手を入れて補正なり加工することを前提に考えてましたので。

数回のテストを繰り返して設定を決め、いざ本番です。

シャッタースピードは「1/125秒」前後、F値は「5〜11」ぐらいで

「ピ、ピ、ピ、ピ、ピピピピピ」「ポチャン」「カシャ」、何十回繰り返したでしょうか。如何せん水の中、一個のボトルはあらかじめ入れてありますから、それに落としたボトルがぶつかってどう動くかは予想はできません。

「落としては撮り」を何十回も繰り返しながら10枚ほど候補を残し、あとはパソコンの画面でチェック。「ロゴが見えない」「バーコードが正面」「片方は良くても片方が変な方向いてる」「屈折するから丸いボトルが丸に見えない」などダメ写真を大量生産することに。ボトルの問題だけでなく、水滴の飛び具合もありますから、撮った写真をみては同じ作業をやり直してトータル20枚ほどの候補ができました。

そんなこんなで選び出した写真を補正する作業に入っていくのであります。
（補正編に続く）

「sRGB？AdobeRGB？カラーマネージメントって何？　知らなきゃ損する色のこと。より良く魅せるための写真の取り扱い（仮）」

で、どうでっしゃろ？内容はこんな感じ。

追記（2008.12.26）: 遅くなりましたが参加希望のコメントをいただいていた皆様にはメールをお送りしておきました。

1. sRGB？AdobeRGB？色空間ってなんじゃそら
2. カラーマネージメントシステムの仕組み
3. 写真の補正の前に、まずは簡易的でもモニタの調整
4. 埋め込まれたプロファイルには気をつけろ
5. できるだけ意図した色味で見てもらうために（読み込みから書き出しまで）
6. 基本的な写真補正の方法、よりよく見せるためにできること

というわけで、今回は「色と写真」についての講義？になります。
よく「Webなんて色あわせしても無駄無駄」なんて声も聞きますが、正しい色味（意図した色）で表示するということは重要です。実際には見ている環境によって少なからずズレが出てしまうのは事実ですが、表示する相手のことがわかっていれば、その先を想定してできるだけちゃんと見えるようにすることは可能です。

Firefox 3でも隠れてカラーマネジメントの機能が導入されたり、Vistaにも細々とカラーマネージメントが導入されているように（笑）、この先「正しい色で表示する」「正しい色味で見てもらう」ということが求められるかもしれません。色の取り扱いに関するこの辺りの知識がないと、将来自分の補正した写真がまったく違う色味で出てしまっていた！ってことにもなりかねません（わかっていれば、色に関するクレームには適切な対処ができる）。

よく「デジカメで撮ってモニタで見た色とプリンタでの出力結果があわない」とかって話も聞きますが、色のことを知らなければ、うまく合うわけがありませんしね（Macは別として。というか、知ってれば合わせられるはず 笑）。

そういうわけで、今回は簡単なモニタの色あわせの仕方からカラープロファイルの話、そして写真の補正の仕方までをまた3時間ぐらいかけてお勉強したいと思います。特に業界を限定するつもりもありませんし、面識のある方に限った話でもありません。興味があれば、どうぞご自由に（笑）。

日時は今のところ年末も押し迫った「12月28日」というアホっぷりで開催したく考えております…。詳細は追って、このページでご連絡します。
※また10人ぐらいを目処にしています（今8人ぐらいになってます）したが定員になったので締め切りました。
※ドタキャンもありです、もちろん

ちなみにボク前職はDTP系の会社で写真の入力と補正や合成から最終的な出力、某富士ゼロックスさんでは業務用のカラープリンタを使った色あわせのマニュアル作りといったこともしてきましたので、間違ったことは言わないと思います…（たぶん）。

＃Windowsで写真を取り扱う人は、少しぐらいモニタの調整とか色についての理解がないとあなたの見てる色は別の色かもしれませんよ（笑）