このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
このレッスンをはじめる前に
このレッスンを進めるには前提知識が必要です。先に以下のレッスンを完了しておきましょう。
-
#01 Todo管理アプリを作ってみよう (01:16) 無料公開中
- レッスンの進め方
- CRUD
-
#02 開発環境について理解しよう (01:53) 無料公開中
- 開発環境の確認
- phpコンテナの設定
- dbコンテナの設定
-
#03 設定ファイルを確認しよう (02:15) 無料公開中
- Dockerの起動
- ファイル構成の確認
-
#04 コンテナを起動していこう (01:49) 無料公開中
- Dockerコンテナの起動
- ブラウザでの確認
-
#05 MySQLにログインしよう (01:27) 無料公開中
- dbコンテナへのログイン
- MySQLへのログイン
-
#06 テーブルを作成しよう (02:48)
- main.sqlの作成
- SQLの実行
-
#07 PDOの設定をしてみよう (02:25)
- PDOの設定
- PDOの例外処理
-
#08 Todoのリストを作ってみよう (02:47)
- Read機能
- HTMLマークアップ
- styles.cssの作成
-
#09 データを取得していこう (02:29)
- getTodos()
- データ取得のSQL作成
-
#10 データをHTMLに埋め込もう (02:48)
- foreach()
- htmlspecialchars()
-
#11 Todoを追加してみよう (02:09)
- Create機能
- フォーム作成
-
#12 レコードを挿入してみよう (02:09)
- addTodo()の実装
- データの挿入
-
#13 重複して投稿されないようにしよう (02:42)
- header()
- SITE_URL
-
#14 CSRF対策を施そう (02:24)
- createToken()
- validateToken()
-
#15 トークンの挙動を確認しよう (02:07)
- CSRF対策の実装
- 動作確認
-
#16 設定ファイルを切り出そう (02:01)
- config.php
- require_once()
- __DIR__
-
#17 関数を別ファイルにまとめよう (02:30)
- functions.php
- getPdoInstance()
-
#18 Todoの状態を更新してみよう (02:38)
- Update機能
- フォーム作成
-
#19 クエリ文字列で処理を分岐させよう (01:59)
- クエリ文字列
- switch
-
#20 レコードを更新してみよう (02:09)
- toggleTodo()の実装
- データの更新
-
#21 JavaScriptでイベントを設定しよう (02:53)
- main.jsの作成
- submit()
-
#22 Todoを削除できるようにしよう (02:14)
- Delete機能
- フォームの作成
- JavaScriptの制御を追加
-
#23 レコードを削除してみよう (02:24)
- deleteTodo()
- confirm()
-
#24 全体のスタイルを整えよう (02:41)
- 見出しのスタイリング
- 入力フォームのスタイリング
-
#25 リストのスタイルを整えよう (02:21)
- リストのスタイリング
- 削除フォームのスタイリング
