CSS Nite公式サイト

2010年1月9日にベルサール神田で開催するCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」の開催まで50日となりました。

定員240名とご案内していましたが、現在236名の方からお申し込みをいただいており、会場の使い方などを検討した結果、定員を90名分増枠することにしました。

Webサイトをビジネスの手段として考えたとき、成果を求められるのは当然であり、その傾向はますます強まっています。
そのためには、アクセス解析データを数字として眺めるだけでなく、見てほしいコンテンツへの適切な誘導やコンバージョン（購入・成約・問い合わせなど）につなげるための「発想」や「作業」が必要です。サイト構成の見直し、新たなコンテンツの企画、リンクの文言や場所、広告のデザインや配置の変更など、さまざまな工夫のもとでサイトのパフォーマンスを高めていくことが不可欠です。
「Google Analyticsを導入して毎週レポートを見ている、でも、解析結果をサイトにどのように反映すればよいのかわからない」という方をターゲットに、CSS Nite LPの第8弾を企画しました。サイトのパフォーマンスを高めるためのアクセス解析データの活用、提案における成果の根拠、さらにそれを予算の提示につなげる方法など、Web制作者が取り組むべき課題にフォーカスします。

CSS Niteは2008年後半から「Season 3：スキルからセンスへ」というテーマが掲げ、スキルだけにフォーカスするのでなく、"クライアントとビジネスの話ができる"ためのトピックを少しずつ入れています。

サイト公開後に、アクセス解析データを見ながらサイトを最適化していくことは、Web制における不可欠なスキルになるのではないかと考えています。たくさんの方のご参加をお待ちしています。

セッション概要、タイムテーブルは下記にありますのでご確認ください。セッション概要をまとめたPDF（2ページ）もご用意しています。

• セッション概要
• タイムテーブル

2010年1月9日にベルサール神田で開催するCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」のセッション概要が固まりました。今回は60分程度のセッションを5つ、最後に質疑応答タイムで構成します。

• Google Analytics ベーシック／小杉 国太郎（グーグル）
• 仮説検証型、かつ4つの対顧客戦略でデータを見る～Google Analyticsを使った分析のあるべき流れ／衣袋 宏美（クロス・フュージョン）
• ユーザー行動をセグメント化して、サイト改善?ユーザーの行動と気持ちに寄り添うセグメンテーション分析／大内 範行（アユダンテ）
• Web制作会社のための、顧客が逃げないGoogle Analyticsレポーティング～成果アップのための解析「報告」の実践／石井 研二（HARMONY）
• 経営者視点のサイトリニューアル提案～Google Analyticsを使った経営成果の算出法／権 成俊（ゴンウェブコンサルティング）

若干の修正はありますが、この方向で確定です。タイムテーブルも掲載していますので、告知ページをご確認ください。

• セッション概要
• タイムテーブル

▲左から、衣袋さん、権さん、小杉さん、大内さん（11月10日、グーグルの会議室にて）

CSS Nite LP, Disk 8は有料イベントです。ご参加いただくには、お申し込みと事前決済が必要です。

本日23:59までのお申し込みの方は、早割として1,000円割引です。ご参加をご検討中の方は、ぜひご利用ください。

12月17日のCSS Nite in Ginza, Vol.42（Shift 3）の終了後、CSS Nite忘年会2009を開催します。 参加を希望される方は、mixiのCSS Niteコミュニティにて参加表明をお願いします。

現在、70名の定員のところ、59名となっています。会場のキャパ的に増席はムリなので、ご検討中の方は、お早めにどうぞ。はじめての方も歓迎です。

2009年11月10日、デジタルハリウッド本校（お茶の水）セミナーホールにて開催したCSS Nite 4周年記念イベント（Vol.40 reprise）の山田 敬美（カヤック）さんのスライドがSlideshareにて公開されました。

その他のフォローアップは、CSS Nite 4周年記念イベント（Vol.40 reprise）に出演させていただきました。 | Topics | DB - KAYAC Designer's Blog （カヤック デザイナーブログ）にて公開されています。

音声データも合わせて公開します。

• 音声（MP3、22:29、20.6MB） 　　 　　

急に注目が高まっているHTML5ですが、CSS Niteでは下記のイベントにて取り上げました。

• CSS Nite in SENDAI, Vol.4（2009年8月22日開催）：
  「前のめりでこんにちは!HTML 5 in 仙台」／兎内 淳一・長崎 智宏（ディー・エム・ピー）
• CSS Nite in OSAKA, Vol.18（2009年8月28日開催）：
  「夏の自由研究 ～HTML5ってどうなのよって話～」／村岡正和（バスタイムフィッシュ）、秋葉秀樹
• CSS Nite in OSAKA, Vol.19（2009年8月28日開催）：
  「～HTML5ってどうなのよって話～2」／村岡正和（バスタイムフィッシュ）、秋葉秀樹
• CSS Nite in Ginza, Vol.40（2009年10月29日開催）：
  『HTML5、きちんと。』／矢倉 眞隆（ミツエーリンクス）
• CSS Nite in NIIGATA（2009年11月7日開催）：
  HTML5をひとつまみ／清水 大輔（dee'z）
• CSS Nite 4周年記念イベント（Vol.40 reprise）（2009年11月10日開催）：
  『HTML5、きちんと。』／矢倉 眞隆（ミツエーリンクス）
• CSS Nite 4周年記念イベント（Vol.40 reprise）（2009年11月10日開催）：
  HTML5のメリットを活かしたコンテンツアイデア／山田 敬美（カヤック）
• CSS Nite 4周年記念イベント（Vol.40 reprise）（2009年11月10日開催）：
  HTML 5（現段階の WD）のセマンティクスの実装／小山田 晃浩（メタフェイズ）

明日（11月19日木曜日）アップルストア銀座（3Fシアター）にて開催するCSS Nite in Ginza, Vol.41は、18:30スタートです。

告知ページの概要などが19:00になっておりました。お詫びと修正まで。

今週の木曜日（11月19日）18:30からアップルストア銀座（3Fシアター）にて開催するCSS Nite in Ginza, Vol.41のタイムテーブルが決定しました。

• 事前登録は終了しており、当日枠は30-40人分ほどです。
• 出演者全員が参加予定のアフターパーティ（懇親会）にも、ぜひご参加ください。

開演前には、iPhoneアプリ「TRAVATAR」に関するミニプレゼンを予定しています。

• CSS Nite in Ginza, Vol.41：ご入場に際し | CSS Nite公式サイト

2009年11月10日、デジタルハリウッド本校（お茶の水）セミナーホールにてCSS Nite 4周年記念イベント（CSS Nite in Ginza, Vol.40リプライズ）を開始し、121名の方にご参加いただきました。

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

• 【レポート】CSS Nite 4周年記念イベント - ProjectDD Blog
• HTML5っていつから実務で使えるの？「CSS Nite 4周年記念イベント（Vol.40 reprise）」行ってきた: Miklog
• HTML5、きちんと。CSS Nite 4周年記念イベントにいってきました - EC studio デザインブログ
• 早起きできるかな: CSS Nite(Vol.40 reprise)に行ってきました
• CSS Nite 4周年記念イベント（Vol.40 reprise）参加レポート - The blog of H.Fujimoto
• CSS Nite 4周年記念イベント（Vol.40 reprise）に参加してきました | days in hourglass
• CSS Nite 4周年記念イベント（Vol.40 reprise）に参加してきました | CSS-EBLOG
• Review of progress
• CSS Nite 4周年記念イベントに参加してきた ? kazumich.log
• キョウリツネット物語: CSS Nite 4周年記念イベント（Vol.40 reprise）に行ってきました
• CSS Nite HTML5特集｜web create dialy
• イキイキ☆ワーカー｜ココロのノート

出演者のブログなど：

• CSS Nite 4周年記念イベント (Vol.40 reprise) にいってきました | ヨモツネット
• CSS NiteでHTML5の講演を行いました | Web標準Blog | ミツエーリンクス

当日の模様　［撮影：飯田昌之］

twitterハッシュタグ「#cssnite40rep」のログのアーカイブ

	okuryu	ハッシュタグあったものの充電が。。 #cssnite40rep	link
	okuryu	ハッシュタグ見ても @securecat しかつぶやいてない。泣いた。 #cssnite40rep	link
	securecat	デジハリなう。ちょっと調子悪いので、実況とかコメントとか無理かも #cssnite40rep	link
	hitoyam	なぜHTML5なのかという背景を説明中。 #cssnite40rep	link
	hitoyam	XMLの普及を待つ必要があるのか？XHTML前提である必要があるのか？→既存の技術を拡張すればいいではないか！→ベンダーによるWHATWG設立。 #cssnite40rep	link
	hitoyam	でもXHTMLはなくならないよ。 #cssnite40rep	link
	necoze	WGはなくなったけど、XHTMLが無くなる訳ではない。HTML5はXMLとして扱うことも可能（XHTML5） #cssnite40rep	link
	necoze	今まで書いていたようにHTML5は書けるのでご安心を #cssnite40rep	link
	edom18	とは混在できる #cssnite40rep	link
	mmlemon	これ許しちゃいかんでしょ。RT @HTML5watcher: RT @doublesideweb: html5 では、閉じタグなどを入れても入れなくてもオッケ。混在オッケー #cssnite40rep	link
	necoze	HTML5のもうひとつの大きな目的＝「互換性」一つはブラウザの互換性 #cssnite40rep	link
	neotag	text/html なら問題ないのでは。きもいけど RT @mmlemon: これ許しちゃいかんでしょ。RT @HTML5watcher: RT @doublesideweb: html5 では、閉じタグなどを入れても入れなくてもオッケ。混在オッケー #cssnite40rep	link
	necoze	CSSやHTMLとは異なり、JSやDOMの中には仕様が存在していないものがある＝それをどうやってブラウザが実装しているかは「雰囲気」になってしまう #cssnite40rep	link
	kojitron	HTML5の取り入れ方について考えた時、真っ先に心配になった点でした。ちと安心。 RT @edom18: とは混在できる #cssnite40rep	link
	hitoyam	実装はベンダー依存だけど、仕様は定義して対応できる。詳細な処理規則を定義しよう、と。 #cssnite40rep	link
	necoze	もうひとつの互換性は「既存の実装との互換性」＝今あるブラウザ・サイトとの互換性 #cssnite40rep	link
	hitoyam	互換性を持つことでWebを段階的に進化させられる。 #cssnite40rep	link
	necoze	今の環境に互換性がある＝段階的に作り替えていける （それを無視してしまうとXHTML2.0のように頓挫してしまう） #cssnite40rep	link
	purprin	canvas スクリプトから画像を扱うAPI #cssnite40rep	link
	purprin	chrome experiments 最新技術のショーケース #cssnite40rep	link
	chibicoo	会場ちょとさむい #cssnite40rep [モバツイ]	link
	necoze	canvas、video、audioの話。 #cssnite40rep	link
	chibicoo	動画作ることが多い私には便利かも。html5のapi #cssnite40rep [モバツイ]	link
	purprin	もの好き（笑） #cssnite40rep	link
	necoze	新しいDOCTYPEや文字コードは古いブラウザで機能する #cssnite40rep	link
	purprin	ブラウザはどっくたいぷ・うにゃうにゃ、すべてをみているわけではない #cssnite40rep	link
	necoze	フォームの拡張の話終わって、section・articleの話 #cssnite40rep	link
	chibicoo	セミナー中ですが市橋容疑者が逮捕され森繁久弥が亡くなり、名古屋は大雨らしい。 #cssnite40rep [モバツイ]	link
	necoze	article＝フィードのitemやentryなどをイメージするとよい #cssnite40rep	link
	purprin	article の説明についてフィードのitem とかってたとえはわかりやすい #cssnite40rep	link
	aratakojima	日本、忙しいですｗ RT セミナー中ですが市橋容疑者が逮捕され森繁久弥が亡くなり、名古屋は大雨らしい。 #cssnite40rep [モバツイ] (via @chibicoo)	link
	hitoyam	→ 章や節などのひとまとまり。 #cssnite40rep	link
	hitoyam	→ 主要なナビゲーション。UAがきちんと読んでくれれば、アクセシビリティも高まる。 #cssnite40rep	link
	hitoyam	→ 独自に完結するまとまり。Atom でいうentryみたいなもの。 #cssnite40rep	link
	necoze	aside要素＝ヤッターマンの「説明しよう！」 #cssnite40rep	link
	hitoyam	→ 補足的な情報。ヤッターマンの「説明しよう！」でおなじみのアレ的な。 #cssnite40rep	link
	hitoyam	＝と考えるのは残念。section地獄こわい。意味的なもの以外でsection使うのはダメ、ゼッタイ。 #cssnite40rep	link
	necoze	セクション使い方を間違えるとアウトラインを崩すことに（×本文だけを囲む、headerの中で使う、divの代わり）　レイアウト目的ならdivで！ #cssnite40rep	link
	threepennie	あとでkwsk RT @hitoyam: ＝と考えるのは残念。section地獄こわい。意味的なもの以外でsection使うのはダメ、ゼッタイ。 #cssnite40rep	link
	necoze	HTML5の来年9月の勧告は無理＝勧告は仕様がすべて実装されすぐ使える状態でなければならない（そういう段階じゃない） #cssnite40rep	link
	securecat	statusの発音が良すぎてふいた（謎） #cssnite40rep	link
	purprin	progressive enhancement! #cssnite40rep	link
	yakumo	html5が使われる時に自分がHTMLを書いているか分からないけど、こりゃ大変そうだと思った #cssnite40rep	link
	hitoyam	はドラスティックにグッバイな可能性がある。リスクは認識はマスト。 #cssnite40rep	link
	necoze	HTML5に情報が少ないからこそ、調べたことは共有してWebに情報を増やしていって欲しい（セッションおしまい）パチパチパチ #cssnite40rep	link
	necoze	休憩中。ふー。 #cssnite40rep	link
	okuryu	なぜ status の部分だけいい発音だったのか。 #cssnite40rep	link
	necoze	カヤックの人のセッションスタート #cssnite40rep	link
	iwaim	XMLじゃないんだから、SGML由来の省略タグ機構があるのは問題ないのでは？ RT @mmlemon: これ許しちゃいかんでしょ。RT @doublesideweb: html5 では、閉じタグなどを入れても入れなくてもオッケ。混在オッケー #cssnite40rep Tw	link
	hitoyam	コンチがいる......いいのかこれ...... #cssnite40rep	link
	hitoyam	コンチにしか目がいかないだろこれ！着替えしすぎだよコンチ！ｗｗ #cssnite40rep	link
	iwaim	やくらさんは英語が堪能だから。 RT @okuryu: なぜ status の部分だけいい発音だったのか。 #cssnite40rep Tw	link
	hitoyam	HTML5のメリット：HTMLとJavaScriptだけでWebアプリが作れる。 #cssnite40rep	link
	necoze	iPhoneアプリにHTML5を使うメリット...objective Cを覚えずにHTML+JSだけでアプリがつくれる...オフライン機能を使って必要なときだけ通信 #cssnite40rep	link
	hitoyam	PC：ブラウザの非互換がある。じゃあiPhoneなら？ → ブラウザひとつしかないし低スペックデバイスでも動くし最適！ #cssnite40rep	link
	Fuchie	たかみーがんばれ！ #cssnite40rep	link
	securecat	プログレッシブエンハンスメントとかはカタカナ発音だった。statusだけ特によかった。 RT @iwaim: やくらさんは英語が堪能だから。 RT @okuryu: なぜ status の部分だけいい発音だったのか。 #cssnite40rep Tw	link
	necoze	イケメンホイホイのiPhone版をつくる（hoihoi.kayac.com）Flash部分ををcanvasで作成、オフラインでも見られるように #cssnite40rep	link
	hitoyam	イケメンをただ眺めるデモｗｗ #cssnite40rep	link
	iwaim	ああ、そういえば先日の銀座のときも他の英語は普通だった。他の単語は聞き取りやすいようにしたのか、statusスキルが高いのか RT @securecat: プログレッシブエンハンスメントとかはカタカナ発音だった。statusだけ特によかった。 #cssnite40rep Tw	link
	hitoyam	イケメンビューア上で輝く鷹野さん。 #cssnite40rep	link
	hitoyam	イケメンビューア上で輝く矢倉くん。 #cssnite40rep	link
	chibicoo	寒いにゃー #cssnite40rep [モバツイ]	link
	hitoyam	manifest属性：アプリケーションキャッシュが強力すぎて開発に手間がかかるので、開発時はマニフェストを使わないでおくとよいと思う。 #cssnite40rep	link
	hitoyam	ローカルストレージ：クライアント側にデータを格納できる。画像はデータスキームのbase64形式で。投稿する瞬間に入力内容を保存しておけばエラー時も安心。 #cssnite40rep	link
	tkamimoto	GoogleのiPhone版、.manifestでロゴとかをアプリケーションキャッシュ。httpリクエストを減らしてる #cssnite40rep	link
	mtmk	かわいい、スライドだった。イケメンホイホイ。 #cssnite40rep	link
	hitoyam	http://bit.ly/4vgo3k にあるって！ #cssnite40rep	link
	hiloki	マインドマップで山田さんと小山田さんの枝を間違えて書いてた #cssnite40rep	link
	hitoyam	→ h要素が連続するとき意図しないアウトラインができないようにする。 #cssnite40rep	link
	necoze	あ、次のセッション始まってます。 #cssnite40rep	link
	securecat	時間もないので... #cssnite40rep	link
	hitoyam	セクションの中では見出しのレベルをリセットできる。見出しレベルの破綻を軽減できるし、モジュール化が楽になる。←これ大事。モジュール化バンザイ。 #cssnite40rep	link
	crema	#cssnite40rep を見ていると、先日の銀座のお話とちょっと違うことも含まれているっぽいなぁ。	link
	hitoyam	はアウトラインを作るための要素でなく、グルーピングのための要素。セクションごとに設定することができる。 #cssnite40rep	link
	securecat	ざっと説明していく感じで説明させて頂きます... #cssnite40rep	link
	purprin	略してNNB! (そこ？、笑) #cssnite40rep	link
	hitoyam	デモブログで実例を説明中。 #cssnite40rep	link
	hitoyam	新要素はデフォルトのCSSを持っていない。display:inline;になっている。CSSを用意しておくと便利。w3.orgにサンプルあり。 #cssnite40rep	link
	hitoyam	IE用のJSも必要。 #cssnite40rep	link
	purprin	本題と関係ないけど、プロジェクターに投影してらアウトラインを解説するときは黒い背景のサンプルだとつたわりやすいなーと実感。謎のブログよかったです。 #cssnite40rep	link
	hitoyam	役割の違いを理解して使うことが重要。セクショニングコンテンツの使い分けは難しい。アウトラインの概念を理解して、正しいHTML5を書こう！ #cssnite40rep	link
	yakumo	2004年頃のCSSレイアウトのセミナーの様な感覚。「できるところから」って単語の多さがそれを物語っている感じ。 #cssnite40rep	link
	shitumonkun	質問タイム：セクションの最初に出てくる見出しがそのセクションの見出しになるから、セクションの最初の見出しがである必要はない。 #cssnite40rep [ http://twitter.com/hitoyam/status/5587025184 ]	link
	mtmk	すごく勉強になった。来てよかった。 #cssnite40rep	link
	kojitron	今日はHTML5のセミナー(cssniteの番外編)に行ってたのです。新要素の解説から実装のポイントまでお話いただき、大変ためになりました。 #cssnite40rep で参加者による実況レポートが見られますよ	link
	miccweb	cssniteからかえったきたぁ。イケメンホイホイの実装例があって良かったですね。早くて多分追いきれていないけれど、googleでhtml5の勉強会出てたので、ローカルキャッシュの辺りが、あ、あれかとわかって良かったれす。ハッシュタグ間違え過ぎw #cssnite40rep	link
	robert32	asaidタグ。試しに本当にヤッターマン（2008 ver.）を見てみるｗ → http://bit.ly/34dEiG #cssnite40rep	link
	robert32	asideタグ。試しに本当にヤッターマン（2008 ver.）を見てみるｗ → http://bit.ly/34dEiG #cssnite40rep	link
	robert32	aside要素。試しに本当にヤッターマン（2008 ver.）を見てみるｗ → http://bit.ly/34dEiG #cssnite40rep	link

#cssnite40rep - ハッシュタグクラウドより。

2009年11月7日、新潟県民会館 小ホールにてCSS Nite in NIIGATA, Vol.1を開催し、120名ほどの方にご参加いただきました。

新潟では2009年4月のプレ版を開催しており、今回のVol.1は2回目の開催にあたります。

「ブランディングとワークフロー」をテーマに、3つのセッションと4本のライトニングトークで構成しました。

次のブログで取り上げていただきました。

• [う]CSS nite in 新潟,Vol.1 参加レポート
• こもも日記　 css Nite

2009年11月10日、デジタルハリウッド本校（お茶の水）セミナーホールにて開催したCSS Nite 4周年記念イベント（Vol.40 reprise）の矢倉さんのスライドは、Slideshareにて公開されています。