課題７

課題内容

投稿システムに検索フォームを実装
前回作成した投稿システムに検索機能を追加し、投稿一覧ページでタイトルや本文に含まれるフリーワードを検索できるようにします。

要件

1. 投稿一覧ページに検索フォームを追加

   • 前回の課題で作成した投稿一覧ページに、フリーワード検索フォームを追加します。
   • ユーザーが検索ワードを入力し、投稿を検索できるようにします。

2. 検索対象

   • 検索フォームでは、投稿のタイトルと本文が検索対象となります。
   • 検索ワードがタイトルまたは本文に含まれる投稿を結果として表示します。

3. フォームの送信方法

   • 検索フォームはGET形式でデータを送信します。
   • URLに検索ワードがクエリパラメータとして含まれるようにしてください。

4. セキュリティ対策

   • SQLインジェクションを防ぐために、プリペアドステートメントなどの対策を最低限行ってください。

参考サイト: SQLインジェクションとその対策(PHP + PDO)
参考サイト: MySQLで特定のキーワードを含むデータだけを抽出する

完成目標期間

1日間を目安に完成させてください。

使用言語

• HTML: 検索フォームの作成やページ構造を作るために使用します。
• PHP: フォームデータの処理、検索クエリの実行、検索結果の表示を行います。
• MySQL（SQL）: 検索クエリを実行し、データベースから一致する投稿を取得します。
• CSS（オプション）: 検索フォームや検索結果の見た目を整えるために使用できます。

習得できるスキル

• PHPとMySQLの連携: PHPを使ってMySQLデータベースからデータを取得・表示するスキル。
• フリーワード検索の実装: ユーザーが入力したキーワードを基にデータを検索する方法を学びます。
• GET形式のフォーム処理: フォームデータをGET形式で送信し、クエリパラメータを使って検索を行う技術。
• SQLインジェクション対策: セキュリティ対策として、プリペアドステートメントなどを使い、SQLインジェクションを防ぐスキル。
• 動的ページの表示: 検索結果に基づいて動的にページを生成する技術を習得します。

課題提出

1. 制作ファイルを確認する

制作ファイルを確認し、要件通りに動作しているかを確認してください。

2. 制作ファイルをギガファイルで提出

パソコンにLINEを追加していない場合は、必ず追加しておくようにしましょう。
参考サイト: パソコンでLINEを利用する

1. ギガファイルを開く
2. 「ファイルの保持期限変更」で【30日】以上を選択します。
3. 制作ファイルをアップロードします。
4. 当スクールのITスキルサポートLINE公式アカウントに課題名とギガファイルのURLを提出して下さい。
   提出例

提出後について

プロジェクトファイルは必ず保存しましょう。
基本的にはご提出頂いてから１週間以内に順を追って、採点結果を LINE公式よりお送り致します。採点結果で修正があった場合は、指示に従って修正・提出を繰り返し、クリアしたら次の課題に進みましょう！

※注意事項※

課題で作成した動画等をSNS等にアップしたり、ご自身の実績として掲載することは絶対にやめて下さい。もし、見つかった場合は然るべき処置を取らせて頂きます。