2010年12月17日
■[iPhone][Android][ネット] 前から気になってたHTML5について色々調べてみました
先日、ドコモのAndroid端末である「GALAXY S」を予約したわけですが、
そうなると気になるのが、ずーっと前から気になってたHTML5について。
これからスマートフォンが普及するにつれて、無視出来ない技術であるのは
誰の目にも明らかなのではないでしょうか。
てことで、HTML5について調べてみたメモです。
HTML5の概要
まずは難しいことは抜きにして、概要を読んでみると分かりやすいです。
この記事だけで十分です。
長くもなく、文字も少ないので非常に入りやすいです。
HTML5仕様関連
一応ですが、仕様について。
HTML5.JP - 次世代HTML標準 HTML5情報サイト
HTML 5 ― HTML 4 からの変更点 (http://www.w3.org/TR/html5-diff/ 日本語訳)
必要に応じてみればいいので、細かくは見てません。
基礎知識
概要が理解出来たら以下の基礎的な記事を読んでみると良さそう。
HTML5についてのおさらい - W3G Blog Studies
続HTML5についてのおさらい - W3G Blog Studies
サンプル、ソースコード
基礎的なことが分かったら、今度は実践として様々な
サンプルやコードを見てみると良さそうです。
HTML5Rocks - A resource for open web HTML5 developers
jsdo.it - Share JavaScript, HTML5 and CSS
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1 - CSS HappyLife
HTML5 で試しに Web ページを組んでみた (改訂版) - VERSIONFIVE
ソース付き！HTML5を学ぶためのチュートリアル10選「10 Cool and Useful HTML 5 Tutorials」
Canvas関連
HTML5の肝はCanvasなのかな？
てことでCanvas関連です。
HTML5 Canvasのサンプル - gorogoronyan
HTML5のデモ、リソース
HTML5だとこんな凄いことが出来るんだよ、という
一つの目標を意識することで、モチベーション維持になるかも？
【レポート】HTML5の機能を知るための15のデモンストレーション
デザイナーのためのHTML5リソースまとめ | DesignWalker
html5 Gallery|A showcase of sites using html5 markup
これは見ておくべきHTML5のCanvasを使ったデモ集:phpspot開発日誌
ゲーム
HTML5で作られたゲームはたくさんあるみたい。
« 最強のHTML5ゲームを計20種類もどーんとご紹介！（その1）
最強のHTML5ゲームを計20種類もどーんとご紹介！（その2）
最強のHTML5ゲームを計20種類もどーんとご紹介！（その3）
最強のHTML5ゲームを計20種類もどーんとご紹介！（その4）
iPhone、iPad、Android関連
iPhone、iPad、Androidを意識した内容も意識するといいかも。
Life is beautiful: iPad上でHTML5 Widgetを走らせて遊ぼう
Life is beautiful: HTML5 Widget入門：あなたにも作れるiPad用Widget
HTML5とCSS3を使ってスマートフォン向けサイトを構築 − iPhone版Yahoo!JAPANトップの開発事例紹介
iPadでHTML5でWebアプリを作ってみました。 (Yahoo! JAPAN Tech Blog)
iPhone等のWebアプリをHTML5で構築する為のフレームワーク・Sencha Touchを触ってみた - かちびと.net
最後に
HTML5って色んなことが出来そう。
ブラウザが対応してればいいので、端末やOSに依存しないのも利点ですね。
難点は、オーサリングツール環境が整備されてないので
簡単に作り上げていけるような状況ではないこと、でしょうか。
でもHTMLなのでデモ等のソースは見れるし、そういう点では
HTMLに慣れてれば非常にやりやすい環境なのかも、とも言えるかなと。
で、各コメントを読んでお気づきの方もいるかもしれませんが、
実は私、前半の記事を読んだくらいでまだ何もやってないですorz
気になってるけどなかなか手をつけられないでいた、という反省も込めた、
今後の課題、宿題として的なエントリーでした。
Permalink | コメント(2) | トラックバック(1) | 04:20