HTML5, JavaScript

2012年10月28日作成

HTML5 (Hypertext Markup Language)の勉強部屋です.

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

演習

  1. HTML
  2. CSS
  3. Javascript (その1 関数リテラル,オブジェクト)
  4. Javascript (その2 DOM,ロードイベント,マウスイベント)
  5. Canvas
  6. Local Storage
  7. スライダーを使った画像の拡大・縮小
  8. jQuery

サンプル

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).
    • 名著.読むべし.