新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
-
#01 スライドショーを作ってみよう (02:42) 無料公開中
- 概要
- 完成版の確認
- 必要となる知識
- 対応ブラウザ
- 作業用フォルダの説明
-
#02 おおまかにマークアップしよう (02:25) 無料公開中
- index.html
-
#03 サムネイルを横並びにしよう (02:44) 無料公開中
- styles.cssの作成
-
#04 マウスに反応させよう (02:13) 無料公開中
- スタイルの設定
-
#05 FontAwesomeを導入しよう (02:53)
- FontAwesomeの導入
-
#06 前へ､次へボタンを作ろう (02:21)
- ボタンの配置
-
#07 再生ボタンを作ろう (02:58)
- 再生ボタンのマークアップ
-
#08 main.jsを作っていこう (02:23)
- main.jsの作成
- 画像ファイルの配列
-
#09 前へ､次へボタンを動作させよう (02:59)
- イベントの設定
-
#10 メインの画像を切り替えよう (02:37)
- 画像の表示
-
#11 画像リストを生成しよう (02:58)
- 画像リストの生成
-
#12 liにクリックイベントを設定しよう (01:57)
- クリックイベントの設定
-
#13 currentクラスを移動させよう (02:39)
- クラスの付け替え
-
#14 currentNumを更新しよう (02:35)
- currentNumの更新
- カスタムデータ属性の利用
-
#15 自動再生機能を実装しよう (02:31)
- 自動再生機能の実装
-
#16 一時停止ボタンを実装していこう (02:27)
- 一時停止ボタンのマークアップ
- clearTimeout()
-
#17 ボタンの表示/非表示を切り替えよう (02:02)
- ボタンの表示/非表示
-
#18 リファクタリングをしよう (02:51)
- リファクタリング
