Course curriculum

    1. 本講座で学ぶこと

    1. VSCodeをインストールしよう

    2. XAMPPってなに？

    3. XAMPPをインストールしてみよう

    4. htdocsでプロジェクトフォルダを作成してみよう

    5. PORT番号を変更してローカルサーバー開いてみよう

    1. 完成品のデモから

    2. 2ちゃんねる掲示板のプロジェクト構成を作ってみよう

    3. HTMLで２ちゃんねる掲示板の骨格を作成してみよう

    4. ※CSSを当てるのが面倒な方へ

    5. CSSファイルで掲示板のスタイリングをはじめよう

    6. スレッドに対してCSSでスタイリングしよう

    7. コメントに対してCSSでスタイリングしよう

    8. 名前とコメント投稿用のフォームを作成しよう

    9. フォーム用のCSSを当ててスタイリングしよう

    1. PHPにおける変数宣言とデバック方法

    2. フォームに入力した値を取得してみよう

    3. フォームを入力した時のHTTP通信の仕組みを知ろう

    4. リロード時のワーニングを解消しよう

    5. PHPとMySQLの接続を行う前に流れを把握しておこう

    6. PHPドキュメントを見ながらPHPとMySQLの接続を試してみよう

    7. MySQLでデータベースとテーブルを作成してみよう

    8. 実際にPHPとMySQLの接続をしてみよう

    9. SQL文を理解してデータ取得のクエリを指定しよう

    10. SQL文を実行してテーブルからコメントデータを取得してみよう

    11. foreach文を使ってコメント欄にデータを出力してみよう

    12. INSERT文を使って掲示板にコメント投稿してみよう

    13. 実際にコメント投稿できるか確認してみよう

    14. バリデーションチェックをはじめよう

    15. バリデーションチェック時のエラー文を出力させよう

    16. 掲示板にXSS（クロスサイトスクリプティング）攻撃をしてみよう

    17. エスケープ処理でXSS対策をしてみよう

    18. コードのリファクタリングをはじめよう

    19. 前回のリファクタリングの続きから

    1. 新規スレッド作成ボタンを作成してみよう

    2. 新規スレッド作成専用ページを作ってみよう

    3. スレッド作成フォームをHTMLとCSSで作ろう

    4. スレッドとコメントの親子関係を理解してDB設計を体験してみよう

    5. LucidChartで実際にER図を書いてみよう

    6. ER図を元にデータスキーマを構築してみよう

    7. 外部キーの意味と設定をしてみよう

    8. 消してしまったデータを元に戻しておこう

    9. スレッドを掲示板に表示してみよう

    10. 新規スレッド立ち上げを実装してみよう

    11. 立ち上げたら自動で掲示板ページに遷移させてみよう

    12. スレッド立ち上げと同時にコメント投稿もしてみよう：その１

    13. スレッド立ち上げと同時にコメント投稿もしてみよう：その２

    14. 立ち上げる時にスレッドIDをコメントのthread_idに紐づけてみよう

    15. thread_idと対応したスレッドにコメントを書き込むように修正しよう

    1. Javascript(Jquery)を準備して現在の位置座標を取得してみよう

    2. コメント投稿してもその位置にとどまるロジックを実装しよう

About this course

  • 20,000円
  • 59回のレッスン
  • 4.5時間の動画コンテンツ

Discover your potential, starting today