このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 テーブルのソート機能を作ろう (02:55) 無料公開中
- 完成版、仕様の確認
- 必要となる知識
- 対応ブラウザ
- ファイルの作成
-
#02 HTMLのマークアップをしていこう (02:52) 無料公開中
- index.html
-
#03 テーブルのスタイルを整えよう (02:56) 無料公開中
- styles.css
-
#04 クリックイベントを設定しよう (02:31) 無料公開中
- イベントの設定
-
#05 sort()の仕組みを理解しよう (02:30)
- sort()の仕様
- サンプル
-
#06 行要素を取得していこう (01:58)
- 行要素の取得
-
#07 行要素を並び替えてみよう (02:14)
- 並べ替え処理
-
#08 結果を画面に反映させてみよう (02:49)
- tbody内の書き換え
-
#09 大文字が先に並ばないようにしよう (01:10)
- 並べ替え処理の調整
-
#10 数値の並び替えをしてみよう (02:38)
- 数値の並べ替え
-
#11 並び順を反転させてみよう (02:49)
- 反転処理
- クラスの付与
-
#12 FontAwesomeのアイコンをつけよう (02:54)
- FontAwesomeの導入
- アイコンの表示
-
#13 アイコンのスタイルを整えよう (01:44)
- アイコンのスタイリング
-
#14 描画処理をリファクタリングしよう (02:23)
- 描画処理のリファクタリング
-
#15 ソート処理をリファクタリングしよう (02:30)
- ソート処理のリファクタリング
-
#16 アプリを完成させよう (02:40)
- イベント処理のリファクタリング
