> For the complete documentation index, see [llms.txt](/llms.txt)

# フレンド・プロフィール

フレンド申請・フォロー・プロフィールなど、プレイヤー同士のつながりを扱います。




**このデモについて**

デモは匿名アカウントで自動的にログインします。このアカウントはショールームのすべてのデモで共有されるため、あるデモで手に入れたアイテムや通貨が別のデモにも反映されます。読み込みには少し時間がかかります。画面が小さい場合は新しいタブで開いてお試しください。

## 概要

自分のプロフィールを編集し、別のプレイヤーをプレイヤー ID で探して、フレンド申請やフォローを行うデモです。相手が申請を承認するとお互いの **Your friends** に表示され、フォローした相手は **Players you follow** に表示されます。プロフィールは全員に見える名前、フレンドだけに見える内容、フォロワーだけに見える内容の 3 つに分かれています。

## 試し方

1. **You** の **Your profile** に名前（全員に公開）、フレンド向けの内容、フォロワー向けの内容を入力し、**Save your profile** を押します。
1. 別のブラウザ（またはプライベートウィンドウ）でもこのデモを開いて 2 人目のプレイヤーを用意し、片方で **Copy your id** を押してプレイヤー ID をコピーします。
1. もう片方のブラウザで **Find a player by their id** に ID を貼り付け（**Paste an id**）、**Look them up** を押してから **Send a friend request** や **Follow** を押します。
1. 申請を受けた側の **Friend requests to you** に相手の名前が表示されるので **Accept** か **Decline** を押します。送った側では **Friend requests you sent** に表示され、**Cancel** で取り消せます。
1. 承認すると双方の **Your friends** に相手の名前とフレンド向けの内容が表示され、**Remove** で解除できます。フォローした相手は **Players you follow** にフォロワー向けの内容とともに表示され、**Unfollow** で解除できます。

プロフィールの変更には通知がないため、相手が名前を変えても、こちらの一覧に反映されるのは一覧の再読み込み時（最大 15 分、またはページの再読み込み）です。

## 使用している GS2 のサービス

- [GS2-Friend](/ja/microservices/friend/): GS2-Friend がプロフィール（公開・フレンド向け・フォロワー向け）、フレンド一覧、フォロー一覧、送受信したフレンド申請を保持します。申請の受信・承認・拒否・取り消しやフレンド解除は通知として相手に届き、相手の画面がすぐ更新されます。

## GS2 Studio で使う

GS2 Studio のシンプルモードで **機能を追加** を開き、**フレンド・プロフィール** の **追加** を押すと、この機能を自分のプロジェクトに取り込めます。パッケージを直接指定する場合は **GitHub から追加** を選び、次のパッケージを指定します。

```text
https://github.com/gs2io/gs2-studio-package/tree/main/foundation-social-graph/packages/foundation-social-graph
```

- オーナー: `gs2io`
- リポジトリ: `gs2-studio-package`
- サブディレクトリ: `foundation-social-graph/packages/foundation-social-graph`

## ソースコード

- デモのプロジェクト: <https://github.com/gs2io/gs2-studio-package/tree/main/foundation-social-graph/live-demo>
- 機能パッケージ: <https://github.com/gs2io/gs2-studio-package/tree/main/foundation-social-graph>



