後期第08回 - oddmutou/jugyo-2025kyototech GitHub Wiki
導線を引いていく
これまでさまざまな機能を作ってきましたが、利用者が全体的に使いやすくするために、導線をひいていきましょう。
- 掲示板の投稿の投稿者部分から投稿者のプロフィールに飛べるようにしましょう。そして、プロフィールから掲示板に戻れるようにしましょう。
- 今まで作ってきた設定系の画面を案内するページ(設定一覧画面)を public/setting/index.php として作成しましょう。そして、掲示板からその画面を経由し、各設定画面にアクセスできるようにしましょう。
演習
プロフィールページを拡充していきます。
動作例: http://54.242.117.88/profile.php?user_id=10
演習1
プロフィールページに、その人の掲示板での投稿を表示するようにしてみましょう。
実装例: https://github.com/oddmutou/jugyo-2025kyototech/commit/17a06127c7f9513ed75b0fa8c9b410fd2c7c45e4
演習2
アイコンとは別で、カバー画像を設定できるようにして、プロフィールページに表示しましょう。新しくカバー画像設定用の画面を作り、設定一覧画面(public/setting/index.php) にリンクを追加しましょう。
X(twitter)などを参考に、見せ方は自分で自由に考えてみましょう。
実装例: https://github.com/oddmutou/jugyo-2025kyototech/commit/a7ad7ffdf315fb2d5765447bdf888d8d659f68f3
演習3
会員に生年月日を登録できるようにしてみましょう。新しく生年月日設定用の画面を作り、設定一覧画面(public/setting/index.php) にリンクを追加しましょう。
プロフィールに年齢を表示してみましょう。
実装例: https://github.com/oddmutou/jugyo-2025kyototech/commit/e7401bad3ba608e5f61f9bddd1a28dccdb229310