ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2024/10/03
NEW
【週刊ドットインストール】 DHHのお話、レッスン制作の進捗、その他のいろいろ
PREMIUM
【旧版】PHP/jQueryで作るToDoアプリ
【新しいバージョンに対応した最新のレッスンをご利用ください】 PHPとjQueryを使ってToDoを管理するためのWebアプリを作ってみます。Ajaxを多用することで使いやすいシステムになっています。
0%
このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
動画レッスン一覧
(39)
#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()の設定
動作確認
未完了
リリース情報(note)
記事はありません。
詳細情報
最終更新日
2012年1月25日
バージョン情報
PHP 5.3 / MySQL 5.1 / jQuery 1.7.1 / jQuery UI 1.8.16