CSS Nite公式サイト

2010年2月18日、アップルストア銀座でCSS Nite in Ginza, Vol.44を開催し、152名の方にご参加いただきました。

植木 真さん（インフォアクシア）を迎え、JIS X 8341-3 徹底比較 60分1本勝負『2004年版』 vs 『2010年改定版』と題し、改定版公示直前のWeb JISについてのお話を伺いました。

• Makoto Ueki (makoto_ueki) on Twitter

セッションのスライド、音声は、追ってCSS Nite公式サイト（新着エントリー）にて公開いたします。RSSを購読されることをオススメします。

次のブログで取り上げていただきました。ありがとうございます。壮大なレポートである必要はありませんので、ぜひ、ブログ/mixi日記／twitterなどで取り上げていただければ幸いです。

• 【レポート】CSS Nite in Ginza, Vol.44 - ProjectDD Blog
• CSS Nite in Ginza, Vol.44（アクセシビリティ/改正版JIS特集）とって出しレポート（速報版） | necoze LOG2 [ネコゼログログ]
• 「CSS Nite in Ginza, Vol.44?JIS X 8341-3 徹底比較 60分1本勝負 『2004年版』 vs 『2010年改定版』?」に参加してきました！ - web ノート
• 早起きできるかな: css nite vol.44に行ってきました。
• CSS Nite in Ginza, Vol.44（アクセシビリティ）が終了しました | CSS Nite公式サイト

▲当日の様子（撮影：飯田昌之）

	leopardbobby	今夜のCSSNiteのハッシュタグはこちら。 #cssniteginza44	2010-02-18 15:17:18
	cssnite	本日のCSS Nite in Ginza, Vol.44（アクセシビリティ特集）のハッシュタグは「cssniteginza44」です。 http://cssnite.jp/ginza/vol44/ #cssniteginza44	2010-02-18 15:31:02
	shigetwi	あ・・・今日CSS Niteだったのか・・・来月のいくからがまん。 #cssniteginza44	2010-02-18 15:33:02
	ykfksm	RT @cssnite 本日のCSS Nite in Ginza, Vol.44（アクセシビリティ特集）のハッシュタグは「cssniteginza44」です。 http://cssnite.jp/ginza/vol44/ #cssniteginza44	2010-02-18 15:46:46
	bookslope	RT @cssnite 本日のCSS Nite in Ginza, Vol.44（アクセシビリティ特集）のハッシュタグは「cssniteginza44」です。 http://cssnite.jp/ginza/vol44/ #cssniteginza44	2010-02-18 15:53:13
	Fuchie	これから会場に向かいます RT @cssnite 本日のCSS Nite in Ginza, Vol.44（アクセシビリティ特集）のハッシュタグは「cssniteginza44」です。 http://cssnite.jp/ginza/vol44/ #cssniteginza44	2010-02-18 17:27:45
	Fuchie	今夜のセッションでは、植木さんの「アクセシビリティあいうえお作文」に期待しています。（もう古い？） #cssniteginza44	2010-02-18 17:44:07
	Fuchie	当日席間に合うかな... #cssniteginza44	2010-02-18 18:32:38
	Fuchie	閉まらないエレベーターで待つの恥ずかしいれす(^p^) #cssniteginza44	2010-02-18 18:34:31
	Fuchie	当日席待ちですでに30人弱ならんでる。 #cssniteginza44	2010-02-18 18:35:48
	soetaka	予約してないから、断念。RT @Fuchie: 当日席待ちですでに30人弱ならんでる。 #cssniteginza44	2010-02-18 18:37:37
	route5	お、階段待ちの長蛇の列に対して、appleのお兄さんが整理にきた。 #cssniteginza44	2010-02-18 18:39:04
	norinori	階段から座席へ。 #cssniteginza44	2010-02-18 18:51:42
	seltzer	ハッシュタグチェック #cssniteginza44	2010-02-18 18:52:15
	Fuchie	CSS Nite Vol.44 会場到着。今回のテーマはインフォアクシアの植木さんから「アクセシビリティ」についてお話いただきます。１時間ほど実況いたします。フォロワーの皆様、お騒がせいたしますが、ご了承ください。 #cssniteginza44	2010-02-18 18:55:18
	tomotana	#cssniteginza44 今日は比較的簡単に座れましたね。	2010-02-18 18:55:43
	storywriter	植木さん: 「テスタビリティ(テスト可能であること)=ツールで自動チェック可能」は違う。「テスタビリティ=ツールまたは人間によってチェック可能」である。 #cssniteginza44	2010-02-18 19:23:11
	tomotana	#cssniteginza44 概説書の説明わかりやすい。	2010-02-18 19:23:35
	tomotana	#cssniteginza44 実は今日、この手のマニュアルを完成させなければいけないので。助かります。	2010-02-18 19:24:26
	Fuchie	Understanding WCAG 2.0, How to meet WCAG 2.0, Techniques WCAG 2.0 は随時更新。2010年改定版も同様の構成に。 #cssniteginza44	2010-02-18 19:25:22
	tomotana	#cssniteginza44 まだレイアウトテーブルやってる所があるんですよね。怖い。	2010-02-18 19:25:40
	tomotana	#cssniteginza44 JIS-Xの達成基準と実装方法は世界標準。	2010-02-18 19:27:23
	Fuchie	Flash/PDFに関するTechniquesはアドビシステムズが現在作成中。改正版JISはWCAG関連文書もそのまま使用。 #cssniteginza44	2010-02-18 19:27:28
	norinori	WCAGって「ウィケグ」って発音するっぽい。1文字ずつ読むと思ってた...。 #cssniteginza44	2010-02-18 19:27:54
	skyguild	2010年度版のJISの話。 #cssniteginza44	2010-02-18 19:28:22
	tomotana	#cssniteginza44 スクリーンリーダ的なとらえ方やね。	2010-02-18 19:28:24
	tomotana	#cssniteginza44 達成等級は。大変だぞーーー。	2010-02-18 19:29:27
	tomotana	#cssniteginza44 AAAを目差すな！	2010-02-18 19:29:59
	tomotana	#cssniteginza44 AAAー中学レベルの読解力！	2010-02-18 19:31:14
	Fuchie	ネットにつながりにくくなった＞＜ #cssniteginza44	2010-02-18 19:32:43
	skyguild	等級AAAは推奨しない。 #cssniteginza44	2010-02-18 19:32:53
	storywriter	植木さん: PDF/FlashのTechniques for WCAG 2.0が、夏頃には出るかも。Adobeが取り組んでいる。 #cssniteginza44	2010-02-18 19:34:52
	skyguild	既存サイトはA、新規サイトやリニューアルではAAを目指す #cssniteginza44	2010-02-18 19:34:57
	tomotana	#cssniteginza44 HTML5は将来実装されれば。	2010-02-18 19:36:12
	norinori	リニューアルならA、新規ならAAを目指すのがおすすめらしい。 #cssniteginza44	2010-02-18 19:36:18
	easter1004	Gは技術に関係なく使える例で、Hはhtmlで使える例。けっこう具体的に書いてあるー♪ #cssniteginza44	2010-02-18 19:38:43
	tomotana	#cssniteginza44 JIS-XもWCAGの様なサイト用意すればいいのに。普及させるためにね。	2010-02-18 19:39:29
	tomotana	#cssniteginza44 達成できる実装方法は、ユーザエージェントの立場に置いてね。てなことね。	2010-02-18 19:41:01
	easter1004	ユーザーが使えない方法で実装しても、達成基準を満たしてはいない。当たり前じゃ。 #cssniteginza44	2010-02-18 19:41:35
	tomotana	#cssniteginza44 アクセシビリティサポーテッド？	2010-02-18 19:42:02
	skyguild	違うかっｗｗｗ #cssniteginza44	2010-02-18 19:42:10
	easter1004	アクセシビリティ　サポーテッドとは？ #cssniteginza44	2010-02-18 19:42:24
	nekoron	会社で見てる。レポありがたや?。 #cssniteginza44	2010-02-18 19:42:44
	Fuchie	「違うか！」www #cssniteginza44	2010-02-18 19:43:15
	tomotana	#cssniteginza44 アクセシビリティサポーテッド:広く配布されているユーザエージェント、プラグインなど。	2010-02-18 19:43:54
	storywriter	植木さん: 「拡張された音声ガイド(副音声)」の例が Adobe - Flash CS4 Professional Accessibility にある。 http://j.mp/bmAMig #cssniteginza44	2010-02-18 19:44:33
	easter1004	広く配布されているユーザーエージェント（IEとかFFとか）にサポートされているか、広く配布されているプラグイン（SWFなど）でサポートされているか。 #cssniteginza44	2010-02-18 19:44:42
	skyguild	RT @tomotana: #cssniteginza44 アクセシビリティサポーテッド:広く配布されているユーザエージェント、プラグインなど。	2010-02-18 19:45:01
	tomotana	#cssniteginza44 アクセシビリティサポーテッドとなると、酷いサイトでもアクセシビリティ関連性のプラグインがあればいいってこと？	2010-02-18 19:45:05
	easter1004	笑いどころは笑いましたｗ #cssniteginza44	2010-02-18 19:45:18
	tomotana	#cssniteginza44 検証の統一見解はほしいですね。	2010-02-18 19:46:49
	Fuchie	単に「ドキュメント嫁」と言っても、読まない人はいるだろうから、2010年版に対応したサイトにするための Tips 集とか作って認知・普及させるという手もあるかもなー。 #cssniteginza44	2010-02-18 19:47:14
	easter1004	スキップリンクは、非表示→表示orフォーカスしたら表示にしましょう。 #cssniteginza44	2010-02-18 19:47:50
	Fuchie	2010年改正版では、自己適合宣言が可能 #cssniteginza44	2010-02-18 19:48:22
	tomotana	#cssniteginza44 自己適合宣言あり！ これは官公庁がよろこぶね。清家さんどうですか？	2010-02-18 19:48:42
	easter1004	JISマークか、自己適合宣言 #cssniteginza44	2010-02-18 19:48:54
	skyguild	スキップリンクは常に表示させる。 #cssniteginza44	2010-02-18 19:48:57
	easter1004	自己適合宣言はハードル高め。 #cssniteginza44	2010-02-18 19:49:20
	tomotana	こちらのお隣さんも落ちたw RT @tida58: 隣のヒトが落ちたｗ 植木さんの声が睡魔を呼ぶのは確か。 #cssniteginza44	2010-02-18 19:49:27
	tomotana	#cssniteginza44 適合宣言は適合ページだけでもよい。	2010-02-18 19:50:06
	easter1004	JSでコンテンツを提供するときは代替コンテンツを作っている。2004 #cssniteginza44	2010-02-18 19:51:05
	Fuchie	大企業ウェブサイトにおける「自己適合宣言」レースが始まるな。 #cssniteginza44	2010-02-18 19:51:36
	tomotana	#cssniteginza44 依存の登場でサイトの幅が広がるね。	2010-02-18 19:53:05
	storywriter	植木さん: JIS Q 1000に基づく自己適合宣言は、まだいろいろ課題がある。当面は試験結果表示で適合を示すことになるだろう。 #cssniteginza44	2010-02-18 19:53:18
	Fuchie	大企業ウェブサイトにおける「JIS X 8341-3」2010年改定版「自己適合宣言」（試験結果表示）レース。本命は富士通かな。 #cssniteginza44	2010-02-18 19:53:42
	chibicoo	むずかしくなってきた... #cssniteginza44	2010-02-18 19:54:46
	tomotana	#cssniteginza44 第三者コンテンツの例外。Gmail Blog ポータル等が対象。	2010-02-18 19:55:17
	skyguild	こっちのお隣りもｗ RT @tomotana: こちらのお隣さんも落ちたw RT @tida58: 隣のヒトが落ちたｗ 植木さんの声が睡魔を呼ぶのは確か。 #cssniteginza44	2010-02-18 19:55:51
	kanchi206xtp	#cssniteginza44 終わって帰宅中。お疲れ様でした。	2010-02-18 20:57:47
	easter1004	本日はお疲れ様でした。ありがとうございました！ #cssniteginza44	2010-02-18 21:42:39
	easter1004	CSS Nite in Ginza, Vol.44JIS X 8341-3 徹底比較 60分1本勝負 『2004年版』 vs 『201・・・ http://bit.ly/cHX0Ds #cssniteginza44	2010-02-18 22:59:20

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

コーディング／マークアップにフォーカスし、スピードコーディング、jQuery、表示速度改善、HTML5+CSS3などを取り上げるCSS Nite LP, Disk 9（LP9）「Coder's Higher」を4月17日に開催します。

• イベント名：CSS Nite LP, Disk 9（LP9）「Coder's Higher」
• 日時：4月17日土 12:10-18:45（予定）
• 会場：ベルサール神田（東京）
• 参加費：8,000円

「第2回コーディングコンテスト」へのご参加もご検討ください（応募は無料）。

250名を超える方からお申し込みをいただいています。このペースだと3月初旬には満席になりそうです。定員は400名ですが増員はありませんので、検討されている方はお早めにどうぞ。

なお、このイベントは事前決済（前払い）です。何かとお手数ですが、ご協力をお願いいたします。

2010年2月18日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.44のフォローアップとして、『JIS X 8341-3 徹底比較 60分1本勝負「2004年版」 vs 「2010年改定版」』（植木 真さん／インフォアクシア）のセッションのスライドと音声をシェアします。

• スライド（PDF、100ページ、1.9MB）
• 音声（MP3、57:01、54.9MB）

こちらのエントリーもご参照ください。

• CSS Nite in Ginza, Vol.44（アクセシビリティ）が終了しました

植木さんからのメッセージ

インフォアクシアの植木です。

先日は「CSS Nite in Ginza　Vol.44」にご来場いただき、誠にありがとうございました。

今回のセッションは、「アクセシビリティ」というよりも、「JIS改正原案」にフォーカスしてお話しさせていただきました。

2004年版のJIS X 8341-3や今回の改正原案の内容をご存知ない方が意外と多かったようで、そういう方々にとっては、少し難しくて退屈だったかもしれません......。

JISの話になると、どうしてもテクニカルな内容の話に終始してしまいがちですが、「JIS改正原案」は個々の達成基準の話をする以前に、正しく理解しておいてほしいポイントがいくつもあります。

セッションのスライドを見ながら、改めて改正原案をご覧いただくと、お話しした10のポイントの理解がさらに深まると思います。特に、箇条6、箇条8、附属書Cあたりを読んでいただくことをオススメします（注：附属書Cは、公開レビュー後に附属書Aに変更になっています）。

• JIS X 8341-3 改正原案（2009年1月公開レビュー版）

※最終版ではないので、公示される際には変更になる箇所もあります。

2004年版のJIS X 8341-3をご存知の方は、附属書Eにある2004年版との比較表も参考にしてください。

とはいえ、原文のWCAG 2.0が難解なので、読みにくい日本語になってしまっていることは否めません。読み疲れてしまったら、気分転換にコーヒーでも飲みながら、映画「マトリックス・リローデッド」でも・・・

って、違うか！ｗ

最後に、改正版の公示時期は、今のところは早くても5月から7月（ただ、もう少し先になりそうな気もしますが）。機会があれば、今回お話できなかった部分も含めて、じっくりとご紹介させていただければと思っています。

それでは、皆さんにまたお会いできる機会を楽しみにしています。

• "WCAG" が「ウィーケァグ」である件。
• 辻ちゃん・ウエちゃんのアクセシビリティPodcast 第29回からJIS改正原案をご紹介しています。

2010年2月20日（土）、サンポートホール高松54会議室（サンポート高松 シンボルタワー内）にてCSS Nite in TAKAMATSU, Vol.2 powered by KDDIウェブコミュニケーションズを開催します。

2回目となる高松版は、CMS特集。次の3つのCMSに加え、「CMSを搭載するサーバー選びのツボ」と題してのセッションで構成されます。

• a-blog cms
• bingo! CMS
• SOY CMS

開催まであと11日。残席僅かです。

2007年5月に開催した「LP3：Coder's High」同様、「第2回コーディングコンテスト」を併催します（主催：ピクセルグリッド、協力、シナップ、シックスアパート）。

用意されたデザインを参加者がそれぞれ個々のスキルや考えに基づいてコーディングします。第2回は現在策定中であるHTML5+CSS3を利用し、テクニック、デザイン再現性、メンテナンス性の高さを競います。

これから現場で困るだろうHTML5+CSS3の技術を先取りして実装してみることで問題点を洗い出し知識として共有する。この機会を利用してこれからのスタンダードを業界に示す。

スケジュール

• 締め切り：日本時間の2010年3月22日（月）23:59
• 審査：2010年3月23日から
• 結果発表 2010年4月17日（イベント日）

審査員は次の11名（順不同）。

• 小久保 浩大郎（インフォメーションアーキテクツ）※審査委員長
• 小山田 晃浩（ピクセルグリッド）
• 上ノ郷谷 太一（シックス・アパート）
• 高津戸 壮（ピクセルグリッド）
• 中村 享介（ピクセルグリッド）
• 西畑 一馬（to-R）
• 浜 俊太朗（ライブドア）
• 平澤 隆（happyLine）
• 益子 貴寛（サイバーガーデン）
• 矢倉 眞隆（ミツエーリンクス）
• 山田 あかね（エスカフラーチェLLC）

年度末でもあり、持ち時間はタイトですが、ぜひご応募ください。LP9当日、ちょっとした解説なども予定していますので、締め切りに間に合わなくても多少でも取り組まれると、有意義なものになると思います。

「第2回コーディングコンテスト」の詳細はこちらから。

2010年2月18日（木）19:00-20:00、アップルストア銀座 3Fシアターにて開催するCSS Nite in Ginza, Vol.44はアクセシビリティ特集。

植木 真さん（インフォアクシア）を迎え、JIS X 8341-3 徹底比較 60分1本勝負『2004年版』 vs 『2010年改定版』と題し、改定版公示直前のWeb JISについてのお話を伺います。

ご参加予定の方は「JIS X 8341-3：2009 改正原案」（PDF）に目を通してからご参加ください！

• 日時：2月18日（木）19:00～20:00
• 会場：アップルストア銀座 3Fシアター
• 出演：植木 真（インフォアクシア）
• 詳細：http://cssnite.jp/ginza/vol44/

事前登録は終了していますが、当日枠は50席あります。事前登録のない方は、アップルストア銀座に入って1F右手奥からの階段をご利用ください（少しお並びいただきます）。

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

2007年5月に開催した「LP3：Coder's High」の続編。コーディング／マークアップにフォーカスし、スピードコーディング、jQuery、表示速度改善、HTML5+CSS3などを取り上げるCSS Nite LP, Disk 9（LP9）「Coder's Higher」を4月17日に開催します。

• イベント名：CSS Nite LP, Disk 9（LP9）「Coder's Higher」
• 日時：4月17日土 12:00-18:00（予定）
• 会場：ベルサール神田（東京）

まだ若干の修正はありますが、出演者と演目は下記の通り決定しました。それぞれのプロフィールについては、LP9の告知ページをご覧ください。

• キーノート：森田雄
• スピードコーディング：大藤 幹、大杉 充（スキルパートナーズ）
• jQuery：徳田 和規（マインドフリー、5509(+1)）
• HTML5マークアップ：益子貴寛（サイバーガーデン）、小山田晃浩（ピクセルグリッド）
• HTML5API：羽田野 太巳（futomi）
• CSS3：福田泰雄（AGN）、高津戸 壮（ピクセルグリッド）
• UI設計：長谷川 広武（24-7、THE HAM MEDIA）
• 表示速度改善：石本 光司（ドーガ）

2月2日から早期割引によるお申し込みの受付を行い、220名を超える方からお申し込みをいただいています。定員は400名ですが、増員はありませんので、検討されている方はお早めにどうぞ。

併催するコーディングコンテストについては、別途ご案内いたします。

2010年3月9日（火）、デジタルハリウッド本校（お茶の水）セミナーホールにて「帰ってきたWeb研」の第3回を、Web ディレクションをテーマに開催します。

ゲストは、坂本 貴史（ネットイヤーグループ）。『WebディレクターのためのIA入門（ダイジェスト）』と題して、Webサイト構築・運用の観点から「情報アーキテクチャ」の概念・アプローチ方法についてお話しいただきます。

また、イベント内ではテーマごとの"模擬試験"を実施します。定員がありますので、ご希望の方はお早めにお申し込みください。今回の開催からWeb検定合格者には優待（割引）をご用意しています。

• 「帰ってきたWeb研」第3回（2010年3月9日開催）

今回のセミナーは、デジタルスケープ主催の坂本貴史氏に学ぶ、WebディレクターのためのIA入門のダイジェストです。さらにじっくり受講されたい方は、上記セミナーへのご参加をオススメします。

2010年5月20日、アップルストア銀座にて開催予定のCSS Nite in Ginza, Vol.47は著作権をテーマに開催します。

ゲストは、2009年から米国NPOクリエイティブ・コモンズ　アジア・プロジェクト・コーディネーターに就任されている林 千晶さん（ロフトワーク）と、日本を代表する著作権関連の弁護士、岩瀬吉和さん。

たくさんのご参加をお待ちしています。

2010年1月21日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.43のフォローアップとして、『2009年のデザイントレンド総括　?トレンドをチェックして2010年のデザイン業務に取り込め！』（原 一浩さん＋矢野りん）のセッションのスライドと音声をシェアします。

• スライド
• 音声（MP3、1:16:39、73.6MB）

こちらのエントリーもご参照ください。

• CSS Nite in Ginza, Vol.43（2009年のデザイントレンド総括）が終了しました | CSS Nite公式サイト

原さんからのメッセージ

皆様、CSS Nite Vol.43へのご参加ありがとうございました！ 当日のスライドは、slidecssvol43end.zipに収録していますのでダウンロード後、解凍してご利用ください。 slidecss_vol43.pdf がスライドのPDF版で、showNoteUrlList.html がスライドで使用したサイトのURL一覧です。

セミナー中にちょっとお話ししましたが、Webサイトの設計段階で主にやり取りされる資料であるワイヤーフレームを通じたコミュニケーションを考えるワイヤーフレームコミュニケーションコミュニケーション研究会というのをやっています。

現在、第2回ワイヤーフレームコミュニケーション研究会＠東京を企画中です。 内容はワイヤーフレームに関するLL（ライトニングトーク：一人5分程度の持ち時間でプレゼンをする）を中心とした会にしようと考えています。プレゼン内容は、ツールの話から事例紹介、独自に行なっている取り組みや考え方まで自由です。発表したい方お待ちしてます！

• ワイヤーフレームコミュニケーション研究会