HTML5, JavaScriptの勉強部屋

2012年10月28日作成

HTML5 （Hypertext Markup Language）の勉強部屋です．

2012年度の3年生向け田中哲雄セミナー（情報工学セミナーⅠ，Ⅱ）の一部（演習問題とその解説）を公開します．

演習

1. HTML
2. CSS
3. Javascript （その1 関数リテラル，オブジェクト）
4. Javascript （その2 DOM，ロードイベント，マウスイベント）
5. Canvas
   • Canvas チャレンジ課題(Javascriptのオブジェクト，プロトタイプ，委譲，クロージャ）
   • 参考： Canvasを使ったドローツール
6. Local Storage
   • 参考： ドローツールにデータの保存機能を追加
7. スライダーを使った画像の拡大・縮小
8. jQuery

サンプル

• HTML5，CSS3サンプル（簡単な解説つき）
  • サンプル一覧（解説なし）
• jQuery Mobileの紹介
  • 2012年5月16日i-Anroidの会で紹介した資料
  • この紹介のいろいろな端末（いろいろな解像度）での見え方

TIPS

• Another HTML Lint5
  • HTMLの構文チェックツール
  • http://www.htmllint.net/html-lint/htmllint.html にURLを入力して「チェック」ボタンを押すと，構文チェックしてくれます．
  • 入力はURLだけでなく，ファイルのアップロードやテキストの貼りつけにも対応しています．
• JSLint The JavaScript Code Quality Tool
  • JavaScriptの構文チェックツール
  • テキストエリアにJavascriptのコードを貼りつけて「JSLint」ボタンを押すと，構文チェックしてくれます．
  • ブラウザで表示するHTML向けのJavaScriptの場合は，Assume... browerの値を「true」にします．
  • Javascriptのライブラリ，フレームワークを利用する場合は，そのライブラリまたはフレームワークのグローバル変数を「predefine global variables here」に書けば，そのグローバル変数はエラー扱いになりません．
  • Instructionsのページには，「Warning: JSLint will hurt your feelings.」とあります．確かに最初は結構効きます．

参考文献

• Douglas Crockford著, 水野貴明訳：JavaScript: The Good Parts, オライリー・ジャパン (2008).
  • 名著．読むべし．