CSS Nite 4周年記念イベント（CSS Nite in Ginza, Vol.40リプライズ）が終了しました

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

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

出演者のブログなど：

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

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