Top Banner
TRUNK CAMP 全 4 全全 jQuery 全全全全全全全 _ 4 TRUNK TRAINING
9

TRUNKCAMP:jQquery_4

Jan 19, 2017

Download

Design

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: TRUNKCAMP:jQquery_4

TRUNK CAMP全 4 回で jQuery プラグイン開発 _ 4TRUNK TRAINING

Page 2: TRUNKCAMP:jQquery_4

AGENDA・ gitで pull requestを出す・カルーセル機能の洗い出し・実装する

Page 3: TRUNKCAMP:jQquery_4

カルーセル機能の洗い出し

Page 4: TRUNKCAMP:jQquery_4

• 初期表示する処理• 移動する幅などを決める処理• 画像をアニメーションする処理• 次の画像を表示する処理• 前の画像を表示する処理• 1番最初の画像を表示する処理• クリックイベントを追加する処理• クリックイベントを削除する処理• リサイズした時の処理• カルーセルの移動数をカウントする処理• ナビゲーションを初期表示をする処理• ナビゲーションをクリックした時の処理• ナビゲーションの表示を変える処理• 自動的に動かす処理

Page 5: TRUNKCAMP:jQquery_4

処理名(関数名)と処理の詳細を決める

Page 6: TRUNKCAMP:jQquery_4

• 次の画像を表示する処理• 移動量:画像一枚分• 移動スピード: 1000ミリ秒

• 前の画像を表示する処理• 移動量:画像 1枚分• 移動スピード: 1000ミリ秒

Page 7: TRUNKCAMP:jQquery_4

必要なパーツ(変数)を整理する

Page 8: TRUNKCAMP:jQquery_4

実装する

Page 9: TRUNKCAMP:jQquery_4

終わり