前回は「WordPressのパフォーマンス改善あれこれ」みたいな話をしましたが、今回はガラッと方向性を変えてデザイナートラックの午後一発目に「レスポンシブ・パブリッシング」というお題で30分ほど話をさせていただきます。

WordPress を使ったオンラインコンテンツも多様なデバイスに「レスポンシブ」に対応できることが望まれる昨今。視覚的な対応はもちろん、コンテンツそのものをさまざまな形態で柔軟に配信するための考え方や手法を紹介します。

というわけで、多様化していくデバイスやコンテンツ形態を見据え、これから先WordPressをどう使いこなしていけばいいか、といった内容になる予定でございます。視覚的なマルチデバイスへの対応は、後に続くたにぐちさんでも扱われると思うのでそこそこにしておきます（笑）。

当日のタイムテーブルをご覧いただくとおわかりいただけると思うのですが、多様なセッションが目白押しの1日となっております。まだ、参加登録は受付中ですので、日曜日の品川でお会いしましょう。

→ WordCamp Tokyo 2011 | 2011年11月27日（日）

＃ちなみに今回の公式サイトのトップの写真は、ボクが昨年の横浜で撮影したものです。手タレとして出ていただいてるお二方、ありがとうございます。

今頃公開するな、と言われそうですが去年のです。ごめんなさい。

今回こちらのパフォーマンスの話は別の切り口から@wokamotoさんが講演されます。その予習程度にご覧いただくといいかもしれません。

「電子書籍が売れてない」だの「Amazonがついに日本に」だのと話題も出ておりますが、世の中いろいろと移り変わっておりましてね。

どんどん、ePubへの流れが加速中なんです

最近の話題だと、あのYahoo! JAPANさんが電子書籍フォーマットのグローバルスタンダードともいえる「ePub」形式を採用されて「Yahoo! ブックストア」をオープンされましたし、オンラインショッピング大手の楽天さんもカナダの「Kobo」という会社を買収されました。Koboで読めるフォーマットは、PDFとePubだったりします（もちろんHTMLとかも）。

再生デバイスが限られる特殊なフォーマットで電子書籍を展開する場合、その売り上げは市場に出ているデバイスの規模に左右されます。つまり、現状の流れとこの先の未来を見据えた場合、専用のリーダーがいらない（というか、好きな環境で読みやすい）ePubを採用し、HTML5を採用した「ePub3」に照準をしぼるのがいいのではないでしょうか。津田大介さんも最近メルマガをePubで配信されていたりもしますね（笑）。

次の未来も見据えてね

ePubの中身はほぼHTMLですから、この先遠くない未来にWebブラウザで閲覧するような時代が来ても大した問題ではありません。それを流用すればいいだけの話です。前出のAmazonも現在はオリジナルのフォーマットを採用していますが、Kindleの次期フォーマットは「HTML5とCSS3」がベースとなるようです。

ePubの自体はツールを使って変換することもできます。でも、ツールを使ったからといってそのまま使えるわけではなくて、やはり人の手で多少修正する必要もあります。電子書籍制作には、「デバイスへの対応を含めた最先端のWebサイト制作の知識やテクニック」も欠かせません。

今回のこの講座では電子書籍界隈の基礎知識から、HTMLをベースとした実際の制作手法、他のフォーマットへの変換などを解説します（あ、もちろんハンズオンです）。出版関係の皆さんはもちろん、現在Web制作をおこなっている皆さんも新しいビジネスのひとつとして、世の中の動きに乗り遅れないように今のうちから準備をしてみませんか？

→ 詳細、受講のお申し込みはこちらから

その一発目は「HTML5でどう変わる？どう作る？」と題して、HTMLによるサイト制作経験のある方を対象にしたHTML5の基礎講座になっています。最近ではスマートフォンに対応したサイトなども増えてきましたし、今すぐとはいいませんがHTML5をベースにしたサイト制作の機会も徐々に増えていくことでしょう。

それ以外にも、たとえば今話題の電子書籍だとePub3.0からはHTML5がベースになっていますし、日本参入が噂されているAmazonのKindleの新しいフォーマットであるKindle 8もHTML5を使ったものになるようです。

現在動いているサイトがすぐに移行しなくとも、この新しい技術仕様を使ったコンテンツ制作の流れというのが生まれていますので、いまのうちにHTML5の基本をおさえておくことが、皆さんの新しいビジネスに繋がるかもしれません。

一回目の講座は、11月5日（土）に開講予定です。受講料は当初告知されていた金額から大幅にダウンして、講座オープン記念として19,800円になりました。よろしければ、土曜日の昼から夕方まで一緒にHTML5の勉強をしてみませんか？

→ クリエーター向けスキルアップスクール！アクティブカレッジ

実は1年ぐらい前からドメインだけ取ってあってうっかり寝かせてしまっていたのですが、フリーランスとして活動し始めて10年、そろそろ何か自分のやりたいことでもやってみようかな、と思ったのが事の発端です。そろそろ40歳という大台も目の前に見えてきましたしね。ただ、何をやるかはまだ内緒です（笑）。

今回こちらのティザー的なサイトを立ち上げるにあたって、これまであまり表に出してなかった実績なども出してみました。実績の中のサイト制作などは一部ページとかではなく、基本的に丸ごとやってるものです（代理店さん経由とかではなく、基本直でやってきてますので）。

そういうわけで、ひとつよろしくお願いいたします。

余談

今回のサイトは試しにHTML5で作ってみました。表示確認などはほとんどしてないに等しいので（AdobeさんのBrowserLabではちらっとみましたが）、なんか見えてなかったらごめんなさい（笑）。たぶん、こんなのなので大丈夫だと思ってるんですが。

また、いわゆるスマートフォン向けの最適化されたページも用意していませんし、Responsiveな感じでブラウザの横幅でレイアウトが切り替わるようなこともしていません。ただ、iOS系のデバイスではタップしてカラムを拡大するとちゃんと読めるのではないかと。縦横切り替えながらのぞいて見てみてください。

あと、OS Xで見ると書体が違うのはボクの意図するところです。

→ http://protean.im/

→ WordCamp Yokohama 2010

WordPress に関する多岐にわたる話題をカバー。最新動向／プラグイン&テーマ／カスタマイズのヒントなどのセミナーおよび、ユーザーや開発者によるライトニングトーク／抽選会などを予定。

実は皆さんの目の前でしゃべります

私こもり、当日皆さんの目の前で喋る機会をいただいております。
内容はというと、最近注目を集め始めているWebサイトの表示パフォーマンスの高速化と絡めながら、「WordPressのパフォーマンスUP大作戦」的な話をさせていただく予定です。これは要注目ですよ、奥さん（笑）。

現在公式サイトでイベントへの参加登録が可能になっておりまして（要事前登録。当日のプログラムについては近日中には公開されるんじゃないかと…）、定員300名のところ既に200名超の参加登録があるようですので、のんびり待ってる場合ではありません。急いで！（笑）。

標準ウェブ制作完全ガイド 〜 プランニングからデザイン、そしてシステム構築まで。Webの「仕事」がトータルに理解できるプロフェッショナル養成講座。

松岡清一 監修／MdN編集部 編

で、肝心の内容はといいますと…、

「Web業界で一流を目指す、すべての方に」といった感じで

Web制作に関わるすべての方に向けて、プロとして必要な最先端の知識を1冊にまとめました。プランニングからデザイン、そしてシステム構築まで、 Web制作の「現場」の仕事で必要とされる常識や仕事の流れを解説しています。PLAN［設計・プランニング］→DO［制作・実装・デザイン］→SEE［効果・検証・解析］の3段階の構成でWeb業界の「現在」がトータルにわかる、プロフェッショナルのための教科書。

http://www.mdn.co.jp/di/book/6102/

こんな感じで、Webサイトの企画立案的なことから制作や開発、公開後の話にいたるまで。いまどきのWeb制作において「これぐらいは知っておきたい」といったことを総合的にまとめたようなものです。

これからWeb業界に飛び込みたい方、今もう働いているけど次へのステップアップを考えてる方などに最適かと。分業化が進んでいる時代ですので、自分の担当する職域以外がどのようなことをしているのかなどもわかるんじゃないかと思います。

→ 標準ウェブ制作完全ガイド（MdN Design Interactive: 目次あり）
→ 標準ウェブ制作完全ガイド（impress Direct: 見本・目次あり）
→ 標準ウェブ制作完全ガイド（Amazon.co.jp）

実は半年間の…（笑）

実はこちら著者名にこそ出ておりませんが、わたくしも企画段階から参加させていただいておりまして、本書には半年超の思い入れがあるのです…。巻末に執筆者のリストとともに担当パートが記載されていますが、まぁ340Pもある分厚い書籍で執筆いただいてる方も多いので、軽く自身の担当分を明記しておきます。

執筆は、主にPart 2の制作・実装・デザイン的なパートを担当しております。私ひとりでやってる項目と各Partで本文の執筆協力をしている項目がいくつかあるので結構な量になっております（笑）。※担当箇所は項目番号です

Part 1

025（すべて）／050-055（本文執筆協力）

Part 2

089-115（すべて）／116-123（本文執筆協力）

Part 3

140-142（本文執筆協力）

というわけで、本屋さんでお見かけの際にはお手にとってそのままレジへ、パラパラと内容等をチェックしていただければ幸いです。340P、読み応えあります。

こちらのイベント、なぜか私こもりが出演します。

取り上げてほしい内容があれば、Twitterで募集中です

当日は、Webデザインに関する書籍を沢山執筆されているあの境祐司さんと一緒に「Webデザインやクリエイティブの過去、現在そして2010年について」語ることになっておりますが、二人とも普段のテンションが低いので大丈夫でしょうか…。当日二人がハイテンションになれるか、今からちょっと心配です（笑）。

ちなみに…。

この、Designer meets Designersスペシャル「WebデザインNight! by web creators」では、当日会場に来られる方だけでなく当日会場に来られない方にも参加していただけるように、当日テーマに取り上げてほしいことを Twitterで開催時間までに募集します。web creators編集部公式アカウント（@webcreatorsjp）にハッシュタグ「#webcre100」をつけてつぶやいてください。ほかの方のつぶやきに同意してRTしていただくのも大歓迎です!

http://www.mdn.co.jp/webcre/d2s/

といった感じで、当日会場に来れない方もTwitterで参加していただけるようにハッシュタグが用意されています（Apple Storeは映像での中継はダメらしいので）。取り上げてほしい内容などありましたら、上記アカウントへ直接、もしくはハッシュタグ付きで放り投げてください。

当日の様子はこちらを追っていただければなんとなく雰囲気は見てもらえるかと（誰がTwitterで中継していただけるのかわかりませんが… 笑）。

こちらのイベントは事前登録などはありませんので、フラッといらしていただいても大丈夫です。1時間ほどのイベントです。こもりが緊張してガクブルしながら喋ってる様子でも見てやるか（ウシシ）、と思った方は是非銀座まで。

→ http://www.mdn.co.jp/webcre/d2s/