magazine.gifよくわかるJavaScriptの教科書

Part 1 準備編

  • Theme 1-1 誰もが覚えたいJavaScript
  • Theme 1-2 料理で覚えるオブジェクト指向
  • Theme 1-3 「プログラム言語・スクリプト言語」とは
  • Theme 1-4 たくさんあるプログラム言語
  • Theme 2-1 JavaScript学習の準備を整える
  • Theme 2-2 学習の手引き

Part 2 JavaScript 入門

  • Lecture 1-1 注意を促す「アラートボックス」を表示する
  • Lecture 1-2 確認ボックスを表示する(1)―if
  • Lecture 1-3 確認ボックスを表示する(2)―変数
  • Lecture 1-4 1年の秒数を計算して表示する―四則演算
  • Lecture 1-5 今が午前か午後かを表示する―比較演算子
  • Lecture 1-6 タイムセール対象時間かを表示する―論理演算子
  • Lecture 1-7 年齢の選択肢をドロップダウンに表示する―while
  • Lecture 1-8 短いプログラムで、年齢をドロップダウンに表示する―for
  • Lecture 1-9 メニューの内容をリストに表示する(1)―配列
  • Lecture 1-10 メニューの内容をリストに表示する(2)―連想配列
  • Lecture 1-11 ボタンをクリックしたら、確認ボックスを表示する(1)―イベント
  • Lecture 1-12 ボタンをクリックしたら、確認ボックスを表示する(2)―ID属性
  • Lecture 1-13 選ばれた年齢によって、割引率を変える―if else, switch
  • Lecture 1-14 数字に3桁ごとにカンマを入れるファンクションを作る
  • Lecture 1-15 価格を扱うオブジェクトを作る
  • 練習問題
    • Lecture 1-2
    • Lecture 1-6
    • Lecture 1-7
    • Lecture 1-8
    • Lecture 1-9

Part 3 jQuery入門

  • Lecture 2-1 jQueryについて
  • Lecture 2-2 クリックすると開くツールボックスを作る
  • Lecture 2-3 開閉できるツールボックス
  • Lecture 2-4 ボタンをロールオーバーする
  • Lecture 2-5 拡大画像をポップアップ表示する
  • Lecture 2-6 複数の画像に対応したポップアップ
  • Lecture 2-7 フォームの入力チェックをする
  • Lecture 2-8 高度なアニメーションで、メッセージを目立たせる
  • Lecture 2-9 Ajaxでお知らせを取得する
  • Lecture 2-10 XMLファイルを解析する
  • Lecture 2-11 jQueryプラグインでCookieを扱う
  • Lecture 2-12 jQuery UIでカレンダーを簡単に利用する

Part 4 実践編

  • Practice 1 Ajax通信を利用したスライドショーを作る
    • STEP 1 作るスクリプトの紹介
    • STEP 2 機能を設計する
    • STEP 3 画面を設計する
    • STEP 4 デザインラフを作成する
    • STEP 5 HTML/CSSを作成する
    • STEP 6 スクリプトを設計する
    • STEP 7 JSONを読み込む
    • STEP 8 写真を表示する
    • STEP 9 ローディングアニメーションを作る
    • STEP 10 1ページの表示件数を制限する
    • STEP 11 ページング処理をする - ハッシュフラグメント
    • STEP 12 ページ変更処理を実装する
    • STEP 13 ハッシュの変化を監視する
    • STEP 14 ファンクション化する
    • STEP 15 ページングのエラー処理を行う
    • STEP 16 ポップアップを表示する
    • STEP 17 表示に演出を加える
  • Practice 2 jQuery Mobileでスマートフォンサイトを作る
    • STEP 1 jQuery Mobileを組み込み、ベースを整える
    • STEP 2 スタイルを整え、トランジションをつける
    • STEP 3 機能を追加して仕上げる
  • Practice 3 JavaScriptでHTML5のAPIを利用する
    • CASE 1 Googleマップに現在値を表示する
    • CASE 2 ブラウザに大量のデータを保存する - ローカルストレージ
    • CASE 3 Webブラウザ上に画像を描く、Canvas

COLUMN

  • PART 1
    • 英和辞典を活用しよう
    • vimやEmacsというエディタ
    • ツールにお金をかけるということ
    • XHTMLでのJavaSscriptの記述
  • PART 2
    • シングルコーテーションを利用すると良い理由
    • アラートボックスの多用に注意
    • ユーザにメッセージを入力してもらうことができる「windows.prompt」
    • JavaScriptのコメント
    • 変数名の命名規則
    • キャメルシンタックスとは
    • 文字列連結を間違いなく記述する方法
    • 比較演算子に迷ったら
    • スクリプトをデバッグする
    • 準備が必要なオブジェクトと、必要ないオブジェクト
    • 三項演算子
    • iという変数名
    • 無限ループの罠
    • window.close()でウインドウが閉じない場合
    • Firebugを使いこなそう
    • その他のデバッグツール
  • PART 3
    • 本来は違う「ライブラリ」と「フレームワーク」
    • 他のライブラリと同時に使う場合のnoConflict
    • イベント定義のもう1つの方法
    • エフェクトの使いどころ
    • JQueryの各種エフェクト
    • アコーディオンパネルを作る
    • jQueryで利用できる、各種セレクタ
    • hoverイベントですっきり記述
    • エラーメッセージとアクセシビリティ
    • JavaScriptでの入力チェックは信用しすぎない
    • Firebugで、要素の書き換えを監視する
    • Ajax通信のアクセシビリティ
    • もう1つのデータ形式「JSON」
    • クロスドメイン問題を解決する方法
    • 使えるjQueryプラグイン
    • その他のライブラリ
  • PART 4
    • JSONのバリデータで書式チェック
    • constという宣言
    • #!というハッシュフラグメント
    • ハッシュの変化と画面の再読み込み
    • PCや、Wi-Fi接続時の位置情報
    • ローカルストレージの情報を確認する

INDEX