後期第06回 - oddmutou/jugyo-2025kyototech GitHub Wiki

やること

  • 会員機能にプロフィールページ機能追加
  • 会員のアイコン画像設定追加&プロフィールページに表示
  • 会員にその他情報追加&プロフィールページに表示など...

会員にアイコン画像を設定できるように

まずアイコン画像のファイル名を保持するカラムを会員情報テーブル users に追加します。

ALTER TABLE `users` ADD COLUMN icon_filename TEXT DEFAULT NULL;

次にアイコン画像設定画面を作ります。

mkdir public/setting
vim public/setting/icon.php

内容はこんなかんじ

https://github.com/oddmutou/jugyo-2025kyototech/blob/a5fff4a5bb749b7cad3d869d1eb8b023c68ed43d/koki_06/public/setting/icon.php

プロフィールページを作ってみましょう

URLクエリパラメータで閲覧する会員のIDを指定して表示するページを実装してみましょう。

public/profile.php

内容はこんなかんじ

https://github.com/oddmutou/jugyo-2025kyototech/blob/256e68617cefe4e65f39c80d5194bef8610ca23e/koki_06/public/profile.php

演習

自己紹介文を設定できるように

アイコンに加えて、簡単な自己紹介文(最大1000文字・改行可)を設定できるようにしてみましょう。設定画面を作り、プロフィールページに表示するように改修してみましょう。

実装例: https://github.com/oddmutou/jugyo-2025kyototech/commit/d36c2fff20b02448015ebfd276583194c034e2f6