ePubの話もその性質上触れざるを得ませんが、今回は主に「HTML5」に特化した内容となる予定です。限られた時間になるので、現状の分析やHTML5による電子書籍や雑誌の構造解説などをしつつ、これから先の未来に向けてWebデザイナーさんやコーダーさんはもちろん、コンテンツを配信する側の人たちが頭の片隅に置いておきたい話が中心になるかと。他の出演者のお二人含め、現時点での全体的な内容は CSS NiteのFacebookページで公開されています。

なお、最新情報では残席が70ぐらいだそうです（お申し込みはこちら）。

※今回のCSS Nite、LP Disk 18のjQueryの回と同日連続開催になっています。

まとめるだけだとたいして数もないので、その他のことも織り交ぜつつ…。

HTML5でできたサイトまとめのまとめ

有名なギャラリー系のサイトは省いてますので数的にはたいしたことないのですが、いわゆる普通のコーポレート系、ポートフォリオ系のWebデザインだけでなくWebアプリ系のまとめもあります。

• Showcase Of Websites Using HTML5 Markup
• HTML5: 25 Fresh Web Design For Your Inspiration
• 40+ awesome new HTML5 designs
• 30 Examples of Websites Using HTML5
• 12 Fun & Clever Examples of HTML5
• HTML5-Powered Web Applications: 19 Early Adopters
• 55 Excellent Examples of Websites Using HTML5

こういうまとめなら別に英語で見ても平気ですよね？（笑）。

HTML5でできたターンテーブルアプリ

一部で盛り上がって盛り下がってきている感のある「turntable.fm」ではなく、HTML5＋CSS3＋JavaScript（一部バックエンドにFlash）でできたWebベースのサイト「The Wheels Of Steel: Turntables in your browser (a web-based DJ prototype)」ってのがありましてね。それが冒頭の写真です。

FICCの福岡さんがHTML5ならVJだってできるでしょ？って感じで「Fi-VJ」を作って公開されてますが、それのDJ版みたいなもんです。

ちなみにこれ、その中身がどうなっているかという解説記事「The Wheels Of Steel: An Ode To Turntables (in HTML)」があります。サイト内の画像の作り方からマークアップ、JSのコードなんかまで載ってます。

こういうのってコードだけだったり画像だけだったりするので、日本語になってなくてもいいかな？と。変にはしょられて訳されるよりは、元の本文をみた方がいいと思います。

最新技術に熱中するのもいいけど、もちっと違う方面も…

Webサイト制作に関わる技術職の皆さんが最新技術に興味があって勉強するのはもちろん悪いことではありません。ただ、「HTML5がどうしたCSS3だったらこういうことができる」とかそういうのばかりを追い求めてもどうか、と。ここまで書いておいてなんですが（笑）。

海外の有名サイトWebdesigner Depotで「Stop obsessing over HTML5 and CSS3」という記事が公開されてました。「obsess over」って「気になって仕方がない」みたいな意味でとってもらえばいいですかね。まあそのあまり技術技術って追っかけないで、他のことにも目を向けたり考えたりした方がいいじゃね？ほら、こういうこととかこういうこととか重要だぜ、みたいなもんですかね。

サイト制作といっても職域が細分化されているので、コーディングだけを担当している方なんかも多いかもしれません。仕事としてやらないといけないとは思いますし、いろいろな立ち位置があるのはわかります。ただ、あまり目先の技術のことにばかりとらわれてると、キャリアアップする時やこれから仕事をしていくうえで必要なことを知らないままってことにもなりかねませんからね。

自分の興味のあるものだけを選ぶのではなく、全然違う分野に触れる。新しいことを学ぶことに、貪欲にチャレンジしてほしいと思っています。自分の好きなことをするだけで、世界が完結するようになってしまっている。ネットの世界は、広いようで広くないのかなとも思います。

世界の大学めぐり : 6/20　慶應大学院　石倉洋子先生インタビュー

最後にWeb制作に従事されている方はもちろん、これからはじめようと思ってる方も含め、こちらの記事（日本語です）にも目を通されるといいかも。

Webの仕事ってWebのことだけ知ってればいいわけではありませんから。

HTML 5でできたゲームなので、Webブラウザでどうぞ

アプリではなく、HTML 5（+CSS+JavaScript）でできたゲームです。サイトの右下にあるリンクをたどってお目当てのゲームに進みましょう。

iPadの場合は、ホームスクリーンに登録するといいですね。

起動するとこんな感じで、キャットフードや魚が動きます。Friskiesのサイトで公開されてるビデオでは良く反応してますね（笑）。

猫の肉球でもタッチパネルは反応するようなので、タブレット端末をお持ちの方は遊んでみるといいかもしれません。お試しあれ。

とはいえ、いちいちログインしたりダイアログからファイル選んだりといったことは割と面倒。そんなときは、ドラッグ&ドロップで簡単に写真が共有できるサービス「min.us」を使うと良いかもしれません。

ドラッグ&ドロップ、ただそれだけでOK

使い方はとても簡単。サイトに繋いでブラウザウィンドウ内にファイルをドラッグ&ドロップするだけです。

アップロードが終わると右上に出てくるダイアログでタイトルなどが変更可能です。後から編集する用のURL（上）と公開用のURL（下）が2つ表示されるので下の方をみんなに教えましょう。

min.us、頭の片隅に覚えておくといざという時に便利ですね。

＃このサイトはHTML5ベースらしいので、Firefox 3.6+、Chrome、IE9で使うのが一番です。Safari（ひょっとしたらIE8も）の場合はダイアログが表示されます。

先日AppleでHTML 5はこんなんだぜ！みたいなページが公開されていましたが、今度はGoogleが「HTML5Rocks」というHTML 5のリソースサイトを公開されたようですね（って、これも今知った）。

中身についてはまだ見れてませんが、Twitterを眺めていたら目に入ったので簡単にお知らせまで。頑張りましょう（何を）。