2009年12月17日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.42（Shift 3）のフォローアップとして、『チェックしきれてなくても安心！ 2009年の海外Webデザイン総まとめ』（原 一浩さん）のセッションのスライドと音声をシェアします。
原さんには、2010年1月21日に開催予定のCSS Nite in Ginza, Vol.43にて、矢野りんさんと一緒に、フルバージョンとして1時間たっぷりお話しいただきます。
2009年12月17日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.42（Shift 3）のフォローアップとして、『あしたのRIA ～ 進み続けるために知っておきたいこと ～』（新谷 剛史さん）のセッションのスライドと音声をシェアします。
2009年12月17日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.42（Shift 3）のフォローアップとして、『JIS X 8341-3改定により、2010年に現場で起こる変化を大胆予測』（植木 真さん）のセッションのスライドと音声をシェアします。
植木さんには、2010年2月18日に開催予定のCSS Nite in Ginza, Vol.44にて、フルバージョンとして1時間たっぷりお話しいただきます。
2009年12月17日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.42（Shift 3）のフォローアップとして、『2009年から2010年にかけてのコーディング事情』（益子 貴寛さん）のセッションのスライドと音声をシェアします。
サイバーガーデンの益子です。
CSS Niteでは、すでに「HTML5」が何度も取り上げられてきました。 これまでで触れられなかったポイントを、と考えて話しましたが、うまく伝えられなかったかな？という点をフォローします。
まず、クローラビリティから見たHTML5についてです。 HTML5では、header、footer、hgroup、nav、article、aside、sectionなどの「セクショニング要素」が追加されています。 検索サービスが、これらのうちどの要素に含まれる内容かで、評価の重みづけを変える可能性があります。（すでにid名やclass名をもとに判断している可能性もあります） figure、video、audio、source、canvasなどの埋め込み要素も、クローラビリティの観点からも軽視できません。
検索サービスは、「○○ 図」「○○ 動画」「○○ 音声」といったキーワードで検索した場合の、マッチングの判断に利用する可能性が高いからです。 こういった動向にキャッチアップしても、効果があるのははじめだけで、当たり前になってしまえば効果がなくなる（低くなる）のでは、という意見もあると思いますが、それは数年前の「Web標準化」も同じでした。（とはいえ、「機会損失を防ぐ」という意味は、いまもあります） HTML5には技術的にもさまざまなメリットがありますが、こういった「クローラビリティ」の見通しを持っておくことで、クライアントへの説明の強い材料になるのでは、と考えます。
次に、JavaScriptへの関わり方です。 jQueryの開発者として有名なMozillaのJohn Resigさんが、canvas要素の描画のために、「Processing.js」というJavaScriptライブラリを公開しています。 このライブラリをつかえば、JavaScriptの知識がほぼなくても、canvas要素に図形やアニメーションが描画できます。
IEでもcanvasを動作させるためには、「ExplorerCanvas」という便利なJavaScriptライブラリがあります。 このように、JavaScriptがゼロから書けるレベルでなくても、HTML5のcanvas要素が利用できる環境が整いつつあります。
JavaScriptを本気で勉強すべきかどうかは、その人がスキルセットをどう組んでいくかと関係するので、必ずしも「must」ではないと思っています（ほかのスキルに注力すべきであれば、当然そうすべき）。
2009年12月17日、アップルストア銀座 3Fシアターで開催したCSS Nite in Ginza, Vol.42（Shift 3）のフォローアップとして、『不景気から学べる今後のサイト制作のありかた』（長谷川 恭久さん）のセッションのスライドと音声をシェアします。
長谷川 恭久さんのブログのエントリーもご参照ください。
スライドは、SlideShareでも公開されています。
2009年は合計でちょうど50回のCSS Niteを開催し、のべ6,401人にご参加いただきました（懇親会、忘年会などは除く）。2009年末の時点で、これまでに、131回の関連イベントを通して、のべ20,776名の方にご参加いただいています。
| 開催数 | のべ参加者数 | 比率 | |
|---|---|---|---|
| 2005年 | 3回 | 396人 | 1.9% |
| 2006年 | 13回 | 2,305人 | 11.1% |
| 2007年 | 33回 | 6,926人 | 33.3% |
| 2008年 | 34回 | 4,748人 | 22.9% |
| 2009年 | 50回 | 6,401人 | 30.8% |
| 小計 | 131回 | 20,776人 |
2005年にアップルストア銀座でスタートしたCSS Niteは、5年目に突入。参加者は、のべ20,000人を突破しました。
2008年11月1日に開催したCSS Niteビギナーズの連動書籍として刊行した『現場のプロから学ぶXHTML+CSS』（毎日コミュニケーションズ）が、ほぼ毎月増刷となり、最終的に、9刷（8回の増刷）、トータルで2万部を突破しました。
CSS Niteビギナーズは、大阪版（1月）、仙台版（1月）、沖縄版（7月）、福島版（10月）と展開しました。仙台、沖縄、福島では、現地の方が講師をつとめました。
初の海外版として、2009年11月に韓国はソウルにてCSS Nite in SEOUL, Vol.1を開催しました。
新潟（4月、11月）、京都（5月）、石川（10月）、高松（12月）にて初開催しました。
東京に次いでたくさん開催してきた大阪版が、現地主導の自主開催に切り替わりました。3月から5ヶ月連続で開催したほか、合計で9回開催しました。
CSS Nite in Osaka, Vol.17では、お笑い芸人「アキラボーイ」にご出演いただきました。
Web制作者をターゲットとするCSS Nite、企業内のWeb担当者をターゲットとするWeb担当者Forumのコラボ企画として、発注サイドと受注サイドが同じテーブルにつき、ワークショップ形式にて特定のトピックについて掘り下げるセミナー。 株式会社KDDIウェブコミュニケーションズ セミナールームを会場に、2009年は4回開催。
WebRelease 2、a-blog cms、SOY CMS、CMS Designer、RCMSの5つの国産CMSに加え、bingo!CMS、Jimdo、PowerCMS for MTにスポットを当てて、それぞれの可能性を検証するCSS Nite LP, Disk 6「CMSリベンジ編」を開催しました。
リベンジは、2008年4月に開催した「MT4LP5」（Movable Typeにフォーカス）への返答歌的なイベントであることを意味しています。
IA（情報アーキテクチャ）にフォーカスしたCSS Nite LPシリーズの第7弾。
坂本貴史さん（ネットイヤーグループ）、佐藤伸哉さん（ソニー）、林 千晶さん（ロフトワーク）、長谷川恭久さん（could）、小久保浩大郎さん（iA）が出演。 422名の方にご参加いただく大イベントになりました。
なお、2009年の開催の内訳は次のようになっています。
| 東京 | 3,273 | 51.1% |
| 大阪 | 1,161 | 18.1% |
| 福井 | 332 | 5.2% |
| 広島 | 250 | 3.9% |
| 福島 | 238 | 3.7% |
| 仙台 | 215 | 3.4% |
| 新潟 | 191 | 3.0% |
| 名古屋 | 180 | 2.8% |
| 香川 | 146 | 2.3% |
| 韓国 | 140 | 2.2% |
| 青森 | 130 | 2.0% |
| 沖縄 | 91 | 1.4% |
| 京都 | 54 | 0.8% |
2009年12月17日、アップルストア銀座 3FシアターでCSS Nite in Ginza, Vol.42を開催し、166名の方にご参加いただきました。
事前登録いただいた方には、週明けくらいにフォローアップメールをお送りします。その後、CSS Nite公式サイトにてスライド、音声などを公開します。
各セッションのフォローアップは、それぞれのエントリーをご覧ください。
次のブログで取り上げていただきました。ありがとうございます。
 |
kzms2 | 今日はかなり久々にcss nite行きます。懇親会出るか悩み中...！行く方いたらよろしくお願いいたしますっ #shift3 | 2009-12-17 11:39:17 |
 |
cssnite | 本日のCSS Nite in Ginza, Vol.42（Shift 3）は、18:30開演です。当日枠は50席くらいあります。 http://cssnite.jp/ginza/vol42/ #shift3 | 2009-12-17 13:40:16 |
|
cssnite | CSS Nite in Ginza, Vol.42（Shift 3）：タイムテーブルを少し修正しました。 http://cssnite.jp/archives/post_1713.html #shift3 | 2009-12-17 13:42:32 |
|
kzms2 | さて時間ギリギリだけども銀座に向かいます。 #shift3 | 2009-12-17 18:12:28 |
 |
twitthemesjp | 前から3列目のまんなかへんで無事座れた #shift3 | 2009-12-17 18:14:45 |
 |
route5 | うわ！三十秒遅れたので、椅子席予約がムダになった。 #shift3 | 2009-12-17 18:26:55 |
|
route5 | Travaterのツイッター連動するかも、とか。なんとか。 #shift3 | 2009-12-17 18:31:41 |
|
route5 | 今日のAppleStoreの兄さんたちは赤ティー着ている。一人ならリーダーっぽいけど、みんな赤いとどーなんだ。みんなサンタ？みんなトナカイの鼻？ #shift3 | 2009-12-17 18:35:50 |
|
twitthemesjp | アップルストア銀座で、よゆうのandroid w #shift3 | 2009-12-17 18:36:10 |
 |
necoze | 鷹野さん挨拶中。 #shift3 | 2009-12-17 18:37:10 |
 |
himanainu_kawai | おっ @cssnite 本日のCSS Nite in Ginza, Vol.42（Shift 3）のハッシュタグは「shift3」です。http://cssnite.jp/ginza/vol42/ #shift3 | 2009-12-17 18:38:29 |
|
route5 | いや、久々に赤い人々の教えを乞うのも面白い。何習おうかな。フラッシュ、嗚呼?。あれか？ #shift3 | 2009-12-17 18:38:48 |
|
necoze | ツールのセッション開始。鷹野さん。 #shift3 | 2009-12-17 18:39:41 |
|
route5 | ツールから振りかえる...始まる #shift3 | 2009-12-17 18:40:04 |
 |
pino0505 | なんかノートを開いている人が少ない。こんな感じだったっけ。。 #shift3 | 2009-12-17 18:40:07 |
 |
tomotana | なんか自分でメモるよりここでつぶやいた方がいいな #shift3 | 2009-12-17 18:40:31 |
|
necoze | 今年のOS、ブラウザ動向の話。 #shift3 | 2009-12-17 18:41:00 |
 |
MacLounge | RT @route5 今日のAppleStoreの兄さんたちは赤ティー着ている。一人ならリーダーっぽいけど、みんな赤いとどーなんだ。みんなサンタ？みんなトナカイの鼻？ #shift3 | 2009-12-17 18:41:41 |
 |
hitoyam | 意外と電波いいので実況しよーっと。CSS Nite in Ginza, Vol.42（Shift 3）はじまりましたー！ #shift3 | 2009-12-17 18:41:45 |
|
tomotana | Chrome いいよ #shift3 | 2009-12-17 18:41:54 |
|
necoze | CS4の話。バージョンのサイクル早くね？との話。CS5は3月？？ #shift3 | 2009-12-17 18:42:57 |
 |
emim | CS5出そうとか。。。 #shift3 | 2009-12-17 18:43:14 |
|
route5 | WebブラウザとAdobeCS4とかのバージョンアップのサイクルの話。 #shift3 | 2009-12-17 18:43:43 |
|
necoze | てかAdobe経営大丈夫？的なお話中。 #shift3 | 2009-12-17 18:43:54 |
|
hitoyam | 鷹野雅弘さん：「ツールの進化とこれからの制作環境」 #shift3 | 2009-12-17 18:44:11 |
|
route5 | ドリームウィーバー。ライブビュー、関連ファイルとか。 #shift3 | 2009-12-17 18:44:55 |
|
route5 | ホームページビルダー。やれやれ。 #shift3 | 2009-12-17 18:46:01 |
|
necoze | ホームページビルダー、官公庁で採用多い。 #shift3 | 2009-12-17 18:46:07 |
|
necoze | IETester、Adobe BrowserLab、Web Superpreviewの話。 #shift3 | 2009-12-17 18:47:40 |
|
route5 | ワイヤーフレーム作成について。ファイヤーワークスを使うか、エクスプレッションブレンドが？ #shift3 | 2009-12-17 18:48:59 |
|
emim | わー。ワイヤーフレームコミュニケーション研究会やりました、的な #shift3 | 2009-12-17 18:49:22 |
|
emim | バルサミコモックアップス #shift3 | 2009-12-17 18:49:57 |
|
necoze | ワイヤーフレーム。Fireworks、Expression Blend、ワイヤーフレーム研究会の話。原さんコメント。バルサミコモックアップスがおすすめとのこと。 #shift3 | 2009-12-17 18:50:15 |
|
hitoyam | 公的機関案件で「adobe製品はどうですか？」なんて言えない。予算からして無理... #shift3 | 2009-12-17 18:50:21 |
 |
homura09 | ワイヤーフレームはバルサミモックアップスがいいらしい #shift3 | 2009-12-17 18:50:26 |
|
route5 | バルサミコモックアップがオススメなワイヤーフレームコミュニケーション研究会 #shift3 | 2009-12-17 18:50:40 |
|
hitoyam | ワイヤフレームのおすすめはバルサミコモックアップ。 #shift3 | 2009-12-17 18:52:16 |
|
homura09 | flash cs5でiphoneアプリが書き出せるようになるらしい #shift3 | 2009-12-17 18:52:21 |
|
hitoyam | Photoshop C5 のお話。 #shift3 | 2009-12-17 18:53:03 |
|
route5 | Adobeの動向。CS5のPhotoshopについての紹介。フラッシュ→iPhone書き出しの紹介。フレックス3の紹介。シン7。オムニチュアの買収。 #shift3 | 2009-12-17 18:53:45 |
|
necoze | Adobeの動向。Photoshop新機能が話題に。FlashからiPhoneアプリに書き出せるように。Flash Catalyst。Scene7。オムニチュア買収、製品にアクセス解析のフローも？ #shift3 | 2009-12-17 18:54:00 |
|
route5 | ワークフローは連携に。 #shift3 | 2009-12-17 18:55:03 |
|
tomotana | CSS NiTE LP8 行くよ。 #shift3 | 2009-12-17 18:55:19 |
|
hitoyam | CS5 微妙だよねー微妙だよねーでもこれあんまり言わないでねー的なお話。 #shift3 | 2009-12-17 18:55:23 |
|
emim | オムニチュア買収がAdobeにはだいぶ大きい変化だった？ #shift3 | 2009-12-17 18:55:26 |
|
necoze | オムニチュア買収が今後のキーになりそう。て話でおしまい。 #shift3 | 2009-12-17 18:55:27 |
|
route5 | 鷹野さんでした。 #shift3 | 2009-12-17 18:55:46 |
|
tomotana | 次 #shift3 | 2009-12-17 18:56:57 |
|
pino0505 | Adobeの今後の注目はWeb解析ソリューションではないかという事。 http://bit.ly/8FbvSq #shift3 | 2009-12-17 18:57:53 |
|
route5 | チェックしきれなくても安心。2009年海外Webデザイン総まとめ、はじまり #shift3 | 2009-12-17 18:58:06 |
|
necoze | 原さんセッション開始。デザイントレンド。 #shift3 | 2009-12-17 18:58:22 |
|
hitoyam | 原一浩さん：「チェックしきれてなくても安心！ 2009年の海外Webデザイン総まとめ」 #shift3 | 2009-12-17 18:58:23 |
|
route5 | トレンドとは最先端ではない、よくある... #shift3 | 2009-12-17 18:58:50 |
|
hitoyam | メインイメージのインタラクティブな切り替え。 #shift3 | 2009-12-17 18:59:37 |
|
hitoyam | ピクトグラムのような単色のアイコン。 #shift3 | 2009-12-17 19:00:07 |
|
hitoyam | 吹き出しの多用。 #shift3 | 2009-12-17 19:00:25 |
|
route5 | 変化。一枚からボタンが。アイコンはリアル系からマーク系に。吹き出しの多用。 #shift3 | 2009-12-17 19:00:29 |
|
necoze | メインイメージが切り替えのもの増えた。アイコンはグラデから単色、ピクトグラムっぽく。吹き出し多用はtwitterの影響？ #shift3 | 2009-12-17 19:00:34 |
|
hitoyam | 企業のTwitter利用。 #shift3 | 2009-12-17 19:00:46 |
|
route5 | 企業のツイッター利用。多くのサイトに採用。鳥の絵が。 #shift3 | 2009-12-17 19:01:34 |
|
hitoyam | テクスチャ⇒ステッチ、皮、ざらざら #shift3 | 2009-12-17 19:01:48 |
|
route5 | テクスチャー、ざらざらから皮系に。ステッチの小細工。 #shift3 | 2009-12-17 19:02:24 |
|
necoze | RSSアイコンのとなりにtwitterアイコン（小鳥）テクスチャは、皮をつかったもの、ステッチ、縫い目。 #shift3 | 2009-12-17 19:02:26 |
|
hitoyam | 見立てのデザインの増加（何かをモチーフにした統一感あるデザイン） #shift3 | 2009-12-17 19:03:25 |
|
necoze | 空がヘッダー、コンテンツが地面のようなデザイン増加。 #shift3 | 2009-12-17 19:03:35 |
|
route5 | 見立てのデザインの多様。絵的な。空＋地面。みたいな #shift3 | 2009-12-17 19:03:42 |
 |
soetaka | 純正だからという理由じゃダメ？ RT @twitthemesjp たしかに #shift3 RT @katsutaro Microsoft Expression Web SuperPreview使うならIETesterでいいんじゃないの？って思うけど。。使い勝手悪いよ | 2009-12-17 19:04:07 |
|
hitoyam | ビッグインプット。Googleも大きくなった。フォームのデザインもきちんとしているケースが増えてきた。 #shift3 | 2009-12-17 19:04:32 |
|
route5 | ビッグインプット。Googleなど、フォームがデカくなった。 #shift3 | 2009-12-17 19:04:43 |
|
necoze | フォーム巨大化（例 Google）フォームデザインにひと手間掛ける。 #shift3 | 2009-12-17 19:04:46 |
|
route5 | 大きい角丸。あ、私もやった。 #shift3 | 2009-12-17 19:05:21 |
|
hitoyam | 大きい角丸。今までは上品に丸める形が多かったが、大胆に丸めているサイトが増えた。 #shift3 | 2009-12-17 19:05:25 |
|
route5 | テキスト。より大きく、太く。特に海外。 #shift3 | 2009-12-17 19:06:56 |
|
hitoyam | 流行の色：青。特に黒ベースに水色と青、みたいな。テキストはよりボールドに。システムフォント重視。見出しも大きく太くなった。（欧文だからキレイに見えるのかな） #shift3 | 2009-12-17 19:06:56 |
|
necoze | 大胆な角丸使用。vimeoがキーサイト。青を多用したサイト。テキストより太く大きく＜海外特有？ #shift3 | 2009-12-17 19:07:01 |
|
pino0505 | 今年のサイトデザインのトレンドが一番分かるサイト、vimeo。 http://bit.ly/Q08bU #shift3 | 2009-12-17 19:07:38 |
|
hitoyam | アンチエイリアスで表示可能なOSのシェアはまだ25％ぐらい。今後増えたらまた普及しそう。 #shift3 | 2009-12-17 19:07:43 |
|
route5 | 今年のデザイントピック。 #shift3 | 2009-12-17 19:07:49 |
|
necoze | アンチエイリアスのOSが25%、システムフォントも活用へ？ #shift3 | 2009-12-17 19:07:56 |
|
route5 | ニューヨークタイムズ。Webサイトがプロトタイプバリバリ。動的に。 #shift3 | 2009-12-17 19:08:33 |
|
hitoyam | 地に足の着いたリッチコンテンツが増えた。 #shift3 | 2009-12-17 19:08:38 |
|
necoze | ニューヨークタイムスがリッチに。見出しメニューに巻き込みリボン多用。CSSでドロップシャドウ使用する例多くなってきてる #shift3 | 2009-12-17 19:09:39 |
|
hitoyam | 巻き込みリボン（リボンがコンテンツ領域をくるんでいるようなデザイン）。CSSによるドロップシャドウ。 #shift3 | 2009-12-17 19:09:47 |
|
hitoyam | 小さな段組による表現。 #shift3 | 2009-12-17 19:10:18 |
|
necoze | 小さな段組み。日本発？ #shift3 | 2009-12-17 19:10:20 |
|
necoze | デザインポータルがtwitterに移行。 #shift3 | 2009-12-17 19:10:50 |
|
route5 | CSSによるドロップシャドウ表現。小さな段組みの表現。デザインポータルのツイッターへのいこう #shift3 | 2009-12-17 19:10:59 |
|
hitoyam | デザインポータルのTwitterへの移行。 #shift3 | 2009-12-17 19:11:59 |
|
necoze | おしまい。 #shift3 | 2009-12-17 19:12:14 |
|
route5 | テキストはシステムによるアンチエイリアスで大きくしてもいいかな、などなど。おわり。原さんでした。 #shift3 | 2009-12-17 19:12:34 |
|
necoze | RIAのセッション。新井さん。 #shift3 | 2009-12-17 19:15:22 |
|
route5 | あしたのRIA、はじまり #shift3 | 2009-12-17 19:15:43 |
|
necoze | あ、違った。新谷さん。 #shift3 | 2009-12-17 19:16:01 |
|
hitoyam | 新谷剛史さん「あしたのRIA?進み続けるために知っておきたいこと?」 #shift3 | 2009-12-17 19:16:43 |
|
route5 | WebサイトのRIA、AR、ツイッターなどなど。目次。 #shift3 | 2009-12-17 19:16:51 |
 |
izuizu | D&DEPARTMENT はこの前まで小さい段組でしたがリニューアルされてしまったようです。 #shift3 | 2009-12-17 19:17:11 |
|
route5 | マイクロソフトのフォトシンス。とか。 #shift3 | 2009-12-17 19:18:38 |
|
necoze | RIAの現状。動画の利用。バナーの一部が動画。車以外でもムービーコンテンツが当たり前に。さりげない。 #shift3 | 2009-12-17 19:20:07 |
|
route5 | 注目してもらいたい部分だけリッチなフラッシュボタンにする、とかが当たり前になった今年。さりげないRIA。 #shift3 | 2009-12-17 19:20:11 |
|
hitoyam | AR（拡張現実）のお話とか。セカイカメラとか。 #shift3 | 2009-12-17 19:21:00 |
|
route5 | AR。世界カメラ。sekai camera。AIRタグがくっついているもの。 #shift3 | 2009-12-17 19:22:01 |
|
twitthemesjp | 2009年はいろんな業種でも動画を使ったケースが増えた #shift3 | 2009-12-17 19:22:22 |
|
hitoyam | EPSONの3D年賀状の例。 #shift3 | 2009-12-17 19:22:54 |
|
necoze | AR。セカイカメラ、3D年賀状（エプソン） #shift3 | 2009-12-17 19:23:14 |
|
route5 | エプソンのスリーディー年賀状。当たり前に使われているAR。 #shift3 | 2009-12-17 19:23:30 |
|
hitoyam | 無償かつ高度なRIAが増えている。 #shift3 | 2009-12-17 19:24:03 |
 |
tacamy | ARの解説中。あたしの化粧もAR。 #shift3 | 2009-12-17 19:25:15 |
|
hitoyam | Twitter＋ビジネス。ビジネス用アカウントの提供も行われている。ビジネスブログのようになっていくのか？PIPのようになってしまうのか？ #shift3 | 2009-12-17 19:25:45 |
|
route5 | ツイッター＋ビジネス。ビジネス用のアカウントができた。 #shift3 | 2009-12-17 19:25:54 |
|
hitoyam | PIP＝パーソン・イン・プレゼンテーション。一時期流行りかけたが、コストがかかるので大きくはならなかった。 #shift3 | 2009-12-17 19:26:35 |
|
necoze | twitterのビジネス利用。ビジネス用アカウント提供。ビジネスブログのような存在に？PIPが思ったように流行らなかったが、これならば...？でもよく考えて活用。 #shift3 | 2009-12-17 19:27:01 |
|
hitoyam | マルチタッチ。目で選ぶ使い方。Windows7とかiPhoneとか。直感的RIA。ヘルプレスRIA。説明書のいらないもの。 #shift3 | 2009-12-17 19:28:08 |
|
route5 | 目的で選ぶRIA。効果的な使い方。マルチタッチのコンテンツ。大事なのは、使いやすいコンテンツにする。 #shift3 | 2009-12-17 19:28:08 |
|
necoze | マルチタッチが当たり前に。iPhone、Windows7。ヘルプ不要の直感的なアプリ増加。 #shift3 | 2009-12-17 19:28:09 |
 |
dsk717 | #shift3 なるほど、皆さんわかりやすいですね。 | 2009-12-17 19:29:11 |
 |
hokaccha | だれうま RT @tacamy: ARの解説中。あたしの化粧もAR。 #shift3 | 2009-12-17 19:29:24 |
|
necoze | API+独自開発がトレンドに。コスト、スピード、安定性がキーワード。 #shift3 | 2009-12-17 19:29:35 |
|
tomotana | #shift3 RIAのさりげない使い方がいいですね | 2009-12-17 19:30:32 |
|
route5 | 最近ではAPＩが公開されているので、既存なものを使って安定性、コスト削減へ。お金が逆に取れなくなってきたかも。 #shift3 | 2009-12-17 19:30:42 |
|
hitoyam | API＋独自開発。以前はすべて自前だった。現在ではコストダウンと開発スピード、安定性などの理由からAPI利用が増えている。 #shift3 | 2009-12-17 19:30:50 |
|
route5 | 新谷さんでした。 #shift3 | 2009-12-17 19:31:04 |
|
tomotana | #shift3 やっとハッシュが反映された | 2009-12-17 19:31:45 |
|
necoze | アクセシビリティのセッション。植木さん。 #shift3 | 2009-12-17 19:32:15 |
|
izuizu | わーわー！ 植木アニキやー！ひさしぶりー！ #shift3 | 2009-12-17 19:32:25 |
|
tomotana | #shift3 うえきさん登場。 | 2009-12-17 19:32:43 |
|
route5 | アクセスビリティーについて、はじまり。タイトル長すぎ。 #shift3 | 2009-12-17 19:33:07 |
|
necoze | JIS改正原案プレビュー。改正は来年の5"6月 #shift3 | 2009-12-17 19:33:41 |
|
necoze | iPhoneのvoiceover機能。辻さんも使ってる。 #shift3 | 2009-12-17 19:34:19 |
|
necoze | HTM5 VS ARIA、ランドマークがバッティング。altの説明がすごい細かい。つけなくてもいい？？ #shift3 | 2009-12-17 19:35:40 |
|
necoze | 電子政府ガイドラインにJIS明記。政権交代で原口さん、障害者のICTに力入れ始める #shift3 | 2009-12-17 19:36:47 |
|
route5 | JIS X8341、iPhoneのVoiceリーダー、HTML5どうなる？、電子政府ユーザビリティーガイドライン、政権交代 それによって民主党が力入れている、 #shift3 | 2009-12-17 19:36:56 |
|
necoze | 来年は、指針から達成基準へ。スクリプトオフは前提から外れる。 #shift3 | 2009-12-17 19:37:47 |
 |
pinpain | RT @hitoyam:API＋独自開発。以前はすべて自前だった。現在ではコストダウンと開発スピード、安定性などの理由からAPI利用が増えている。 #shift3 | 2009-12-17 19:38:01 |
|
necoze | AAAは目指すな！Aで！全面リニューアルならAA #shift3 | 2009-12-17 19:38:41 |
 |
mattari_panda | 来年いよいよJIS改定 #shift3 | 2009-12-17 19:38:53 |
|
route5 | サイト運営、まずはAを目指し、次にAAを目指せ #shift3 | 2009-12-17 19:38:58 |
|
necoze | 自己適合宣言で要件定義が重要に！ #shift3 | 2009-12-17 19:39:25 |
|
necoze | validでなくても良くなる。必須ではなくなる。ポイントは4つだけ。 #shift3 | 2009-12-17 19:40:18 |
|
necoze | コントラスト比が明確に規定される。 #shift3 | 2009-12-17 19:41:32 |
|
route5 | ビジュアルデザインについて。コントラスト注意。赤、とかちがう #shift3 | 2009-12-17 19:41:36 |
|
necoze | RIAもアクセシブルに。ただ課題多い。 #shift3 | 2009-12-17 19:42:15 |
|
emim | 4.5:1コントラスト比！必須 #shift3 | 2009-12-17 19:42:17 |
|
necoze | チェックツール。改正で解釈の揺れは狭くなる。正しい基準を使用。人間によるちぇっくもしやすく #shift3 | 2009-12-17 19:43:19 |
|
route5 | チェックツール注意。グレーゾーンが狭まる。 #shift3 | 2009-12-17 19:43:21 |
|
route5 | CMSやブログが適合しなくなるかも。 #shift3 | 2009-12-17 19:44:15 |
|
necoze | CMSによっては適合するにもできないものも出てくる。対応がしてるか、選定基準に #shift3 | 2009-12-17 19:44:21 |
|
mattari_panda | JIS適合CMS選びが重要。 #shift3 | 2009-12-17 19:44:24 |
|
necoze | 改正にあわせて実装方法などドキュメント用意してる。 #shift3 | 2009-12-17 19:45:17 |
|
route5 | 改正JIS。来年の五月から六月か？それにともないいろいろ公開される。おわり。植木さんでした。 #shift3 | 2009-12-17 19:45:41 |
|
tomotana | #shift3 官公庁で入れているCMSはどうなる？？ | 2009-12-17 19:46:08 |
|
necoze | コーディングのセッション。益子さん。 #shift3 | 2009-12-17 19:47:43 |
|
hitoyam | 益子貴寛さん：「2009年から2010年にかけてのコーディング事情」 #shift3 | 2009-12-17 19:48:08 |
|
route5 | マークアップ。コーディング事情、はじまり。 #shift3 | 2009-12-17 19:48:12 |
 |
fc0inc | [Twitter]izuizu: わーわー！ 植木アニキやー！ひさしぶりー！ #shift3 http://bit.ly/5u6EL3 | 2009-12-17 19:48:35 |
|
fc0inc | [Twitter]izuizu: D&DEPARTMENT はこの前まで小さい段組でしたがリニューアルされてしまったようです。 #shift3 http://bit.ly/7GWT49 | 2009-12-17 19:48:36 |
|
necoze | ブラウザ新陳代謝活発化。ターゲットブラウザの話。のりしろは半年から一年。 #shift3 | 2009-12-17 19:48:54 |
|
kzms2 | xhtml->xhtml or html5,css2.1->css2.1 or css3 の流れになる #shift3 | 2009-12-17 19:50:03 |
 |
sakaki0214 | ハッシュタグ間違えた...こっちか！ #shift3 | 2009-12-17 19:50:36 |
|
necoze | HTML5。アクセシビリティはツールのサポート次第。ベストプラクティスが混乱気味。仕様の見直し必要。 #shift3 | 2009-12-17 19:50:38 |
|
kzms2 | sectionはやはり混乱が多く、見直しが必要だと予測している #shift3 | 2009-12-17 19:50:46 |
|
route5 | ブラウザののりしろ。ＸHTMLか、HTML5か？とか選ぶ必要。混乱が今ある。 #shift3 | 2009-12-17 19:50:47 |
|
hitoyam | HTML5の話とか。セクショニング超混乱してるよねーみたいな話。ドラフトのうちにもっと洗練させていくべき、みたいな。 #shift3 | 2009-12-17 19:50:49 |
|
route5 | HTML5の検索クローラーが良い、と思われる。 #shift3 | 2009-12-17 19:51:36 |
|
necoze | HTML5、クローラーと相性良い。検索エンジンが対応する可能性も？SEO？ #shift3 | 2009-12-17 19:51:41 |
|
hitoyam | 来年の話題はSEOから見たHTML5、だそうです。 #shift3 | 2009-12-17 19:51:55 |
|
kzms2 | html5はセマンティックさがよくなり、SEO効果も期待出来るとも思っている #shift3 | 2009-12-17 19:52:13 |
|
route5 | 静的サイトにはHTML5はメリットない？いやいや、ユースケースが広がりがあれば...。 #shift3 | 2009-12-17 19:52:56 |
|
necoze | HTML5、静的サイトではメリット少ない？ビデオがそのまま埋め込めるし、事例が生まれれば変わる？ #shift3 | 2009-12-17 19:52:57 |
|
kzms2 | html5は静的のサイトにはすこしメリットが少ないかもしれない #shift3 | 2009-12-17 19:53:11 |
|
hitoyam | IEはローリテラシーユーザーが多く、それ以外はハイリテラシーユーザーが多い。 #shift3 | 2009-12-17 19:53:53 |
 |
iwaim | いやー。video要素はコーデック的にまだまだ使いづらくない？ #shift3 | 2009-12-17 19:54:11 |
|
necoze | IEはローリテラシーユーザー？リテラシー高いユーザーにはより高い体験の提供。CSS3によるデザイン、インタラクション。 #shift3 | 2009-12-17 19:54:35 |
|
route5 | IAはローリテラシーユーザが多い。その他はハイリテラシーユーザが多い。ハイ側は、css3にする。 #shift3 | 2009-12-17 19:54:59 |
|
kzms2 | IEは最低限の表示をして、モダンブラウザにはリッチな表現でハイリテラシーユーザーを満足させるのがよさそう #shift3 | 2009-12-17 19:55:27 |
|
mattari_panda | [自分メモ]ハイリテラシーユーザーへのアピール。 #shift3 | 2009-12-17 19:55:39 |
|
route5 | ページ単価の下落。ノウハウの定着、CMS、海外で。 #shift3 | 2009-12-17 19:55:53 |
|
hitoyam | ページ単価の下落⇒ノウハウの定着、CMS、オフショア開発などにより。 #shift3 | 2009-12-17 19:56:11 |
|
route5 | コーダーも、Javaスクリプトや他のスキルが必要。 #shift3 | 2009-12-17 19:57:06 |
|
hitoyam | Flash製作者がActionScriptに出会ったのとコーダーがHTML5のcanvvasなどに出会った衝撃は似ているのではないか。 #shift3 | 2009-12-17 19:57:25 |
|
route5 | コーダーも、プロトタイプバリバリ作らないと。 #shift3 | 2009-12-17 19:57:33 |
|
hitoyam | コーダーの生き残り道策⇒設計力、プロトタイピング力、新しい表現手法の提案力、ぺ0時表示高速化のスキル、ウェブサイトの方針を踏まえたコーディング #shift3 | 2009-12-17 19:58:23 |
|
necoze | コーダーもJSや他のスキルに本腰入れる必要、生き残れない。設計、プロトタイピング、スピードある開発、新しい手法の提案、サイト方針ふまえたコーディング #shift3 | 2009-12-17 19:58:33 |
|
kzms2 | やはりコーダーと言われる人はhtml,css以外にも何か身につける事が重要。 #shift3 | 2009-12-17 19:58:46 |
|
mattari_panda | コーダーの生き残り力。設計力、プロトタイピング力、新しい表現方法の提案力、ページ表示速度高速化スキル、あとなんだっけ！ #shift3 | 2009-12-17 19:58:55 |
|
route5 | CSS3やHTML5でコーディングしてみたら？お休み中に。おわり、益子さんでした。 #shift3 | 2009-12-17 19:58:59 |
 |
css3watcher | RT @route5: CSS3やHTML5でコーディングしてみたら？お休み中に。おわり、益子さんでした。 #shift3 | 2009-12-17 20:00:02 |
 |
tebasak_i | はい。 年末年始は新しいのにチャレンジしてみます。 #shift3 | 2009-12-17 20:00:11 |
|
hitoyam | 益子さんはHTML5あんまり好きじゃなかったらしいけど、SEOの観点から見たらメリットあるじゃんと思って見直したらしい。 #shift3 | 2009-12-17 20:00:16 |
|
mattari_panda | 益子さん: html5導入は案件によるけど今からでもOKだよ。 #shift3 | 2009-12-17 20:00:18 |
|
kzms2 | 設計力、プロトタイピング力など、コーディングの中でも違う力があるといいかも #shift3 | 2009-12-17 20:00:25 |
|
hitoyam | 長谷川恭久さん：「不景気から学べる今後のサイト制作のありかた」 #shift3 | 2009-12-17 20:00:53 |
|
route5 | 不景気から始まる今後のサイト制作のありかた、はじまり。 #shift3 | 2009-12-17 20:01:33 |
|
hitoyam | プレゼン見るので実況しなーい。 #shift3 | 2009-12-17 20:01:53 |
|
necoze | 不況の話。対するアプローチ＞予算削減はいいアイデアではない。この間にマーケティング。より積極的な模索！チャレンジするアプローチを #shift3 | 2009-12-17 20:02:44 |
|
route5 | 予算削減、いいアイデアではない。賢い会社は、積極的に模索、アプローチすべき。 #shift3 | 2009-12-17 20:02:50 |
|
route5 | 不況だからこそのアクションの紹介！ #shift3 | 2009-12-17 20:03:41 |
|
necoze | ストレス解消はお金を使ってない。通じない。もっと良いもの価値のあるものを求める。 #shift3 | 2009-12-17 20:04:20 |
|
necoze | ツイッターなど一対一のコミュニケーション増えて、ユーザーは賢くなっている。マイクロペイメントの話。ほしいものをほしいぶんだけ買う。 #shift3 | 2009-12-17 20:06:10 |
|
route5 | 消費者はお金をかけずに、いろいろ賢く最大限に利用している。ビジネスしかり。iPhoneアプリみたく小さなお金をたくさんの人が利用している仕組み。柔軟に消費者にあわす #shift3 | 2009-12-17 20:06:34 |
|
necoze | アメリカでのボランティアの増加。外に出てコミュニケーション図る人たち。マイクロボランティア。小さな貢献、ビジネス。KICKSTARTER #shift3 | 2009-12-17 20:08:10 |
|
route5 | ボランティアが増えている。お金以外で貢献。そのためのビジネスサイトも。 #shift3 | 2009-12-17 20:08:19 |
|
necoze | 自己アピールからユーザーに有益な情報提供。一対一のコミュニケーション図る。会話の邪魔をしない情報の提供。対話の参加。提供だけでなく共創。 #shift3 | 2009-12-17 20:10:02 |
|
route5 | 企業のアピールだけでなく、ユーザが役に立つ情報提供。対話の邪魔をしない。対話に参加する。提供だけでなく、一緒につくる、にシフトしていく。 #shift3 | 2009-12-17 20:10:22 |
 |
sayanoyu | RT @route5: 消費者はお金をかけずに、いろいろ賢く最大限に利用している。ビジネスしかり。iPhoneアプリみたく小さなお金をたくさんの人が利用している仕組み。柔軟に消費者にあわす #shift3 | 2009-12-17 20:10:59 |
|
izuizu | 変化のための準備をする #shift3 | 2009-12-17 20:11:16 |
|
necoze | 技術だけでなく、人により注目。大きな変化のため準備を今からしておく。人とのネットワーク作り。ウェブの可能性を信じて楽しむ。 #shift3 | 2009-12-17 20:12:11 |
|
route5 | 技術だけでなく、より人に注目。変化のための準備。ネットワーク作り。Webの可能性 #shift3 | 2009-12-17 20:12:21 |
 |
ayohata | RT @necoze コーダーもJSや他のスキルに本腰入れる必要、生き残れない。設計、プロトタイピング、スピードある開発、新しい手法の提案、サイト方針ふまえたコーディング #shift3 | 2009-12-17 20:12:36 |
|
necoze | おしまい。iPhoneから実況終了！お騒がせしました！ #shift3 | 2009-12-17 20:12:49 |
|
pino0505 | そこで私達は何をすれば良いのか？ 「技術だけでなく、人に注目する」「変化のための準備を行う」「ネットワーク作り」「Webの可能性と楽しさを信じる」 #shift3 | 2009-12-17 20:12:57 |
|
route5 | おわり。長谷川さんでした。以上で全部終了。人差し指疲れた? #shift3 | 2009-12-17 20:13:12 |
|
tomotana | CSS NiTE お疲れさまでした。打ち上げ参加の皆さん楽しんでいってください。 #shift3 | 2009-12-17 20:21:18 |
 |
ke1ta | 変化のための準備。これ眺めてた #shift3 | 2009-12-17 20:23:38 |
 |
brafminz | 小さなネットワーク作りが大きなモノを創りあげるきっかけになる。 #shift3 | 2009-12-17 20:39:27 |
 |
sumico | @cssnite 本日はありがとうございました。自分の足りなさを実感するとともに刺激を受けました #shift3 | 2009-12-17 20:46:43 |
|
sumico | 今日一番気になったのは、デザインにおける色の選択と実現すべきコントラスト比の関係です #shift3 | 2009-12-17 20:49:19 |
|
sumico | 配色はなんとなく好みで判断されてしまったり、個人の色彩感覚にも依存することで苦労する点でもあったりするので #shift3 | 2009-12-17 20:52:16 |
|
sumico | 実際私自身が自分の好みというものに偏りやすいような気がしています #shift3 | 2009-12-17 20:53:23 |
 |
mafuji | @cssnite 本日はありがとうございました。 「会話の邪魔にならないデザイン」確かに。 #shift3 | 2009-12-17 21:55:05 |
 |
natsumikan_t | 余りたいしたこと書いてないけど、今日の感想！＞ natsumikanのらくがきカレンダー: CSS Nite in Ginza, Vol.42（Shift 3） いってきました http://bit.ly/5UhT8M #shift3 | 2009-12-17 22:49:07 |
 |
macchaka | 色んな人に会えて、いい忘年会でした。けど、さぶいっ #shift3 | 2009-12-17 23:17:06 |
 |
Kayjay36 | メモ:懇親会まで参加すべし。ありがとうございました！ #shift3 | 2009-12-17 23:17:49 |
|
macchaka | それにしても、こう見えて人見知りなので、最初にアルコールぶっこんどいたのがよかった（爆 #shift3 | 2009-12-17 23:23:45 |
|
kzms2 | @yhassy 為になるお話有難うございました！ #shift3 | 2009-12-17 23:30:12 |
 |
164NAKA | cssnite忘年会終了。思いがけずワンカップ争奪ジャンケンやりました。ありがとうございました！ #shift3 | 2009-12-17 23:41:07 |
 |
mantangs | CSS Niteでも Progressive Enhancement の話題か、んーいいことだ。昔はPixel Pusher な感じの人が多かったが。これで、PEが少しでも浸透すれば嬉しい限りだ。 #shift3 | 2009-12-18 00:29:49 |
 |
crema | #shift3 に行けなかったので、レポートを拝読！1月21日は、絶対参戦します。 | 2009-12-18 02:32:13 |
 |
mhdt | RT @route5 企業のアピールだけでなく、ユーザが役に立つ情報提供。対話の邪魔をしない。対話に参加する。提供だけでなく、一緒につくる、にシフトしていく。 #shift3 | 2009-12-18 06:27:29 |
|
mhdt | #shift3 参加できませんでしたが、実況のおかげで概要がわかり助かりました。実況ありがとうございました。 | 2009-12-18 06:33:25 |
 |
Dakiny | CSS Nite in Ginza, Vol.42 （Shift3） に行ってきた感想をブログにまとめました。http://bit.ly/5jxvbw #shift3 | 2009-12-18 06:36:15 |
2010年1月17日（日）13:30?16:30、仙台青葉カルチャーセンター 403にてdachas x CSS Niteを開催します。
dachas（ダッチャス）は、CSS Nite in SENDAIから派生した勉強会。今回は、その特別版として、2セッションで構成します。
お申し込みはdachasのサイトから。
2010年2月18日（木）19:00?20:00、アップルストア銀座 3Fシアターにて開催するCSS Nite in Ginza, Vol.44はアクセシビリティ特集。
植木 真さん（インフォアクシア）を迎え、2010年に予定されているWeb JIS（JIS X8341-3）の改訂版について解説いただきます。
参加費は無料。現在、mixiコミュニティにて参加表明を受け付けています。当日枠もありますが、参加表明後、事前登録いただくと確実なご入場が可能です。
早ければ2010年5-6月頃に公示される見込みの『JIS X 8341-3:2010』（2010年版）。『JIS X8341-3:2004』（2004年版）は、Webアクセシビリティという言葉を広め、その考え方を啓蒙・啓発する"指針"の役割を果たしてきました。改定される2010年版では、さらに試験や評価を可能にする"達成基準" を示すガイドラインへと進化します。
『JIS X 8341-3:2010』には、「WCAG 2.0との協調」をはじめ、「技術非依存」、「試験可能」、「依存する技術 /依存しない技術」、「アクセシビリティ・サポーテッド」、「ウェブアクセシビリティの達成等級（A、AA、AAA）」、「自己適合宣言」などのキーワードがあります。この講演では、それらのキーワードを紹介しながら、2004年版と比較して何がどのように変わるのかを解説していきます。
公示まではまだ少し時間がありますが、"備えあれば、憂いナシ"。今のうちから押さえておきたいポイントを共有して、ひと足早く『JIS X8341-3:2010』の全体像を正しく理解しておきましょう。
植木 真（うえき・まこと）株式会社インフォアクシア
代表取締役。
診断・評価、ガイドライン作成、教育・研修、ツール開発などを通じて、主に企業サイトのWebサイトおよびWebアプリケーションのアクセシビリティ確保をコンサルティングしている。国内外のガイドライン策定にも従事しており、W3C/WAIのWCAGワーキンググループで「WCAG2.0」、財団法人日本規格協会 INSTAC（情報技術標準化研究センター）のワーキンググループで「JIS X8341-3」の改正原案作成に参画。
監修・翻訳・執筆した書籍に『Webアクセシビリティ～標準準拠でアクセシブルなサイトを構築/管理するための考え方と実践～』（毎日コミュニケーションズ）。
「辻ちゃん・ウエちゃんのアクセシビリティPodcast」にも出演中。
2010年1月9日にベルサール神田で開催するCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」に参加登録いただき、未決済の方へのご連絡いたします。
本日（12月22日）午前中に、参加確認についてお尋ねするメールをお送りしました。すでに決済済み、ダブり申し込み、送金予定等、やはりキャンセル等、ご連絡いただければ助かります。
なお、開催まであと18日と迫っており、さらに年末年始をはさむこともありますので当日決済もご用意しました。
キャンセル待ちの方が多数いらっしゃり、席数の確定などを行いたく、ご協力をお願いいたします。
2010年1月9日にベルサール神田で開催するCSS Nite LP, Disk 8「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」は、現在、キャンセル待ちになっています。
キャンセル待ちの受付は、本日（12月21日）で終了します。 迷われている方は、ぜひ、どうぞ。
キャンセル待ちにご登録された方に、繰り上げに関するお知らせのメールをお送りしました。ご確認ください。
