【旧版】PHP/jQueryで作るToDoアプリ
(全20回)
最新版のレッスンはこちらから »
【最新版】PHPでTodo管理アプリを作ろう (全18回)
PHPとjQueryを使ってToDoを管理するためのWebアプリを作ってみます。Ajaxを多用することで使いやすいシステムになっています。
このレッスンでは MySQL 5.5.25 / PHP 5.3.14 / jQuery 1.8.2 / jQuery UI 1.8.23 を使用しています。
-
#01 ToDoアプリを作ってみよう (02:29) 無料公開中
- 完成版の確認
- 必要となる知識
- レッスンの環境
- 開発の流れ
-
#02 データベースの設定をしよう (02:56) 無料公開中
- データベースの作成
- ユーザーの設定
- テーブルの設計
- サンプルデータの挿入
-
#03 アプリ共通の設定をしよう (02:58) 無料公開中
- データベースの確認
- データベース定数の設定
-
#04 アプリ共通の関数を作ろう (02:35) 無料公開中
- エラー表示の設定
- 共通関数の作成
-
#05 ToDoの一覧を表示してみよう (1) (02:53) 無料公開中
- データベースへの接続
- ToDoデータの表示
- HTMLの作成
-
#06 ToDoの一覧を表示してみよう (2) (02:26)
- jQueryの読み込み
- jQuery UIの読み込み
- ToDoの表示
-
#07 ToDoを削除してみよう (1) (02:42)
- 削除リンクの作成
- クリックイベントの設定
-
#08 ToDoを削除してみよう (2) (02:41)
- idの取得
- ajax処理の設定
- ajax処理完了時の動作の作成
-
#09 ToDoを削除してみよう (3) (02:26)
- ToDoの削除処理
-
#10 チェック機能を実装してみよう (1) (02:32)
- チェックボックスの設置
- スタイルの設定
- クリックイベントの設定
-
#11 チェック機能を実装してみよう (2) (02:36)
- データベース処理
- 動作確認
-
#12 並び替え機能を実装してみよう (1) (02:48)
- jQuery UIのsortable
-
#13 並び替え機能を実装してみよう (2) (02:56)
- データベース処理
- 動作確認
-
#14 ToDoの編集をしてみよう (1) (02:45)
- 編集リンクの作成
- クリックイベントの設定
-
#15 ToDoの編集をしてみよう (2) (02:52)
- 編集フォームの作成
-
#16 ToDoの編集をしてみよう (3) (02:58)
- クリックイベントの設定
- 更新後の要素の作成
-
#17 ToDoの編集をしてみよう (4) (02:46)
- ToDoの更新処理
- 動作確認
- 編集リンクの設定
-
#18 ToDoの追加をしよう (1) (02:30)
- 追加フォームの設定
- イベントの設定
-
#19 ToDoの追加をしよう (2) (02:27)
- ajax処理の設定
- 新しい要素の作成・表示
-
#20 ToDoの追加をしよう (3) (02:10)
- ToDoの追加
- 動作確認
