2009年11月10日、デジタルハリウッド本校（お茶の水）セミナーホールにてCSS Nite 4周年記念イベント（CSS Nite in Ginza, Vol.40リプライズ）を開始し、121名の方にご参加いただきました。
次のブログで取り上げていただきました。ありがとうございます。
出演者のブログなど：
| 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 | 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: | 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 |
2009年11月7日、新潟県民会館 小ホールにてCSS Nite in NIIGATA, Vol.1を開催し、120名ほどの方にご参加いただきました。
新潟では2009年4月のプレ版を開催しており、今回のVol.1は2回目の開催にあたります。
「ブランディングとワークフロー」をテーマに、3つのセッションと4本のライトニングトークで構成しました。
次のブログで取り上げていただきました。
「サイトの画面設計やデザイン性はそれなりに良いのだが、肝心の中身、コンテンツが足りていないので強化したい。けれどどんなコンテンツがユーザから求められているのか分からない…。」
今回はそんな時に役立つ調査手法の1つとして、「カードソーティング」をご紹介します。
