このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 開発準備を整えよう (02:14) 無料公開中
- 完成版の動作を確認
- 事前に学習しておくべきレッスン
- 必要なツール
- レッスン内での環境の説明
-
#02 画面を作ろう (02:56) 無料公開中
- ひな形ファイルの説明
- フォームの作成
- プログラムの流れを説明
-
#03 DBの設定をしよう (1) (02:35) 無料公開中
- config.phpの作成
- データベースの作成
- テーブルの作成
-
#04 DBの設定をしよう (2) (02:03) 無料公開中
- テーブルの設定
-
#05 DBの設定をしよう (3) (02:05) 無料公開中
- データベースの作成
- テーブルの作成
- 動作確認
-
#06 アプリ共通の設定をする (02:33)
- データベース関連の定数を設定
- エラー出力表示を設定
- HTMLのバグ修正
-
#07 データベースに接続する (02:01)
- データベースへの接続
- 動作確認
-
#08 データを抽出する (02:12)
- SQLの構築
- データの取得
- 動作確認
-
#09 テストデータを作成しよう (01:33)
- テストデータ作成用のSQLを作成。
-
#10 テストデータを確認する (02:18)
- テストデータの挿入
- テストデータの抽出と確認
-
#11 ToDoを追加する (02:47)
- addTaskへの機能追加
- $.postの説明
-
#12 Ajaxでデータを追加する (02:37)
- _ajax_add_task.phpの作成
- DB関連関数をfunctions.phpへ
- データ追加のSQLを作成
-
#13 データ追加用のSQLを作成する (02:57)
- insert文の作成
- mysql_real_escape_stringはfunctions.phpへ
- htmlspecialcharsもfunctions.phpへ
-
#14 ToDoのタイトルを取得する (01:22)
- ToDoのタイトルを取得
- Ajaxプログラムへデータを渡す
- Ajaxプログラムでデータを受け取る
-
#15 データベースにToDoを追加する (02:08)
- seqの計算
- seqをSQL文に組み込む
- データベースへToDoを追加
-
#16 追加されたToDoを表示する (02:17)
- li要素の作成
- タイトルの埋め込み
- 動作確認
-
#17 ToDo削除機能を実装する (02:55)
- deleteのspanを作成
- そのspanがクリックされたときの処理を作る
-
#18 ToDoのIDを取得する (02:27)
- ToDoのIDをHTMLに表示
-
#19 ToDoを削除する (02:55)
- ToDoをデータベースから論理削除
- ToDoを画面から消す
- 動作確認
-
#20 ToDoの編集機能を実装する (03:00)
- ToDoコマンドの実装
- コマンドをクリックしたときにフォームを表示
-
#21 編集フォームにタイトルを表示する (03:01)
- ToDoタイトルをspan要素にする
- タイトルを取得する
- フォームに表示する
- 動作確認
-
#22 編集フォームを動作させる (02:29)
- updateTaskの処理を作成
- Ajax処理のアウトラインを作成
-
#23 データベースを更新する (02:07)
- _ajax_update_task.phpを作成
-
#24 更新されたToDoを表示する (03:00)
- フォームの消去
- 新しいタイトルでToDoを表示
-
#25 バグの修正と動画確認 (01:39)
- バグの修正
- 動作確認
-
#26 チェックボックスをつける (02:26)
- チェックボックスの追加
- 完了済みのタスクのスタイルを修正
- 動作確認
-
#27 ToDoの完了状況を変更する (02:56)
- チェックボックスをクリックしたときのAjax処理作成
- データ更新のためのSQL作成
-
#28 データが更新されたか確認する (01:44)
- SQL文の説明
- 動作確認
-
#29 完了したToDoのスタイルを変更する (02:02)
- hasClassをもとにした条件分岐
- 動作確認
-
#30 コマンドのスタイルを改善する (02:49)
- スタイルの修正
- 動作確認
-
#31 更新時にチェックボックスを表示する (01:28)
- チェックボックスの表示
- 動作確認
-
#32 ToDo追加時の処理を修正する (03:01)
- ToDo追加時の表示を修正
-
#33 追加されたToDoのIDを取得する (01:59)
- 追加されたToDoのIDを取得
- HTMLにIDを埋め込む
- 動作確認
-
#34 jQuery UIの導入 (01:57)
- jQuery UIの説明
- jQuery UIの導入
-
#35 並べ替え機能の実装 (02:55)
- sortable()の導入
- 並べ替え後の処理を作成
-
#36 sortableのserializeについて (02:41)
- バグの修正
- sortableの仕様確認
- serializeデータの確認
-
#37 データベースを更新する (02:26)
- parse_strの説明
- 更新用SQLの作成
- 動作確認
-
#38 並べ替え機能のオプションについて (02:40)
- axisの追加
- opacityの追加
- handleの追加
- 動作確認
-
#39 細かいインターフェースを改善する (02:02)
- focus()の設定
- 動作確認
