2011年3月6日（日）マイクロソフト品川オフィス セミナールームにて開催したCSS Nite in Shinagawa「HTML5+IE9 Web Camp」 のフォローアップとして、羽田野 太巳さん（futomi）の『HTML5の衝撃～なぜHTML5なのか？HTML5が目指す世界とは～』のスライドとUSTREAM録画をシェアします。

• スライド（PDF、50ページ、4.3MB）
• 音声（MP3、49:43、47.8MB）

2011年5月14日、ベルサール九段でCSS Nite LP, Disk 15「ソーシャルメディア特集」を開催し、240名ほどの方にご参加いただきました。

ツイートは下記にまとめました。

• Togetter - 「CSS Nite LP, Disk 15「ソーシャルメディア特集」」

次のブログで取り上げていただきました。ありがとうございます。

• CSS Nite LP, Disk 15に行ってきました。 - 看板店ジュン企画の看板日記【山梨県甲府市】
• パッション小林のビジネスの森:CSS Nite LP15 に行って来た！
• CSS Nite LP15「ソーシャルメディア」に行ってきました-あんどうのブログ
• CSS NITE、日本酒の会、高尾山、GINZA編集長トークショー | プロ野球2011　大草原の小さなキモノ
• CSS Nite LP, Disk 15「ソーシャルメディア特集」に参加しました - aMaze
• CSSniteソーシャルメディア特集に参加したよ！:タイチブログ
• KICKS Web｜CSS Nite LP, Disk 15「ソーシャルメディア特集」に行ってきました
• CSS Nite LP15 @ オヤマ日記飴
• モカの腹: CSSNite LP15「ソーシャルメディア」（九段下）
• CSS Nite LP, Disk 15に行ってきました | コラム・雑感
• CSS Nite LP, Disk 15「ソーシャルメディア特集」いってきました | アキバデザイン事務所
• CSS Nite LP15「ソーシャルメディア特集」 | kazumich.log

こちらは出演者のブログ。

• CSS Nite LP, Disk 15 終了しました。[to-R]
• CSS Nite LP15 ソーシャルメディア特集での登壇を終えて ? Tsublog
• ＜講演報告＞『Facebookのマーケティング活用のススメ』／CSS Nite LP, Disk 15「ソーシャルメディア特集」:GaiaXソーシャルメディア ラボ／Facebook・twitterの企業利用法についての研究機関

岩上安身さん、川井 拓也（ヒマナイヌ）さんのセッションの一部のUSTREAMの録画を公開しています。

2010年には、69回の関連イベントを通して、234セッションが行われました。 「全部はチェックしきれないので、これは！と思うものをチョイスして欲しい」という声をよくいただきますので、2010年のベスト10セッション＋αを選んでみました。

選外にも素晴らしいセッションがたくさんありましたし、あくまでも主催者目線ということを理解しつつ、参考にしていただければ幸いです（写真：おかだよういち、飯田昌之）。

ベストセッション

『2010年、デザイントレンドゆく年来る年』／原 一浩（エフエックスビイ）

• CSS Nite in Ginza, Vol.55（Shift 4）
• 開催日：2010年12月16日
• 会場：アップルストア銀座

恒例となりつつある年末年始のデザイントレンド。今回は日本のサイトが取り上げられました。見せ方、解説などもスムーズで、スコンと納得のいくものでした。わずか15分のセッションですが、コンパクトに濃くまとまっています。

ベストイベント

CSS Nite in KANSAI, LP1 ?CMS POWER USER'S SUMMIT 2010?／黒野 明子、太田 樹、勝又 孝幸、藤井 正明

• 開催日：2010年2年27日
• 会場：TKP大阪梅田ビジネスセンター

「CMSのパワーユーザーによる、案件解決へのプレゼンテーション！」というタイトルもと、（仮装した）クライアントからの注文に、それぞれのCMSの代表プレゼンターが応えるというロールプレイング形式のイベント。

大阪版は、2009年末から地元有志の運営に切り替わりましたが、セミナーというより、イベントとしてのエンターテイメント性を追求した素晴らしい回でした。

• CSS Nite in KANSAI, LP1に参加してきました - s-style-arts blog
• CSS Nite in KANSAI Vol.1 に参加してきた | kazumich.log

このほか、大阪版はいち早くUSTREAM配信などにも取り組むなど、精力的な1年でした。

ベスト10セッション（時系列順）

『Web制作会社のための、顧客が逃げないGoogle Analyticsレポーティング?成果アップのための解析「報告」の実践』／石井 研二（HARMONY）

• イベント名：CSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」
• 開催日：2010年1月9日
• 会場：ベルサール神田

なんといいましょう、もう、セミナーというより講談？　立て板に水の調子で淡々としたトークの中に、風刺やジョークがピリリと効いて、さらにユニークなメタファと相まってあっという間に時間が過ぎてしまいます。具体的な事例が多いのもポイントが高い。

『2009年のデザイントレンド総括?トレンドをチェックして2010年のデザイン業務に取り込め！』／原 一浩 ＋ 矢野りん

• イベント名：CSS Nite in Ginza, Vol.43
• 開催日：2010年1月21日
• 会場：アップルストア銀座

ベストセッションにも取り上げた原 一浩さんのデザイントレンド、この回は矢野りんさんとの掛け合いにより、ぐっと幅と奥行きが出ました。矢野さんのロジカルな解説が◎。 LP12、および、ベストセッションでのCSS Nite in Ginza, Vol.55（Shift 4）もご一緒に。

『Webクリエーター、次の10年を生き抜くために』／中川 直樹（アンティー・ファクトリー）

• イベント名：CSS Nite in Ginza, Vol.46
• 会場：アップルストア銀座
• 開催日：2010年04月15日

手書きタッチのプレゼン＋Wiiリモコン、という中川スタイルを確立したセッション。説得力のあるトークは定評が高く、2010年はLP11、LP12、富山版にもご出演いただきました。

『CSS3 FOR TOMORROW』／福田 泰雄（AGN）＋ 高津戸 壮（ピクセルグリッド）

• イベント名：CSS Nite LP, Disk 9「Coder's Higher」
• 会場：ベルサール神田
• 開催日：2010年04月17日

「ほら！」というかけ声のもとにデモを進める中、CSS3のおもしろさ、楽しさをぐっと身近に感じました。 お二人とも「sugamo.css」の主要メンバーですが、マニアックさとわかりやすさのバランスが絶妙で、人気のセッションでした。

『手書き風デザインを実現する10のレシピ』／林 大輔（楽天トラベル）

• イベント名：CSS Nite in Omotesando, Vol.2
• 開催日：2010年6月12日
• 会場：表参道 The Gallery「station 5」

林さんには、2009年5月に『Fireworksで実装するテクスチャの使い方・作り方・使いどころ』にてご出演いただきました。 https://cssnite.jp/archives/post_1537.html 今回は、さらにパワーアップ。質の高いデモネタと、軽妙なトークで楽しいセッションでした。

• CSS Nite in Omotesando, Vol.2 でお話しさせていただきました。 - ProjectDD Blog

『利益分配型サイト制作はこんなに面白い』／増永 玲（バドーゾ）

• イベント名：CSS Nite in Ginza, Vol.48
• 開催日：2010年6月17日
• 会場：アップルストア銀座

私たちWeb制作者が、仕事のあり方を考える上で考えていきたい利益について考えさせられたセッション。すべての制作者／制作会社に当てはまるものではありませんが、ぜひ、一度チェックしておいていただきたいセッションです。

『今日から使えるWeb制作現場のテクニック（デザイン?マークアップ）』／バシャログ。

• イベント名：CSS Nite in Ginza, Vol.49
• 会場：アップルストア銀座
• 開催日：2010年7月15日

人気ブログ、バシャログ。の中の人3名によるセッション。Dreamweaver、Fireworksのスゴワザが披露されました。 Webサービス「CSS Selector Generator」「当番くん」もこの日から公開。

『実践　あなたのサイトを診断・改善！』／安川 洋＋大内 範行（アユダンテ）

• イベント名：CSS Nite LP, Disk 10
• 会場：ベルサール新宿
• 開催日：2010年7月24日

“掛け合い”タイプのセッションの好例。内容も事例に基づいたもので、得るところが多いと思います。

『もしも広島の女子Webデザイナーが『PMBOKガイド 第4版』を読んだら』／林 千晶（ロフトワーク）

• イベント名：CSS Nite in HIROSHIMA, Vol.3
• 開催日：2010年11月20日
• 会場：広島コンピュータ専門学校　5Fホール

解説するまでもなく「もし高校野球の女子マネージャーがドラッカーの『マネジメント』を読んだら」にインスパイアされたスライドが評判になりました。 この切り口は不要では？という人もいますが、過去のスライドを使い回すのでなく、新しい解説手法にチャレンジしていくのがすごいです。なお、セッションは、グループワークを加えたもので、いつも通り説得力がありました。

• 萌えプレゼン at CSS Nite in HIROSHIMA | ロフトワーク林千晶のブログ【細うで繁盛記】

CSS Niteでは、基本的にUSTREAM配信を行っていませんが、2010年6月に開催したCSS Nite in Omotesando（3イベント０は、いまでも録画をご覧いただけます。

Vol.1とVol.2はFireworks特集、Vol.3は（Web向けの）Illustratorをテーマにしています。

• Adobe station5 / 2010.6.8 / CSS Nite in OMOTESANDO, Vol.1, 鷹野 雅弘 氏（株式会社スイッチ） station5_s on USTREAM. デザイン
• Adobe station5 / 2010.6.12 / CSS Nite in OMOTESANDO, Vol.2, 湯口 りさ 氏（WEBデザイナー）、林 大輔 氏（WEBデザイナー） ほか station5_s on USTREAM. デザイン...
• Adobe station5 / 2010.6.14 / CSS Nite in OMOTESANDO, Vol.3, 鷹野 雅弘 氏（株式会社スイッチ） station5_s on USTREAM. デザイン

2010年8月14日、T7渋谷フラッグにて第2回Webライティング・エディトリアル勉強会が開催されます（主催：WebSig24/7）。

今回はUSTREAM配信がないそうですので、第1回目を見て、興味を持たれた方は、ぜひ足を運んでみてください。

>これまでのWeb制作は「枠組み」をつくることがメインでした。しかしながら、Webサイトでは当然その中に入る「コンテンツ」が重要です。

しかし、カタログありきでWebサイトに掲載するコンテンツを決定したり支給されたままの原稿を流し込むだけだったり、コンテンツ自身を作るという意識はまだまだ希薄ではないでしょうか？

Web制作の現場で起こりがちな、素材ありきの見せ方ではなく、どう見せたい(るべき)か？ から、コンテンツや素材を考えていく、エディトリ アルデザインの考え方に沿って、素材がが与えられていればそれをよりよく見せる方法を考え、与えられた素材が不十分であれば、どうすれば十分なも のになるかを考えられる、一歩進んだWeb制作者を目指してみませんか。