Aggregator

A)
カテゴリとは商品や記事などのコンテンツを格納する箱のようなもの。
名称を検索されるキーワードにしたり、検索エンジンが好む構造にすればもちろんSEOの重要な1要素となる。

2007年末から、その年のトレンドを振りかえるイベントとして開催してきたShiftですが、今年は、アップルストア銀座にてCSS Nite in Ginza, Vol.42として12月17日に開催します。

出演は、下記の6名。昨年の同じラインアップです。ただし、それぞれの持ち時間は10分。ギュッと凝縮してお伝えします。

• 長谷川 恭久：キーノート
• 益子 貴寛（サイバーガーデン）：マークアップ
• 植木 真（インフォアクシア）：アクセシビリティ
• 原 一浩（karadesign/fxb）：デザイントレンド
• 新谷 剛史（セカンドファクトリー）：RIA
• 鷹野 雅弘（スイッチ）：ツール

各セッションの詳細・講演者プロフィールは、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についてお話を伺いました。

• Vol.40に事前登録された方には、矢倉さんから最終版をいただきしだい、スライド（+音声）をシェアします。
• CSS Nite公式サイトでは、11月11日にスライド（+音声）を公開します。
• 参照リンクや補足などは、矢倉さんからいただきしだい、CSS Nite公式サイトにてシェアします。

［撮影：飯田昌之］

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

• Weblog of operation α: 【イベント】css nite vol.40
• AppleよりSimpleな日々。: CSS Nite in Ginza, Vol.40『HTML5、きちんと。』
• CSS Nite Vol.40 - Archiva
• CSS NITE Vol.40 - HTML5 -BTC有限会社のブログ
• セミナー？CSS Nite in Ginza, Vol.40「ＨＴＭＬ5」｜think-ing-ed
• 日本一"フリー"が好きなWebディレクターの日報: 銀座AppleStoreの無料講座「HTML5,きちんと。」を見てきた凡人の感想
• CSS Nite in Ginza, Vol.40 @ オヤマ日記飴
• Design × Photo genic！: 技術

2005年10月20日、アップルストア銀座でスタートしたCSS Niteとしても丸4年、アップルストア銀座での開催もちょうど40回とキリの数字になりました。今後ともよろしくお願いいたします。

オープニングでご紹介した「Google Analyticsを使ったWebアクセスログ解析とサイトへの反映」をテーマとするCSS Nite LP, Disk 8も、ぜひ、ご検討ください。

［撮影：飯田昌之］

CSS Niteでは、これまでに仙台版（8月）、大阪版（8月、9月）にHTML5について取り上げています。

• CSS Nite in OSAKA, Vol.18 with デジタルハリウッド大阪校
• CSS Nite in OSAKA, Vol.19
• CSS Nite in SENDAI, Vol.4 講師プロフィール???CSS Nite in SENDAI

ハッシュタグ（#cssniteginza40）のタイムライン

	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のフォローアップとして、矢倉眞隆（ミツエーリンクス）さんからいただいた参照リンクのリストをシェアします。

• CSS Nite in Ginza, Vol.40が終了しました | CSS Nite公式サイト

HTML5仕様書

• W3C版
• W3C 編集者版
• WHATWG版

※ 編集者版およびWHATWG版は日々更新されています
※ 代替スタイルシートから「Author documentation only」を選ぶと、実装者向けの要件が消えるので多少は読みやすくなります

HTML5のこれまで

• WHATWGの設立について ](http://www.whatwg.org/news/start)
• Tim Berners-Leeの発言
• 新HTML WGのホームページ

XHTML2 WGの終了について

• XHTMLの今後に関するFAQ
• "Misunderstanding Markup" 日本語訳

HTML5の新機能

• HTML5 ― HTML4からの変更点
• Bespin
• Chrome Experiments
• HTML5のDOCTYPEについて
• HTML5のが以前から使えたことについて
• HTML5のフォーム機能について詳しく解説※フォームだけ取り上げましたが、この特集は他にも内容の濃い情報がたくさんあります。
• HTML5のアウトラインを生成する、HTML5 Outliner5.org/outliner/)
• HTML5 のセクションアウトラインを生成してみよう！ - IT戦記

勧告について

• HTML WGのページ
• W3C勧告プロセスの概要
• W3Cとその標準化プロセスについて解説

実装状況を知る

• メインページ - MDC
• Safari Dev Center - Apple Developer Connection
• Opera でサポートされるウェブ仕様※ Presto 2.2がOpera 10.xに相当しています

非対応なブラウザーへの対応

• ExplorerCanvas
• Modernizr

その他

• 開発者向けのコミュニティ html5-developers-jp
• Web標準Blog

2009年12月12日（土）、e-とぴあかがわ　BBスクエアにて、CSS Nite in TAKAMATSUを開催します（主催：CSS Nite in TAKAMATSU 実行委員会／ Webridge KAGAWA）。

9月19日に開催したWebridge Meeting SP ? CSS Nite in TAKAMATSU プロローグ ? | Webridge KAGAWA (ウェブリッジ カガワ)に続き、高松版は四国で初のCSS Niteです。

出演は、下記の5名。

• 益子 貴寛（サイバーガーデン）
• 矢野 りん
• 近藤 真弘（STNet）
• 英 誠一朗（四国新聞社）
• 鷹野 雅弘（スイッチ）

お申し込み、スタートしています。

11月2日～3日にかけて、Yahoo!がインデックス更新した・・・とみせかけて、

また戻るというフェイクを“また”行いました。

10月16日頃にも起こっており、

短期間の間に2度同じ現象が起こっています。

かつて7月25日にも同じような現象がおこりましたが、

その1ヶ月と少し後に、

大規模なアルゴリズム変動が起こっています。

今回同様のフェイクを挟んで、結局結構な期間、動きがなかったなと思った矢先の大変動でした。

今回はそのフェイクの少し後に、バックリンクの数値に変化が現れるなど、

我々からするとやや不気味な動きをしているという印象です。

7月25日のように大規模な変動が起こらないとも限りません。

いずれにしても、何かの作業なりテストなりは行ったと思われるためです。

しばらくはYahoo!について注意深く見ていきたいと思います。

しかしながら、この変動⇒戻りは心臓に悪いですね。

「ランクが下がった！」⇒「戻った！」⇒「良かった」

ならまだしも、

「ランクが上がった！」⇒「戻った・・」⇒「ショボン」

というぬか喜びはちょっとショックが大きいですね。

このランクの戻り、

GoogleヨーヨーやGoogleダンスと並んで、Yahoo!フェイクとかYahoo!フェイントとか

何か名前つかないかなと思うのですが、

私はネーミングセンスがなかった模様です。。

【木村　賢】

多くの企業が頭を悩ませていた関連語検索。

ここに意図的に特定ワードを表示させ、自分のサイトに誘導するという方法を行っていたサイトがありましたが、その方法を不正として今回取締りが強化されました。

関連検索に表示させてサイトに誘導する方法としては、

比較的検索クエリ数の多い、普通にSEOを行うと難易度の高い「A」というキーワードをの関連検索に、不正に

「A」＋「○○」

というものを関連語で表示させます。

先に「A　○○」という複合語の上位に自社サイトをあげておけば、

関連検索の「A　○○」の部分をクリックしたユーザーが自社サイトに誘導されるという仕組みです。

この「A」というキーワードは、一般名詞で行われることが普通ですが、

昨今では、固有名詞も目立っていました。

特に、「A　倒産」というものが目立ってきており、

一部のウェブサイトがこれらのキーワードから、

Googleアドセンスやアフィリエイトに閲覧者を誘導する手法をとっていました。

倒産の気配がなにもない「A」という企業について

「A　倒産」

という複合語で関連検索を表示させて、

「A」の商品を購入しようとしたユーザーがその表示を見て

「え?本当に？」

と心配になって関連語検索をクリックしたところ、

「A　倒産」を意図的に表示させた者のサイトが1位に表示されているという状態です。

実際は、サイトに入ると

「A　であれば倒産の心配なく・・・」

などと安心して購入できる旨を謳い再度購買意欲を高めさせてアフィリエイトの成果を頂くという、

人間の心理をついた手法でした。

実際この手法でかなりの額を手にした人も居たものと思われますが、

今回のYahoo!のフィルター強化で厳しくなっていくものと思われます。

まだ、「固有名詞　倒産」などで上位表示されているものが残っているケースもありますが、

確認したところ徐々に排除されていっている模様です。

関連検索に表示させる方法によって、それが不正かどうかが判断されるわけで、

必ずしもこの方法がすべてアウトなわけではないのですが、

営業成績も問題ない企業で、他のメディアになにも噂が出ていないもの関わらず、

倒産との複合語だけが出現するのは不自然でしょう。

関連検索にこの複合語が出ることで、上場企業なら株価の低下を招くことも考えられますし、

大手企業であれば検索数も多いでしょうから、大きく名誉を毀損されたことになると思います。

法的な解釈は私にはわかりませんが、

最悪、訴えられてもおかしくないのではないかと思うこともあります。。

そういった意味でも、Yahoo!のフィルターがより強化されていくことを強く望みます。

【木村　賢】