11月11日、KDDIウェブコミュニケーションズ セミナールーム（麹町）にて、開催するWeb担当者Forum × CSS Nite「実践ワークショップ」第4回は、ゴメス・コンサルティングの森澤正人さんをコーディネーターに迎え、「表示速度改善」をテーマに開催します。
「自分のサイトが重いといわれている、思っている人、改善したい人」を対象に、次の4つをねらいとして開催します。
- ページ表示速度はユーザー体験のひとつとして重要であることを理解する
- サーバなどハードウェアではなくフロントエンド対策を理解する
- 測定を理解する
- 改善手法を理解する
『ハイパフォーマンスWebサイト』（オライリー）を事前に目を通しておかれると、より理解が深まります。
開催直前のため、本日以降、当日決済にてお申し込みを受け付けています。
A)
カテゴリとは商品や記事などのコンテンツを格納する箱のようなもの。
名称を検索されるキーワードにしたり、検索エンジンが好む構造にすればもちろんSEOの重要な1要素となる。
2007年末から、その年のトレンドを振りかえるイベントとして開催してきたShiftですが、今年は、アップルストア銀座にてCSS Nite in Ginza, Vol.42として12月17日に開催します。
出演は、下記の6名。昨年の同じラインアップです。ただし、それぞれの持ち時間は10分。ギュッと凝縮してお伝えします。
各セッションの詳細・講演者プロフィールは、CSS Nite in Ginza, Vol.42からご確認ください。現在、mixiコミュニティにて参加表明受付中です。事前登録は11月17日にスタートする予定です。
終了後には、CSS Nite忘年会（実費）を開催します。こちらもぜひお気軽にご参加ください。
昨年の様子：Shift 2（2008-2009）（2008年12月13日開催）
2009年10月29日、アップルストア銀座にてCSS Nite in Ginza, Vol.40を開催し、200名を超える方にご参加いただきました。
ゲストに矢倉眞隆さん（ミツエーリンクス）を迎え、注目度の高まっているHTML5についてお話を伺いました。
［撮影：飯田昌之］
次のブログで取り上げていただきました。ありがとうございます。
2005年10月20日、アップルストア銀座でスタートしたCSS Niteとしても丸4年、アップルストア銀座での開催もちょうど40回とキリの数字になりました。今後ともよろしくお願いいたします。
オープニングでご紹介した「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」をテーマとするCSS Nite LP, Disk 8も、ぜひ、ご検討ください。
［撮影：飯田昌之］
CSS Niteでは、これまでに仙台版（8月）、大阪版（8月、9月）にHTML5について取り上げています。
| robert32 | 空気読んで本日のダブり参加は自重。そのかわり有料版に行く。ハッシュタグ追っかけてみようかなぁ。→ #cssniteginza40 | link | |
| robert32 | 何となく神回になりそうな予感がする。。 #cssniteginza40 | link | |
| hitoyam | 牛めし豚汁セット並、完食。...足り、ない...？あ！そうか！終わって会社もどる時にまた寄ればいいんだ！ #cssniteginza40 | link | |
| robert32 | あんまり伸びないねぇ。実況する予定の人はいないのかな？あと数分で立ち見席予約者のイス解放と思われ。 #cssniteginza40 | link | |
| hitoyam | もうすぐはじまる。 #cssniteginza40 | link | |
| neotag | こういうのも書いてる。 http://bit.ly/uysWP #cssniteginza40 | link | |
| neotag | Operaのは翻訳してる でした。すみません。 #cssniteginza40 | link | |
| neotag | 今までのHTMLは文章構造を記述するのが目的だった #cssniteginza40 | link | |
| neotag | これからはアプリケーションも意識していこうとしてる。 #cssniteginza40 | link | |
| iwaim | 一時間には盛り沢山な内容だなー。このペースで大丈夫だろうかw #cssniteginza40 | link | |
| hkn | デジイチ持ってきたのに光量が足りない #cssniteginza40 | link | |
| neotag | XHTMLのほとんどが実際はtext/htmlでXMLとして扱われていない。 #cssniteginza40 | link | |
| neotag | Gmailの登場で Web アプリが対当。機能が足りなくなってくる。 しかしW3CはXMLへの対応ばかり。 #cssniteginza40 | link | |
| domanthan | cssが熱いということだそうです。RT @hkn: 暑いです #cssniteginza40 | link | |
| neotag | ブラウザーベンダーが「HTMLを拡張しよう！」ということでWHATWGが設立されベンダーによってHTMLの拡張が始められた。これは画期的な事。 #cssniteginza40 | link | |
| iwaim | ブログにてXHTML、CSSが普及するもメディアタイプtext/htmlとしては配信されなかった。 #cssniteginza40 | link | |
| neotag | 2006年 TBL卿が「XMLへの移行はすぐには成功しなかった。」とつぶやき。。。新HTML WGを設立。WHAT WGと協力。 #cssniteginza40 | link | |
| neotag | そして、Google I/O で大プッシュされ一気に火がつく。平行して仕様の実装がブラウザごとに進む。 #cssniteginza40 | link | |
| edo_m18 | HTML5はXHTML5としても使える（XML版） #cssniteginza40 | link | |
| sigwyg | XHTMLはHTML5という形で残る #cssniteginza40 | link | |
| hkn | これ人大杉なのかー 初参加だからわからなかった さすが矢倉さんだなー #cssniteginza40 | link | |
| shinpuru | #cssniteginza40 html5は互換性の向上のために開発されている | link | |
| domanthan | html5はモバイルに先行普及すれば、マイクロソフトものってくるでしょ。 #cssniteginza40 | link | |
| sigwyg | JavaScript/DOM: 実装がない。仕様がない。仕様はあるが中身がない ...のでクロスブラウザ対応が大変 #cssniteginza40 | link | |
| gm_kou | 無茶な仕様から対応するベンダーが勝ち？ #cssniteginza40 | link | |
| edo_m18 | 仕様を定義しても、現状に則さないものは問題がある⇒ある程度の互換性を保つ必要がある。 #cssniteginza40 | link | |
| neotag | 互換性問題その2 既存の実装との互換性。今のブラウザーやサイトの実装との互換性を維持。そのため大きな変更は出来ないが現在の環境を捨てずに済む。 #cssniteginza40 | link | |
| gm_kou | HTML5のどこを使いたいのか知りたいよね #cssniteginza40 | link | |
| edo_m18 | https://bespin.mozilla.com/ UIがで作られている。すげぇ！ #cssniteginza40 | link | |
| sigwyg | どっちかというとライブラリ作るのが大変て話かと RT @domanthan え？ ajax libで対応可能。RT @sigwyg: JavaScript/DOM: 実装がない。仕様がない。仕様はあるが中身がない ...のでクロスブラウザ対応が大変 #cssniteginza40 | link | |
| edo_m18 | [HTML5] headerとかsectionとかは、今までよく使われていたclass/idを調査して、そこから策定された。 #cssniteginza40 | link | |
| domanthan | モトローラdroidに既に搭載済み、ので、googleが推進役になる。同時に、最大なら受益者。 RT @gm_kou: 無茶な仕様から対応するベンダーが勝ち？ #cssniteginza40 | link | |
| edo_m18 | とは、元々はブラウザの実装を基に策定された。ほほう。 #cssniteginza40 | link | |
| hkn | HTML5 のフォーム関連はすごいよね #cssniteginza40 | link | |
| forestk | #cssniteginza40 ってハッシュタグはどうなんだ？ #cssnite #vol40 とかのほうが良い気がするが・・・ | link | |
| edo_m18 | 予め表示しておく文字が指定できるように。 #cssniteginza40 | link | |
| edo_m18 | とかタイプミスってるｗｗｗｗ #cssniteginza40 | link | |
| gm_kou | ブラウザ屋さんが忙しくなるんですね、分かります #cssniteginza40 | link | |
| sigwyg | UAがを解釈することでアクセシビリティが向上する可能性 #cssniteginza40 | link | |
| edo_m18 | はPDFとかでアウトライン？ アクセシビリティには確かにいいかも。 #cssniteginza40 | link | |
| edo_m18 | フィードのやなどをイメージ。＞ #cssniteginza40 | link | |
| hkn | @cssnite ありがとうございます。涼しくなりました #cssniteginza40 | link | |
| sigwyg | わかりやすい → の利用法は、フィードのやなどをイメージ #cssniteginza40 | link | |
| crema | #cssniteginza40 矢倉さんは、お話しも落ち着いてるし、スライドは美しいし、内容は分かりやすいし、非の打ち所がまったく無いですね。 | link | |
| iwaim | 全然文脈と関係ないけどグロナビなnav要素のクラスがglobalなのはどうなんだろ。 #cssniteginza40 | link | |
| crema | #cssniteginza40 ちょっとしたユーモアも混じえられているし。 | link | |
| summerwind | ゆえに尊敬せざるをえません...。 RT @crema: #cssniteginza40 矢倉さんは、お話しも落ち着いてるし、スライドは美しいし、内容は分かりやすいし、非の打ち所がまったく無いですね。 | link | |
| edo_m18 | は補足的なもの。ヤッターマンの「説明しよう！」的なｗ（いい例えだｗ） #cssniteginza40 | link | |
| sigwyg | 内に見出しってのは考えにくいから、省略しても良い #cssniteginza40 | link | |
| sigwyg | の使いすぎ解説。 の代用では問題ありな例。はアウトライン重視。レイアウトなら 使って #cssniteginza40 | link | |
| crema | 本当ですね。圧倒されます。 "ゆえに尊敬せざるをえません...。 RT @crema: #cssniteginza40 矢倉さんは、お話しも落ち着いてるし、スライドは美しいし、内容は分かりやすいし、非の打ち所がまったく無いですね。" -@summerwind | link | |
| iwaim | section要素系はアウトラインを意識して使え！スタイルのためのものは従来通りdiv要素で。 #cssniteginza40 | link | |
| edo_m18 | 勧告=仕様がすべて実装され、すぐに使える状態になること。 #cssniteginza40 | link | |
| edo_m18 | そもそも、HTML5以上出てこないのか・・？ｗ #cssniteginza40 | link | |
| sigwyg | CSS2.1は勧告されていないけど広く使われている #cssniteginza40 | link | |
| edo_m18 | HTMl5、CSS3は、「実装されている機能から使っていけばいい」。IEめ・・・。 #cssniteginza40 | link | |
| gm_kou | 実装状況を知るには...開発者とふじこちゃんするのが一番かと(嘘 #cssniteginza40 | link | |
| kokoro_blog | #cssniteginza40 html5の実装はまだ先みたいだけど便利そう。w3cの勧告時期とか初めて知った事も多い。 | link | |
| pino0505 | HTML５について。ずーと行きそびれている。有料版はまだ行けるのかな。 タグにて情報収集ちう。 #cssniteginza40 | link | |
| gm_kou | あたらしいタグをすぐに使いたければブラウザ側を作れば良いんだよ。と、個人的意見 #cssniteginza40 | link | |
| edo_m18 | sectionは削除したら？なんてコメントも。使うにはリスクを考える。 #cssniteginza40 | link | |
| gm_kou | 既存のブラウザ上で動くHTML5ブラウザアプリを作れば良いんだ。 #cssniteginza40 | link | |
| shinpuru | #cssniteginza40 実際に使うのはもうちょい先だのねん。早く標準科されてほしいな | link | |
| homura09 | CSS Niteおわりました。参加した方、おつかれさまでした！ #cssniteginza40 | link | |
| h_echizenya | CSS Nite終了。プログレッシブエンハンスメントで。 #cssniteginza40 | link | |
| hideki_a | 矢倉さんお疲れ様でしたー！仕事でHTML5を積極的に利用できるようになる日が楽しみ。 #cssniteginza40 | link | |
| homura09 | HTML5でマークアップできる日が楽しみです。 #cssniteginza40 | link | |
| robert32 | そういえば今回(vol.40)の資料公開は、銀座版(今日)と有料版(reprise)とで、どういうタイミングで公開する予定なんだろ？ #cssniteginza40 | link | |
| fumi1 | 今日のCSS Niteのハッシュタグは #cssniteginza40 だったようだ | link | |
| oremega | #cssniteginza40 かなり解りやすい内容だったのでHTML5で組むのが楽しみだ！矢倉さんは同年代なので元気もらえました。 | link | |
| html5watcher | RT @oremega: #cssniteginza40 かなり解りやすい内容だったのでHTML5で組むのが楽しみだ！矢倉さんは同年代な￤ | link | |
| torugatoru | やっぱりハッシュタグあったんだw #cssniteginza40 でもiPod Touchからだったので、タグは入れる暇なかったなー。 | link | |
| chikaram | XHTML2に対する肯定的な意見と、HTML5に対する批判的な意見。を #cssniteginza40 の講演者聞きたかった。何かに期待する時、否定的な意見も持ち合わせているのは良くあることなので。 | link | |
| shiinomacoto | cssnite行ってきました。とっても興味深い話題だったのですが、宅配便が20時半に来るっていうから途中退出。残念っ！ #cssniteginza40 | link | |
| kokoro_blog | そういえばcssniteから速攻でハッシュタグおしえてもらったw 今日の内容は近い内に動画も音声も公開されるらしい。すごく今どきのイベントだなーと思った。 #cssniteginza40 | link | |
| gtokio | ブレて歌っているみたいになってしまった。http://bit.ly/3EAghE #cssniteginza40 | link | |
| natsumikan_t | HTML5のお話とてもわかりやすくてよかったです。ミツエーの矢倉さん、面白い方ですねw() #cssniteginza40 | link | |
| neotag | W3Cの勧告プロセスは矢倉さんのこの記事が素敵です。http://bit.ly/p4qhP 彼の言う事は一貫してて遥か前から筋道ができてるのが凄いと思うのです。 #cssniteginza40 | link | |
| hitoyam | RT @neotag: W3Cの勧告プロセスは矢倉さんのこの記事が素敵です。http://bit.ly/p4qhP 彼の言う事は一貫してて遥か前から筋道ができてるのが凄いと思うのです。 #cssniteginza40 | link | |
| robert32 | あーやっぱり資料公開は11日...つまり有料版終了後...ですよね。それ以前に出したらネタバレになる。 http://bit.ly/2D8tqP #cssniteginza40 | link | |
| iwaim | そういや、懇親会 (?) は知らない人が大半だったのに全然会話しなかったなw #cssniteginza40 *Tw* | link | |
| iwaim | それらの「要素」の「内容」が代替テキストだとやくらさんがいうてたな RT @shinpuru #cssniteginza40 audio videoタグにalt入れられるのかな？素人の疑問 *Tw* | link | |
| iwaim | @hkn マジレスすると、ああいう場所で開催された場合、懇親はアクティブに活動しないと懇親できないと思うよ。「場所設定を見直せ」という意見もあるかもしれないけれど。何処までやるのかというのは主催側に委ねられてますからね。良くも悪くも。 #cssniteginza40 *Tw* | link | |
| shinpuru | #cssniteginza40 懇親会ってどんな感じなんだろ、リテラシーが低い私なんかが行っても浮いてしまう気がする。。。 | link | |
| iwaim | @shinpuru 今回は知人と親睦を深める会(謎)の方に参加していたので昨夜の話題のレベルはわかりませんが、一般的にはその日聞いたネタについて喋れるだけのコミュニケーション能力があればあとはなんとでもなりますよ。 #cssniteginza40 *Tw* | link | |
| hkn | 元の発言を間違って消したみたいなので再投稿。矢倉さん HTML5 目当てで行ったのでまあいいんですが、懇親会が懇親できる空気でなかったように思いました。いわいさんの隣にいたピンクメッシュの CSSer あがり新米 PHPer 女 (19 歳) より #cssniteginza40 | link |
#cssniteginza40 - ハッシュタグクラウドより。
2009年10月29日、アップルストア銀座にて開催したCSS Nite in Ginza, Vol.40のフォローアップとして、矢倉眞隆（ミツエーリンクス）さんからいただいた参照リンクのリストをシェアします。
※ 編集者版およびWHATWG版は日々更新されています
※ 代替スタイルシートから「Author documentation only」を選ぶと、実装者向けの要件が消えるので多少は読みやすくなります
