CSS Nite in Okayama, vol.2 音声・スライド・メッセージ

HTML5が拓く未来～HTML5との正しいつきあい方～

講師	羽田野太巳
音声	非公開
スライド	非公開

動画

講師よりメッセージ

今回は、あえて、Web業界とは直接的に関係が薄い話をしました。
HTML5をはじめとしたWeb技術というものは、これまでのWeb技術とは異なり、さまざまな業界に大きなインパクトを与えていることを知って欲しかったからです。

みなさんがすでに持っている、または、これから学ぶスキルは、まだまだ多くの分野で応用が利くことを実感して頂きたかったのです。
みなさんのようなWeb技術のスキルを持った優れた人材が、多くの分野で求められています。
私の講演が、みなさんの将来を考えるきっかけになりましたら幸いです。

HTML5によるWebサイト制作の基本

講師	益子貴寛
音声	MP3ファイルをダウンロード
スライド	MP3ファイルをダウンロード

動画

講師よりメッセージ

セッション2「HTML5によるWebサイト制作の基本」を担当しました、サイバーガーデンの益子です。

アンケートを拝見して、セクション要素の扱い方、区別の仕方がむずかしいと感じている方が多かったようで、その部分がけっこうクリアになってよかった、という意見をいただけて、ホッとしています。

すでにHTML5を採用しているサイトも、意外とアウトラインには気を配っていないところがあって、「http://gsnedders.html5.org/outliner/">HTML5 Outliner」でチェックしてみると、

□無印良品
http://www.muji.net/

Untitled Section（名なしセクション）が多いので、セクションに対する見出しづけを意識したほうがよさそう

□テレビ朝日
http://www.tv-asahi.co.jp/

セクション要素のつかい方自体を、きちんと見なおしたほうがよさそう

と、思ったりします。

みなさんも、いろんなサイトを教師に（または反面教師に？）しつつ、アウトラインを意識した構造化に取り組んでみてください。

アウトラインを思い浮かべながらセクション要素を扱えるようになれば「しめたもの」です！

CSS3で変わるWeb制作

講師	鷹野雅弘
音声	MP3ファイルをダウンロード
スライド	PDFファイルをダウンロード

動画

講師よりメッセージ

セッション3「CSS3で変わるWeb制作」を担当しました鷹野です。

ご参加ありがとうございました。
「画像いらずでメンテナンス向上」という切り口でCSS3をご紹介しましたが、もうひとつ表現力のひろがり、という面も無視できません。

デザイン、コーディングの両方に取り組まれている方は、これまで実現したいけど、HTMLがややこしくなり、画像も増えるので...と躊躇する場面があったことでしょう。
「おっと、これが可能なら...」と、新しいアイデアのインスピレーションにつながるかも！
ということで、ぜひ「新しいおもちゃ」で遊んでみてください。

デモデータ
http://cssnite.jp/okayama/vol02/takano/CSS3-demo.zip（79KB）

参照リンクなどは下記にまとめました。
CSS Nite in Okayama, vol.2フォローアップ
http://cssnite.jp/okayama/vol02/takano/

こちらは2010年4月に開催したセミナーの告知ページです。
（ちょっとやりすぎかな?）
Dreamweaver Town Meeting in Kyoto
http://cssnite.jp/dtm/kyoto/
→　Safariで見ると、最背面のグラデーションが一瞬、タイリングされたように見えてしまいます。

enchant.jsでゲームを作ろう！

講師	山川祐一郎
音声	MP3ファイルをダウンロード
スライド	PDFファイルをダウンロード

動画

講師よりメッセージ

セッション4「enchant.jsでゲームを作ろう！」を担当しました、山川製作所の山川です。

今回はプログラミング的なところよりも、ゲーム開発の手順にスポットを当てて発表させていただきました。
プログラムそのものにつきましては、サンプル／ソースをダウンロード頂ければと思います。

---------------------
□サンプルページ
http://bit.ly/ym0407
---------------------

また、enchant.js開発元の株式会社ユビキタスエンターテインメントさんが「9leap」という、ゲーム投稿サイトを運営しております。

---------------------
□9leap - どこでも遊べる、投稿型ゲームサイト
http://9leap.net/
---------------------

「9leap」で全国のプログラマーたちがenchant.jsで作ったゲームを多数プレイ出来ます。中にはソースをダウンロードできるものもありますので、是非参考にしてみてください。

iPhone向けFacebookアプリで使ってみる等、ゲーム以外の利用方法もありますので、ゲームに限らず、新しいアイデアのきっかけになれば幸いです。

アンケートを拝見しまして、またサウンドノベル「鷹野は名探偵」の続きを見たい、と多数ご要望頂けましたので、完全版の開発に着手させて頂きます。
完成をお楽しみに！

Internet Explorer 10とマイクロソフトにとってのHTML5

講師	春日井良隆
音声	MP3ファイルをダウンロード
スライド	スライドを見る

動画

講師よりメッセージ

セッション5「Internet Explorer 10とマイクロソフトにとってのHTML5」を担当しました日本マイクロソフトの春日井です。

IEは今後も積極的に新しいWeb標準に準拠しつつ、安定性、高速性を目指していきます。そして、「HTML5:Native to Windows」という言葉通り、WindowsのアプリケーションをHTML5やCSS3、JavaScriptで作れる時代がまもなくやってきます。今後のマイクロソフトにご期待下さい。

IEのF12 開発者ツールとVisual Studio 2010で
HTML5/CSS3/JavaScriptをコーディングする

講師	物江修
音声	MP3ファイルをダウンロード
スライド	PDFファイルをダウンロード

動画

講師よりメッセージ

セッション#6「IE9 のF12 開発者ツールと Visual Studio 2010で HTML5/CSS3/JavaScript をコーディングする」を担当しました日本マイクロソフトの物江です。

マイクロソフトは HTML5 にコミットし、開発ツールの機能も HTML5 はもちろんのこと最新の Web テクノロジーを使用した開発ができるよう実装していきます。
もう少し経ちますと、さらに面白い情報を提供できそうですのでご期待ください。
以下に私のセッションで紹介した内容を補足する URL 記載させていただきます。

Visual Web Developer Express (無償版)
http://www.microsoft.com/japan/msdn/vstudio/express/
(※) ただし、インストール方法が分かりずらいので、以下の記事をご参照ください。

Visual Web Developer 2010 Express (無償) のインストール方法
http://blogs.msdn.com/b/osamum/archive/2011/02/18/visual-web-developer-2010-express.aspx

Visual Studio 2010 を現在最新の HTML5、CSS3 に対応させる方法
http://blogs.msdn.com/b/osamum/archive/2011/06/16/visual-studio-2010-html5-css3.aspx

以下は今回ご紹介できなかったツール類です。

JS ファイル小さくしてくれるツール
Microsoft Ajax Minifier
http://ajaxmin.codeplex.com/documentation

Visual Studio で ZEN コーディングを行えるようにするプラグイン
Visual Studio - ZenCoding extension
http://visualstudiogallery.msdn.microsoft.com/abd79254-b4f7-492d-95ae-d9fa38e0af48