TRUNK CAMP 全 4 全全 jQuery 全全全全全全全 _ 4 TRUNK TRAINING
TRUNK CAMP全 4 回で jQuery プラグイン開発 _ 4TRUNK TRAINING
AGENDA・ gitで pull requestを出す・カルーセル機能の洗い出し・実装する
カルーセル機能の洗い出し
• 初期表示する処理• 移動する幅などを決める処理• 画像をアニメーションする処理• 次の画像を表示する処理• 前の画像を表示する処理• 1番最初の画像を表示する処理• クリックイベントを追加する処理• クリックイベントを削除する処理• リサイズした時の処理• カルーセルの移動数をカウントする処理• ナビゲーションを初期表示をする処理• ナビゲーションをクリックした時の処理• ナビゲーションの表示を変える処理• 自動的に動かす処理
処理名(関数名)と処理の詳細を決める
• 次の画像を表示する処理• 移動量:画像一枚分• 移動スピード: 1000ミリ秒
• 前の画像を表示する処理• 移動量:画像 1枚分• 移動スピード: 1000ミリ秒
必要なパーツ(変数)を整理する
実装する
終わり