9月25日・26日（土・日）、10月16日・17日（土・日）に、
Webridge Meeting SP5として、
ハンズオントレーニング計8講座を香川県高松市で開催します。

講師は西畑一馬さんとわたしが担当。

9月25日・26日（土・日）

• ゼロからはじめる HTML+CSS
• ステップアップ HTML+CSS
• ステップアップ CSSレイアウト
• Webサイトの表現力を高めるjQuery講座

10月16日・17日（土・日）

• SEO最新事情と改善手法
• HTML5+CSS3講座
• PHPの基本とメールフォーム制作
• PHPとMySQLでつくる簡易CMS制作

どの講座も3時間〜4時間で6,000円または9,000円。
2講座目以降はすべて3,000円引きと、かなりお得。

初心者から中級者向けまでさまざまな内容を扱いますので、
興味にあわせた組み合わせ受講がおすすめです。

詳細・お申し込みはこちら
http://webridge-kagawa.com/meeting/sp/100925/

サイバーガーデンbizでは、名古屋で10月30日・31日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 名古屋

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、HTML5やCSS3などの最新テクニックをトータルで学ぶ実践的な講座です。

• 日時：2010年10月30日・31日（土・日） 両日とも10:30-16:30
• 会場：名古屋会議室 富士ビル名駅四丁目店
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-nagoya-201010.html

サイバーガーデンbizでは、東京で10月2日・3日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 東京

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、最新テクニックまでをトータルで学ぶ実践的な講座です。

• 日時：2010年10月2日・3日（土・日） 両日とも10:30-16:30
• 会場：ファースト会議室 西新宿2
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-tokyo-201010.html

サイバーガーデンbizでは、大阪で9月18日・19日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 大阪

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、HTML5やCSS3などの最新テクニックをトータルで学ぶ実践的な講座です。

• 日時：2010年9月18日・19日（土・日） 両日とも10:30-16:30
• 会場：NEC PCカレッジ 東梅田校
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-osaka-201009.html

※ すでに残席3となりました。
受講をお考えの方はお早めの申し込みいただければ幸いです。

サイバーガーデンbizでは、東京で8月21日・22日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 東京

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、最新テクニックまでをトータルで学ぶ実践的な講座です。

• 日時：2010年8月21日・22日（土・日） 両日とも10:30-16:30
• 会場：ファースト会議室 西新宿2
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-tokyo-201008.html

サイバーガーデンbizでは、札幌で8月7日（土）に、
次の2講座を開催します。

Webサイトの文章表現と編集テクニック

Webサイトを制作・運営するうえで、効果的・効率的な文章表現やコピーライティング、校正作業、改善提案などのスキルを身につけられる3時間の講座です。

• 日時：8月7日（土）10:00-13:00
• 会場：北海道立道民活動センター（かでる2.7）530会議室
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：12,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/writing-sapporo-201008.html

ライバルに差をつけるSEO戦略と改善手法

検索エンジンの動向や効果的な対策は、数年前とは大きく変わってきています。古いSEO（検索エンジン対策化）手法のままでは効果が出ないばかりか、逆にマイナス要因になる恐れがあります。

この講座で、検索エンジンの最新事情、キーワード戦略、SEOの要件と手法をきちんと押さえ、いまの時代に合った実践的なスキルを身につけましょう。

• 日時：8月7日（土）14:00-17:00
• 会場：北海道立道民活動センター（かでる2.7）530会議室
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：12,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/seo-sapporo-201008.html

サイバーガーデンbizでは、東京で7月4日（日）に、
「ゼロからはじめるPHP入門講座」を開催します。

ゼロからはじめるPHP入門講座 東京

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、6時間のハンズオントレーニングです。単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

• 日時：2010年7月4日（日） 10:15-17:15
• 会場：NEC PCカレッジ 池袋西武校
• 講師：西畑 一馬（to-R）
• 受講料：28,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/php-intro-201007.html

サイバーガーデンbizでは、大阪で7月10日・11日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 大阪

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、最新テクニックまでをトータルで学ぶ実践的な講座です。

• 日時：2010年7月10日・11日（土・日） 両日とも10:30-16:30
• 会場：NEC PCカレッジ 東梅田校
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-osaka-201007.html

サイバーガーデンbizでは、東京で6月19日・20日（土・日）に、
「新HTML+CSS実践講座」を開催します。

新HTML+CSS実践講座 東京

HTML+CSSによるWebページ制作手法やテクニックを身につけるための、2日間（計10時間）のハンズオントレーニングです。HTMLとCSS の基礎から応用、最新テクニックまでをトータルで学ぶ実践的な講座です。

• 日時：2010年6月19日・20日（土・日） 両日とも10:30-16:30
• 会場：NEC PCカレッジ 池袋西武校
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：35,000円（税込）
• 特典：サンプル制作データ、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/html-css-tokyo-201006.html

サイバーガーデンbizでは、沖縄で5月30日（日）に、
次の2講座を開催します（龍球インク 共催）。

売上・成果アップのためのアクセス解析

アクセス解析ツールは、Webサイトにただ設置するだけでなく、「どう活用するか」が大切です。ユーザー環境や回遊経路、コンテンツの満足度や広告効果を把握し、より成果につながるサイトへと改善することは、ビジネスの観点からも重要。

この講座で、Google Analyticsを利用したアクセス解析の基本から、Webサイトの現状把握と対策方法、売上や広告効果の測定と改善施策を学びましょう。

• 日時：2010年5月30日（日）10:00-13:00
• 会場：Space Plus〜スペースプラス〜（浦添市）
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：12,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/okinawa-analytics-201005.html

ライバルに差をつけるSEO戦略と改善手法

検索エンジンの動向や効果的な対策は、数年前とは大きく変わってきています。古いSEO（検索エンジン対策化）手法のままでは効果が出ないばかりか、逆にマイナス要因になる恐れがあります。

この講座で、検索エンジンの最新事情、キーワード戦略、SEOの要件と手法をきちんと押さえ、いまの時代に合った実践的なスキルを身につけましょう。

• 日時：2010年5月30日（日）14:00-17:00
• 会場：Space Plus〜スペースプラス〜（浦添市）
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：12,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/okinawa-seo-201005.html

審査員を担当したわけですが、正直、しんどかったです。90近い作品を、ひとつひとつ、フルコンタクトで見ましたので。ただ、第1回の審査よりは、いくぶん負担は少なかったです。

というのも、デザインがとても現実的で、自分のなかでわりと楽に軸がつくれたことと、HTML5とCSS3というエッジの立った技術に注目すればよかったので（ほかにも、メンテナンス性や対象外ブラウザへの配慮などもあったのですが）、応募作品ごとの差が大きく出たのが理由だと思います。

高く評価した作品

わたしが高く評価した作品は、応募順に、milkmixさん、ichiroさん、小林信次さん、Tenderfeelさん、tshinobuさん、Shoon_Miyamotoさん。

審査員ごとに「どの点を重視するか」が違ったので、総合審査では票が割れました（それで「最優秀賞なし」という判断になった）。が、なかでも評価が高かったものが、各賞受賞作であり、入選作です。

個人的には、対象外ブラウザ（IE 6、7、8など）への対応を、ひとつの足切り基準としました。仕事と考えた場合、これらのブラウザに対応しないことはほぼありえないわけで、そこをきちんとケアしているかどうかは重要です。

森田雄さんが、イベント中のtwitterで、

見れるようにすれば良い。RT @macchaka: win2000のIE5で見れなくて困る件については？IE5では自力でIE6に上げられない。XPはご承知の通り、アップデートを回避しない限りアップされるのですが RT @tomix IE6は別料金にっていう #cssnitelp9

と書いていましたが、まさに。

応募作品の4分の1くらいが、IE 6にもほぼ完全に、あるいは一定以上の対応をしていたので、けっして無理難題ではなかったはずです。

ただ、これはあくまで個人的な観点であって、受賞作や入選作のすべてが対象外ブラウザをケアしているわけではありません。繰り返しになりますが、審査員によって重視したポイントが違った、ということです。

サイバーガーデン賞は、フルカワさん

サイバーガーデン賞にはフルカワさんの作品を選びました。

今回のデザインを見たとき、各エリアがマルチカラムで、「max-widthによる可変レイアウトが合うだろう」と思ったので、実装していたフルカワさんの作品に魅かれたためです。

ウィンドウ幅にあわせてカラムを落とすのではなく、画像などを小さくリサイズして幅狭に対応する方法なので、その点は個人的な好みとは異なります。また、ほかのポイントもトータルで優れていた、とは必ずしもいえませんが、優秀な作品を参考にしつつ、今後の課題としてもらえれば幸いです。

賞品は「書籍」を考えていたのですが、享介さんとの会話の最中、ノリで「iPod shuffle」に変更、さらに結果発表時に、ついつい「書籍とiPod shuffle」と雪だるま式に増加。

近日中にお送りします。あらためて、おめでとうございました。

小山田 圭吾 晃浩さんと「ノリとツッコミで進める HTML5 ライブコーディング」を担当しました。すでに小山田さんから補足がアップされていますが、こちらでもちょっとばかり。

アンケートに書いていただいたコメントへの返答や、自分たちの音声を聞いて補足したくなったこともろもろです。

ノリとツッコミについて

ホントはもっとハイテンションでお届けするつもりでしたが、ビミョウに落ち着いた感じになってしまってスミマセンでした。

小山田さんの ウヒョーなところ よいところ を引き出そうとしたのに、益子のマジメキャラ（？）がたたってうまく引き出しきれず、ノリとツッコミが成立しませんでした。あいスミマセン！

見出しのつかい方について

HTML5のアウトライン生成から考えて、セクションごとの見出しレベルをどのように決めるか、というのは、なかなか悩ましい問題かと。

ひとまず、HTML5仕様の4.4.11（HTML5.JPの邦訳）を参照。

特に、

セクションは、あらゆるランクの見出しを含むことができます。しかし、ウェブ制作者は、h1 要素だけをつかうか、または、セクションのネストレベルに適切なランクの要素を使うことが、強く推奨されます。

というのが興味深いわけで、2010年4月17日付けのWHATWGの最新版にも、変更なしで同じことが書かれています。

検索エンジンの扱い、という見方からは、

• h2タグの下にh1があっても問題ないか？「ない」- Google Matt Cutts氏
• 検索エンジンはHTML5とHTML4をすでに区別していますか？ - html5-developers-jp | Google グループ

が参考になります。

アクセシビリティの観点（支援技術のサポートなど）も含めて、総じていえば、セクションのネストレベルに適切なランクの要素を使う のが、現状のベタープラクティスかと（つまり、これまでどおり）。

HTML5のバリデーションについて

自分でつくったHTML5ファイルに、ケアレスミスが含まれていることはよくあります。特に、まだ手になじんでいない段階では、その可能性が大いにあり。

Validator.nuをつかうのがよろしいかと。

事例について

アトリエメイド by シュウ ウエムラがイカしているかと。shu uemuraのサテライトサイトというか、サロン専用サイトという位置づけ。

ともあれ、いわずと知れたHTML5 Galleryを、まず見てみるのがおすすめです。

サイバーガーデンbizでは、仙台で5月22日（土）に、
次の2講座を開催します（dachas 共催）。

ライバルに差をつけるSEO戦略と改善手法

検索エンジンの動向や効果的な対策は、数年前とは大きく変わってきています。古いSEO（検索エンジン対策化）手法のままでは効果が出ないばかりか、逆にマイナス要因になる恐れがあります。

この講座で、検索エンジンの最新事情、キーワード戦略、SEOの要件と手法をきちんと押さえ、いまの時代に合った実践的なスキルを身につけましょう。

• 日時：5月22日（土）10:00-13:00
• 会場：専門学校デジタルアーツ仙台
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：15,000円（税込）
• 特典：配布資料のお持ち帰り、スライドデータのフォローアップ

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/sendai-seo-201005.html

プログラミング初心者のためのPHP講座

PHPプログラミングをこれからはじめたい人、興味を持っている人向けに、問い合わせフォームの制作を通して、基礎的なスキルを身につける講座です。HTMLなどを含めた実際のワークフローをもとに、PHPプログラミングを学習します。

「HTMLやCSSは理解しているけど、PHPはとっつきにくそうで一歩が踏み出せない」「問い合わせフォームやアンケートフォームを自分でつくりたいけど、プログラムの部分をどうつくったらよいかわからない」という人に最適の講座です。

• 日時：5月22日（土）14:00-18:00
• 会場：専門学校デジタルアーツ仙台
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：18,000円（税込）
• 特典：サンプル制作データのお持ち帰り、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/sendai-php-201005.html

サイバーガーデンbizでは、東京で5月15日（土）と16日（日）に、
次の3講座を開催します。

jQuery初級講座 東京

大手企業も続々と導入している人気のJavaScriptライブラリ「jQuery」にフォーカスした、6時間のハンズオントレーニングです。

単なる基礎的なスキルの習得ではなく、jQueryを利用したユーザーインターフェイス（UI）作成をハンズオンで学習。実践的なスキルが身につく講座です。

• 日時：5月15日（土）10:15-17:15
• 会場：NEC PCカレッジ 池袋西武校
• 講師：西畑 一馬（to-R）
• 受講料：28,000円（税込）
• 特典：サンプル制作データのお持ち帰り、スライドデータのお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/jquery-201005.html

Webライティング実践講座 東京

Webサイトを制作・運営するうえで、効果的・効率的な文章表現やコピーライティング、校正作業、改善提案などのスキルを身につけられる3時間の講座です。

演習をたくさん取り入れた、少人数制の実践的な講座です。

• 日時：5月16日（日）10:00-13:00
• 会場：T's 渋谷フラッグ
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：15,000円（税込）
• 特典：配布資料のお持ち帰り、スライドデータのフォローアップ

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/webwriting-tokyo-201005.html

SEO最新事情とライティング講座

以前とは大きく変わった検索エンジンの動向やSEO戦略、集客施策をきちんと押さえ、実践的なライティングスキル（キーワード選び、コピーライティング、文章表現）を身につけるための4時間の講座です。

前半をSEOの最新事情と戦略、後半をSEOライティングで構成します。演習を取り入れた実践的な講座です。

• 日時：5月16日（日）14:00-18:00
• 会場：T's 渋谷フラッグ
• 講師：益子 貴寛（サイバーガーデン）、西畑 一馬（to-R）
• 受講料：18,000円（税込）
• 特典：配布資料のお持ち帰り、スライドデータのフォローアップ

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/seo-writing-201005.html

サイバーガーデンbizでは、香川で3月13日（土）と14日（日）に、
次の3講座を開催します（Webridge KAGAWA 共催）。

ライバルに差をつけるSEO戦略と改善手法

検索エンジンの動向や効果的な対策は、数年前とは大きく変わってきています。古いSEO（検索エンジン対策化）手法のままでは効果が出ないばかりか、逆にマイナス要因になる恐れがあります。

この講座で、検索エンジンの最新事情、キーワード戦略、SEOの要件と手法をきちんと押さえ、いまの時代に合った実践的なスキルを身につけましょう。

• 日時：3月13日（土）9:30-12:30
• 会場：高松商工会議所 402会議室
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：15,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/kagawa-seo-201003.html

売上・成果アップのためのアクセス解析

アクセス解析ツールは、Webサイトにただ設置するだけでなく、「どう活用するか」が大切です。ユーザー環境や回遊経路、コンテンツの満足度や広告効果を把握し、より成果につながるサイトへと改善することは、ビジネスの観点からも重要。

この講座で、Google Analyticsを利用したアクセス解析の基本から、Webサイトの現状把握と対策方法、売上や広告効果の測定と改善施策を学びましょう。

• 日時：3月13日（土）13:30-16:30
• 会場：高松商工会議所 402会議室
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：15,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/kagawa-analytics-201003.html

プログラミング初心者のためのPHP講座

PHPプログラミングをこれからはじめたい人、興味を持っている人向けに、問い合わせフォームの制作を通して、基礎的なスキルを身につける講座です。HTMLなどを含めた実際のワークフローをもとに、PHPプログラミングを学習します。

「HTMLやCSSは理解しているけど、PHPはとっつきにくそうで一歩が踏み出せない」「問い合わせフォームやアンケートフォームを自分でつくりたいけど、プログラムの部分をどうつくったらよいかわからない」という人に最適の講座です。

• 日時：3月14日（日）10:00-16:00
• 会場：eとぴあ・かがわ クラスルームB室
• 講師：益子 貴寛（サイバーガーデン）
• 受講料：22,000円（税込）
• 特典：スライドデータのお持ち帰り、配布資料のお持ち帰り

詳細・お申し込みはこちら
http://cybergarden.biz/lectures/kagawa-php-201003.html