# ココフォリア公式ドキュメント 概要

このウェブサイトはオンラインセッションツール「ココフォリア」の公式ドキュメントです。ココフォリアの使い方について詳しく解説しています。

## ようこそ！ココフォリアへ！

ココフォリアは無料で利用できるオンラインセッションツールです。\
TRPGだけでなくボードゲームや謎解き、マーダーミステリーなどたくさんのゲームが遊ばれています。\
Webブラウザ上で利用できるため、パソコンやスマートフォンがあればどこでも誰とでも遊ぶことができます。\
<https://ccfolia.com>

![](/files/vQ2vJWYYVLCpIm36fP0M)

***

### モチベーション

ゲームマスターとして、シナリオを進行しつつ、マップやBGMを切り替え、NPCのロールプレイをしながら、あらゆる情報をプレイヤーに提示する、という仕事をリアルタイムにこなすのは大変です。

ココフォリアを用いると、一度準備さえしてしまえば、ひとつの操作で全てが切り替わります。プレイ中の手間が最低限になるような設計になっているのです！

***

### さあ、はじめよう

このウェブサイトにはたくさんの情報が眠っています。しかし、その全てを理解する必要はありません。まずはセットアップを読んでみてください！

セットアップが済んでしまえば、あなたは自分専用のルームでココフォリアの機能をいくらでも試すことができます。あとはひたすら色々やってみましょう！


# アカウント登録

ココフォリアへのログインについて

## アカウントを作成する <a href="#create-account" id="create-account"></a>

このページには、ココフォリアのアカウントを作成して、自分だけのルームやストレージを手に入れる方法を記載しています。

アカウントを作成しなくても共有されたルームで遊ぶことはできます。しかし、ゲームマスターにとって便利な機能の多くは、アカウントを作成しないと使用できません。セッションで使用するルームやアップロードした画像などのデータがアカウントに紐づけられて管理されているためです。

***

### 新規アカウント作成

以下の通りに操作すれば、アカウントを作成できます！

1. [ココフォリア](https://ccfolia.com)にアクセスし、**今すぐはじめる**をクリックする
2. Signin画面が表示されたら、一番下にある**新規アカウント作成**をクリックする

<figure><img src="/files/3SAaM1YYgUROBRxvoQeB" alt="" width="563"><figcaption><p>Signin画面</p></figcaption></figure>

3. 新規アカウント作成画面が表示される

<figure><img src="/files/CpeMB2TBAqBtMEwGKURE" alt="" width="563"><figcaption></figcaption></figure>

4. [利用規約](https://ccfolia.com/termsOfService.html)と[プライバシーポリシー](https://ccfolia.com/privacyPolicy.html)を確認する
5. メールアドレスを入力し、パスワードを設定する\
   または**𝕏(旧Twitter)で新規作成**や**Googleで新規作成**をクリックし、必要な情報を入力する

アカウント作成に成功すると、次のような画面になります。

<figure><img src="/files/7isYIXf4EjzknGMjCvNF" alt=""><figcaption></figcaption></figure>

これであなたは自分専用のサーバー環境を手に入れました！

{% hint style="info" %}

#### ログインするには？

以下の手順でココフォリアにログインできます。

1. [**ココフォリア**](https://ccfolia.com)にアクセスし**今すぐはじめる**をクリックする
2. 登録してあるメールアドレスとパスワードを入力して**ログイン**をクリックする\
   または**𝕏(旧Twitter)でログイン**や**Googleでログイン**をクリックし、画面に沿って必要な情報を入力する(入力する必要がない場合もあります)
   {% endhint %}

{% hint style="info" %}

#### ログアウトするには？

以下の手順でログアウトできます。

1. [**ホーム画面**](https://ccfolia.com/home)の右上にある**丸いアイコン**をクリックする
2. **ログアウト**をクリックする
   {% endhint %}

{% hint style="info" %}

### パスワードを忘れてしまったら？

以下の手順でSignin画面からパスワードを再設定できます。

1. [**パスワードを忘れた場合**](https://ccfolia.com/reset-password)をクリックする
2. ココフォリアに登録したメールアドレスを入力して**送信**をクリックする
3. メールアドレスにパスワード再設定用のリンクが送付されるので、リンクをクリックし、新しいパスワードを入力する
   {% endhint %}


# ルーム作成

ルーム作成について

## 自分だけのルームを作ろう！ <a href="#how-to-create-room" id="how-to-create-room"></a>

ルームは、文字通り仲間を招いて遊ぶための部屋です。他の人にURLやIDを共有しない限り、誰にも入られることはありません。

***

### ルームの作成 <a href="#add-room" id="add-room"></a>

まずは、ルームを作成してみましょう。

1. マイルーム一覧右下&#x306E;**＋ボタン**をクリックする

<figure><img src="/files/oZ8XAMuHybiXLdIoJoyh" alt="" width="563"><figcaption></figcaption></figure>

2. ルームの初期設定確認画面が表示されるので、[ルームの初期設定画面](#room-install-setting)の説明に従って設定し、**閉じる**をクリックする

一番左上のサムネイルをクリックすると、作成したルームに入室できます。

***

### &#x20;ルームの初期設定画面 <a href="#room-install-setting" id="room-install-setting"></a>

ルームを作成すると、まず最初にルームの初期設定画面が表示されます。複雑に見えるかもしれませんが、最初に設定する項目はたった2つです！

<img src="/files/mEQhLya6u0CCEcxozRHp" alt="" width="563">

#### ①ルーム名

全員に表示されるルーム名です。シナリオ名など、わかりやすい名前をつけると良いでしょう。

#### ②ダイスボット

**DiceBot**をクリックすると、コマンドが利用できるTRPGシステムの一覧が表示されます。検索欄も活用し、遊ぼうとしているシステム名を選択してください！\
もしも遊ぼうとしているシステム名が見つからなければ、DiceBotを選択してください。

※ココフォリアでは [BCDice](https://bcdice.org/) というダイスロールエンジンを使用しています。

{% hint style="info" %}

#### コマンドについて

ココフォリアのルームチャットで「1D100」と送信すると、100面ダイスを1個振れます。この「1D100」のように、入力・送信すると何らかの機能が実行される文字列をコマンドと呼びます。\
ココフォリアの場合、ルームチャットにコマンドを打ち込んで送信することで、ダイスを振る、シーンを切り替えるといったことができます。

ココフォリアでは、共通のダイスコマンドに加え、200種類以上のTRPGシステムに対応したコマンドが利用できます。ぜひご活用ください！
{% endhint %}

{% hint style="info" %}

#### ルーム名やダイスボットを変更したい

ルーム名やダイスボットを変更したくなったら、画面左上のルーム名周辺をクリックし、メニューから**ルーム設定**をクリックしてください。表示された画面から変更することができます。
{% endhint %}

***

### ルームに招待する <a href="#invite-room" id="invite-room"></a>

ルームの設定が終わったら、他の人を招待してみましょう！\
招待方法は2通りあります。

* ルーム招待URLを一緒に遊ぶプレイヤーに共有し、開いてもらう
* ルームIDを一緒に遊ぶプレイヤーに共有し、入力してもらう

#### ルーム招待URL・ルームIDの確認方法

<figure><img src="/files/IdycxNzNO3ZTn5NES4R0" alt="" width="563"><figcaption></figcaption></figure>

#### ③ルーム招待URL

このURLをブラウザで開くと、ルームに入室できます。\
**リンクをコピー**をクリックすると簡単にコピーできますので、ご活用ください！

{% hint style="danger" %}

#### ルーム招待URLの公開

ルーム招待URLを知っている人は誰でもルームにアクセスできてしまうため、不特定多数が見る可能性のある場所で共有することは推奨しません。
{% endhint %}

#### ④ルームID

このIDをマイルーム一覧上部にある入力欄に打ち込むと、ルームに入室できます。

{% hint style="info" %}

#### ルームからの退出

ルーム左上にあるルーム名周辺をクリックし、メニューで**ルームから退出**を選択すると、ルームから出ることができます。\
ログインしている場合はマイルーム一覧へ移動し、ログインしていない場合はログイン画面へ移動します。
{% endhint %}

{% hint style="info" %}

#### ルームの削除

不要になったルームは、いつでも削除することができます。\
マイルーム一覧からルームのサムネイルの右下にある <img src="/files/-MS2sBxvrlcDIYQdEQmc" alt="" data-size="original"> **ボタン** をクリックしてください。
{% endhint %}


# 画面の見方・操作

ココフォリアの画面の見方・操作について

## 大いなる旅へ！

ルームの作成に成功したあなたは、真っ黒な画面に晒されて途方に暮れているかもしれません。しかし、恐れることはありません！あなたはどこに何があるのか、そしてその機能を使うためにはどのドキュメントを読むべきなのか、すぐに理解できるでしょう！

***

### 画面の見方

<img src="/files/dO6HaktZE7bBWeI5Z5KP" alt="" width="563">

#### ①キャラクター駒 <a href="#id-1-character" id="id-1-character"></a>

キャラクターのデータを記録できます。\
マップ上で位置を示す、大きくして立ち絵のように表示するといった用途でも使用できます。

{% content-ref url="/pages/-M9ldLGwbicMALxT4bFr" %}
[キャラクター作成](/pl-tutorial/character-edit)
{% endcontent-ref %}

#### ②ルームチャット <a href="#id-2-roomchat" id="id-2-roomchat"></a>

チャットやコマンドを送信することができます。タブ機能や秘匿チャットも実装されています。

{% content-ref url="/pages/-M9leqTATACcgYuv-B0c" %}
[ルームチャット機能](/pl-tutorial/room-chat)
{% endcontent-ref %}

#### ③メッセージウィンドウ <a href="#id-3-message-window" id="id-3-message-window"></a>

一部のタブでチャットが送信された時に表示される、テキストが流れるウィンドウです。自動で文字送りされるので、ノベルゲームのような雰囲気を楽しめます。\
ウィンドウ右上の **×** をクリックすると閉じることができます。

#### ④盤面キャラクター一覧 <a href="#id-4-list-characters" id="id-4-list-characters"></a>

キャラクターのステータスや行動順が表示されます。

{% content-ref url="/pages/-M9lhISj3jLKMB5JzJ2C" %}
[ステータス・パラメータ](/pl-tutorial/character-edit/status-setting)
{% endcontent-ref %}

#### ⑤ BGMバー <a href="#id-5-bgm" id="id-5-bgm"></a>

音量調整やミュートができます。このバーでの音量調整は、同じルームにいる他のメンバーの音量に影響しません。

{% content-ref url="/pages/-M9lcujDt4mV4XtR65YE" %}
[BGMの再生](/gm-tutorial/bgm-settings)
{% endcontent-ref %}

***

### 表示範囲の変更

盤面の全体を俯瞰して見る、拡大してみる、端の方を見るといった操作をしても、ルーム内の他のメンバーの表示に影響しません。盤面が小さい、大きい、見切れているといった場合は調整してみてください！

* **盤面の移動**\
  盤面の適当なところをドラッグすると、盤面全体をまとめて動かすことができます。\
  この時、キャラクター駒やカードなどをドラッグしないように気をつけましょう。
* **盤面の拡大・縮小**\
  以下の操作で盤面を拡大・縮小できます。\
  ・マウスホイールを回転させる\
  ・画面右下の虫眼鏡マークをクリックする\
  ・虫眼鏡マークの間にあるバーを上下させる


# キャラクター作成

ココフォリア上で使えるキャラクターの作成について

## 分身を召喚せよ！ <a href="#add-character" id="add-character"></a>

ルームに入室したら、盤面にあなたの分身となるキャラクターの駒を追加してみましょう。「ルームって何？」と思った人は、セットアップや[ルーム作成](/setup/room-settings)の説明を見落としているかもしれません。

***

### ココフォリアの駒を作ろう

キャラクターデータを作成し、駒として盤面に表示させることができます。

1. ルーム右上の <img src="/files/-MS3e3xqRpzGEX6bCpFl" alt="" data-size="original">**マイキャラクター一覧**  をクリックする

<figure><img src="/files/E96aCp4QwYPkHjnsbCLt" alt="" width="317"><figcaption></figcaption></figure>

2. マイキャラクター一覧の **＋ ボタン** から新しいキャラクターを追加する

<figure><img src="/files/xKJ9jFUw0twCt6XiLi1A" alt="" width="359"><figcaption></figcaption></figure>

3. キャラクター情報を入力して、右下の**盤面に追加**ボタンをクリックする

<img src="/files/Kbt1dPkbY4n4OWiXXIVA" alt="" width="563">

これで、あなたの駒が盤面に表示されます！

{% hint style="info" %}

#### キャラクター駒の所有

駒には、それぞれ所有者が設定されています。その仕様は以下の通りです。

* 新しく作成したキャラクターの所有者は、そのキャラクターを作成したプレイヤーになっています。
* キャラクターはその所有者に関わらず**盤面から削除**することができます。
* **盤面から削除**もしくは**しまう**といった操作で盤面に表示されなくなったキャラクターのデータは、所有者の**マイキャラクター一覧**からのみ確認できます。
* **盤面から削除**や**しまう**、**自分の駒にする**操作をされたキャラクターの所有権は、操作をしたプレイヤーに移ります。
  {% endhint %}

次のページからは、より詳細なデータを設定する手順についてご説明します！


# 基本情報

キャラクターの基本情報について

## キャラクターに情報を追加しよう

ここからは、作成したキャラクターに登録されている情報の見方や編集方法について説明します。まずはキャラクターの基本的な設定、特に画像の設定について詳しく見ていきましょう。

***

### キャラクターの基本的な設定項目 <a href="#basic-parameter" id="basic-parameter"></a>

<figure><img src="/files/5JROsFy3fBSa1CqMH93W" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="225">項目</th><th>説明</th></tr></thead><tbody><tr><td>① キャラクター画像</td><td>キャラクターのビジュアルを設定できる</td></tr><tr><td>② 名前</td><td>キャラクターの名前を設定できる</td></tr><tr><td>③ イニシアティブ</td><td>キャラクターの行動順を設定できる<br><code>数値が大きいほど行動順が早くなります。</code></td></tr><tr><td>④ キャラクターメモ</td><td>キャラクターの補足情報が入力できる<br><code>キャラクターにマウスカーソルを合わせると表示されます。</code></td></tr><tr><td>⑤駒サイズ</td><td>キャラクターのサイズが設定できる<br><code>キャラクター画像の長辺がここで設定されたマスの長さになります。画像の比率は変わりません。</code></td></tr><tr><td>⑥参照URL</td><td>キャラクターシートなどのURLが入力できる</td></tr></tbody></table>

{% hint style="info" %}

#### キャラクター編集画面の開き方

キャラクター編集画面は以下の操作のいずれかで開くことができます。

* キャラクター駒をダブルクリック
* キャラクター駒を右クリック→メニューから「編集」をクリック
* **マイキャラクター一覧**をクリック→編集したいキャラクターをクリック(右端のアイコンを避けてクリックしてください)
* **盤面キャラクター一覧**のキャラクター画像やステータスをクリック→右上の鉛筆アイコンをクリック
* チャットパレットのアイコンをクリック→右上の鉛筆アイコンをクリック

使いやすい方法を選んでください！
{% endhint %}

***

### キャラクター画像の設定方法 <a href="#set-images" id="set-images"></a>

以下の手順でキャラクターの画像を設定できます。

1. 左上にある<img src="/files/-MS3jCdxizw2oWGdrhlX" alt="" data-size="original">をクリックする
2. 画像選択画面が表示されるので、ドラッグ＆ドロップもしくは **＋ ボタン**を押してファイルを選択し、画像を追加する

   <figure><img src="/files/zKPLJEKb19Gu8QcOffq4" alt="" width="563"><figcaption></figcaption></figure>
3. 設定したい画像をクリックする

{% hint style="info" %}

#### 画像のアップロード・削除

**アップロード**

一度に複数の画像をアップロードすることができます。\
ココフォリアで対応しているファイル形式はJPG、PNG、GIF、APNGです。\
他のアカウントでアップロードした画像は表示されません。

**アーカイブ・削除**

追加する画像を間違えてしまった場合、画像を削除することができます。\
削除したい画像を**右クリック**(タッチデバイスの場合は**長押し**)するとメニューが表示され、**アーカイブ**または**削除**を選択できます。\
**アーカイブ**を選択した場合、その画像は画像選択画面に表示されなくなりますが、ココフォリア上には残ります。\
アーカイブした画像を表示状態に戻すには、画像を再度アップロードする必要があります。\
**削除**を選択した場合、その画像はココフォリア上から消去され、ルームで表示されなくなります(ブラウザにキャッシュが残っている場合など、表示されたままになることもあります)。
{% endhint %}

{% hint style="info" %}

#### 画像選択画面のタブ

画像選択画面の左上で、ROOM・ALL・Unsplashタブを切り替えることができます。

**ROOM**：現在表示しているルームでアップロードした画像のみを表示する

**ALL**：他のルームを含め、使用中のアカウントでアップロードした全ての画像を表示する

**Unsplash**：Unsplashが提供している画像を検索・表示する

ALLタブを活用すると、一度アップロードした画像を他のルームでも使用することができます。キャラクターを継続して使用するときなど、大変便利ですね！
{% endhint %}

{% hint style="info" %}

#### Unsplashの利用

Unsplashが提供している画像をココフォリアのルーム上で使用することができます。

**使用方法**

1. 画像選択画面で**Unsplash**タブを選択する
2. 画像を検索する
3. 表示された画像を選んでクリックする
   {% endhint %}


# 立ち絵・差分

キャラクターの立ち絵・差分機能の使い方について

## キャラクターに命を吹き込め！ <a href="#add-character" id="add-character"></a>

キャラクターにポーズや感情表現を設定しておくと、セッションはより盛り上がるでしょう！

***

### 立ち絵・差分画像の追加/削除 <a href="#add-sabun" id="add-sabun"></a>

#### 立ち絵・差分の追加

以下の手順で[キャラクター編集画面](/pl-tutorial/character-edit/basic#basic-parameter)から立ち絵・差分を追加できます。\
(立ち絵のみなら[キャラクター画像の設定](/pl-tutorial/character-edit/basic#set-images)で説明されている方法でも設定できます。)

1. 立ち絵・差分と書いてある横の **＋ ボタン** をクリックする<br>

   <figure><img src="/files/tx0mTucLR2NcZnLq3hKD" alt="" width="563"><figcaption></figcaption></figure>
2. 画像選択ウィンドウから立ち絵を選択する<br>

   <figure><img src="/files/LBZ8ZCghDVJNKyP6bETD" alt="" width="563"><figcaption></figcaption></figure>
3. 設定したい差分すべてが入力できるまで1,2の操作を行なう
4. 使用したい差分に<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">を入れる\
   灰色の<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">が表示されている差分が画面に表示されます。

<figure><img src="/files/UIKhk81Z8Blw489Vx2oi" alt="" width="563"><figcaption></figcaption></figure>

5. ラベルを設定する

<figure><img src="/files/8XhmPeZSR34qojIDmWG3" alt="" width="563"><figcaption></figcaption></figure>

ラベルに設定したテキストを利用して差分を変更することができます。後述のチャットパレットに登録したり、覚えやすい名前をつけたりすると良いでしょう。

#### 差分の削除 <a href="#delete-sabun" id="delete-sabun"></a>

<img src="/files/-MS2sBxvrlcDIYQdEQmc" alt="" data-size="original">**アイコン** をクリックすると設定した差分が削除されます。

***

### 差分を切り替える <a href="#switch-sabun" id="switch-sabun"></a>

差分を切り替える方法は2種類あります。

* キャラクター編集画面から切り替える
* チャット欄から切り替える

#### キャラクター編集画面から切り替える <a href="#switch-at-edit-tab" id="switch-at-edit-tab"></a>

ラベル右の<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">ボタンから差分を切り替えることができます。切り替えられる差分は白色の<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">で、現在キャラクター画像として設定されている差分は灰色の<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">で表示されています。

白い<img src="/files/-MS2s8PT-t_k3MTbWsfU" alt="" data-size="line">を押すと、キャラクター編集画面に表示されているキャラクター画像が切り替わります。キャラクター編集画面を閉じると、盤面上のキャラクター画像も切り替わります。

#### チャット欄から切り替える <a href="#switch-at-chat-tab" id="switch-at-chat-tab"></a>

1. 差分を変更したいキャラクターを選択する\
   下の画像の□で囲まれた部分をクリックすると、キャラクター選択画面が表示されます。

<figure><img src="/files/jOKh57lqNA6oXqfhEjB1" alt="" width="410"><figcaption></figcaption></figure>

2. 設定したラベル名を入力してチャットを送信する

{% hint style="info" %}

#### 通常差分の追加

差分を切り替えた後に通常差分に戻す予定がある場合、通常差分も設定しておきましょう。
{% endhint %}

***

### チャット連携の応用 <a href="#advanced-chat-link" id="advanced-chat-link"></a>

差分はルームチャットの末尾に反応して切り替わります。これを利用し、ダイスロールの結果やチャット欄に表示されないテキストを用いて差分を切り替えることができます。

#### ダイスロールの結果に応じて差分を切り替える <a href="#switch-sabun-at-dice-roll" id="switch-sabun-at-dice-roll"></a>

ダイスロールの結果が失敗だったら失敗差分に切り替える ーー そんなこともできちゃいます！

例えば「クトゥルフ神話TRPG」ならば、ダイスロールの結果を示すチャットの末尾は4種類あります。

* `＞ 決定的成功/スペシャル`
* `＞ 成功`
* `＞ 失敗`
* `＞ 致命的失敗`

これらをそれぞれラベルとして設定すると、ダイスロールの結果に応じて自動的に差分が変更されます。

#### @以降のテキストはチャット欄に表示されない <a href="#hide-after-address" id="hide-after-address"></a>

例えば、`あいうえお@かきくけこ`と送信すると、表示されるのは`あいうえお`だけですが、`かきくけこ`がチャットの末尾の文字として認識されます。

例えば差分のラベルに`@怒る`と設定して`XXX@怒る`と送信すると、画像が切り替わってチャット欄に`XXX`と表示されますが、 `@怒る` は表示されません。

また、`@通常`のように最初から `@` をつけた状態で送信した場合、チャット欄には何も表示されず、ただキャラクター画像が差分に切り替わります。

{% hint style="info" %}

#### 差分のラベルの優先度

差分に設定したラベルのうち2つ以上がチャットの末尾と一致した場合、より長いラベルの差分が優先的に適用されます。

例えば、**失敗**と**致命的失敗**の2つのラベルを用意したとします。ダイスロールの結果が**致命的失敗**となった場合は両方がチャットの末尾と一致しますが、より長い**致命的失敗**のラベルが設定された差分に変更されます。

そのため、ダイスロールの結果と連携させたい差分に`＞ 失敗`や`＞ 致命的失敗`ではなく`失敗`や`致命的失敗`とラベルを設定しても問題ありません。

とはいえ、複数のラベルが同時にチャットの末尾と一致することがないように設定すると、想定外の動作が起きにくくなります。
{% endhint %}


# ステータス・パラメータ

キャラクターのステータスやパラメータについて

## キャラクターの能力などを確認できるようにしたい！

ココフォリアのキャラクターには、能力やリソースといったデータを設定しておくことができます。**ステータス**と**パラメータ**です。

***

### ステータス <a href="#status" id="status"></a>

ステータスには、HPやMPなどの遊ぶうちに変化し得るデータを設定しておくと便利です。&#x20;

#### ステータスの設定・削除 <a href="#increase-decrease" id="increase-decrease"></a>

次のように操作するとステータスが設定できます。

1. [キャラクター編集](/pl-tutorial/character-edit/basic#basic-parameter)画面からステータス欄右の **＋** ボタンをクリックする
2. 新しく増えたステータスの記入欄を編集する

ステータスを削除したい場合は、 **－** ボタンをクリックしてください。**－** ボタンをクリックすると、一番下の項目からひとつずつ削除されます。

<figure><img src="/files/NyuUoKpPeqXOrKEY7VVD" alt="" width="563"><figcaption></figcaption></figure>

#### 盤面上でのステータス表示 <a href="#list-character-status" id="list-character-status"></a>

キャラクターの駒が盤面上にある場合、そのキャラクターのステータスは盤面左上の[盤面キャラクター一覧](/setup/show-screen)に表示されます。

盤面キャラクター一覧に直接表示されるステータスは、最大8つです。\
全てのステータスを確認したければ、盤面キャラクター一覧のキャラクター画像やステータス表示をクリックしてください。以下のような画面が表示されます。

<figure><img src="/files/Eey620DvxJxnJq91e6ly" alt="" width="370"><figcaption></figcaption></figure>

{% hint style="info" %}

#### キャラクター駒が盤面上に複数ある場合の表示順

キャラクター駒が盤面上に複数ある場合は、[イニシアティブ](/pl-tutorial/character-edit/basic#basic-parameter)が高いキャラクターほど上に表示されます。イニシアティブの値が同じキャラクターの表示順はランダムで、同じルームにいてもプレイヤーによって表示順が異なる場合があります。
{% endhint %}

{% hint style="info" %}

#### 盤面キャラクター一覧に表示されているステータスの数値が赤い

**盤面キャラクター一覧**では、ステータスの現在値が最大値の80%を下回ると、現在値が赤色で表示されます。
{% endhint %}

#### ステータスの値の変更 <a href="#edit-status" id="edit-status"></a>

ステータスの値を変更するには、以下のような方法があります。

* [盤面キャラクター一覧](#list-character-status)のキャラクター画像やステータス表示を左クリックしたときに出る **上下ボタン** で1ずつ変化させる
* [盤面キャラクター一覧](#list-character-status)の キャラクター画像やステータス表示を左クリックしたときに出る **白いゲージ** をドラッグで動かす
* **キャラクター編集画面**を開いて現在値を直接変更する
* **コマンド**で操作する\
  \
  以下のコマンドをチャット欄に送信すると、ステータスの値を変更できます。
  * 値を増やしたい場合
    * `:侵蝕率+12`　…侵蝕率の値が12増加します
  * 値を減らしたい場合
    * `:HP-10`　…HPの値が10減少します
  * 指定した値に変更したい場合
    * `:幸運=999`　…幸運の値が999になります

　　`:`とチャット欄に入力すると、以下のようにサジェストが出ます。

<figure><img src="/files/tTWgiNOFbycUVtmmzQfh" alt="" width="424"><figcaption></figcaption></figure>

サジェストから矢印キーの **\[↑] \[↓]**&#x3084;**マウス**を用いて選択し、**\[Enter] キーを**押すと、チャット欄にサジェスト結果と同じ内容が入力されます。その後ろに＋、ー、＝のいずれかと数値を書き加えて送信すると、コマンドが実行されます。

***

### パラメータ <a href="#parameter" id="parameter"></a>

ほぼ変動しないデータを設定しておくと便利です。例えば「クトゥルフ神話TRPG」ならPOW, CON, APPなどを登録しておくと良いでしょう。

#### パラメータの設定・削除 <a href="#add" id="add"></a>

ステータスの設定・削除とほぼ同様ですが、最大値はありません。また、値を記入する欄に文字を記入することもできます。

<figure><img src="/files/fBLjJLfrTWyH8a0aspYd" alt="" width="563"><figcaption></figcaption></figure>

#### パラメータは盤面に表示されない <a href="#parameter-notes" id="parameter-notes"></a>

パラメータはステータスと違って目立つところには表示されません。

***

### ステータス・パラメータの利用 <a href="#status-tips" id="status-tips"></a>

ステータスやパラメータに設定したデータは、チャットから参照することができます。\
例えば、チャットで`{HP}`と送信すると、チャット欄には現在のHPの値が表示されます。つまり、**`{〇〇}`**&#x306F;〇〇というラベルを設定したステータス・パラメータの現在値に置き換わって表示されるということです。

これはもちろんダイスロールにも反映できます。

`CCB<={SAN}【SAN値チェック】`

このようにチャットに送信すると、`{SAN}`の部分がステータスで設定された現在値に変わります。この仕様を利用することで、ステータスの増減に必要以上の注意を割かなくてよくなるでしょう。

また、ステータスを参照してダイスロールをするためのコマンドを、後述する[チャットパレット](/pl-tutorial/character-edit/chat-pallet)に登録しておくことで、SAN値チェック等の毎回コマンド入力が必要なダイスロールも一瞬で（しかも間違うことなく）行うことができます。


# チャットパレット

チャットパレット機能について

## 同じ文章を毎回チャット欄に入力するのは大変！

長文や複雑なコマンドを毎回チャット欄に打ち込むのは大変ですが、チャットパレットを用いることで簡略化できます。セッション中に使用するセリフや[ダイスロール](/pl-tutorial/room-chat/dice-roll)のコマンドなどをチャットパレットに登録しておけば、すぐに呼び出すことができるのです。

***

### チャットパレットへの登録

以下の手順でチャットパレットにセリフやコマンドを登録することができます。

1. [キャラクター編集画面](/pl-tutorial/character-edit/basic#basic-parameter)を開き、下へスクロールする。
2. チャットパレット欄に登録したいテキストやコマンドを入力する。

改行すると、別のセリフ／コマンドとして登録されます。

例えば、`1d100<=50 【パンチ】`、`1d100<=25 【キック】`という2つのコマンドをチャットパレットに登録するとします。

<figure><img src="/files/2CCzvqg3DqcdmjT3PBBc" alt="" width="563"><figcaption></figcaption></figure>

このように記入すると、それぞれ別のコマンドとして登録できます。

***

### チャットパレットの利用 <a href="#use-chat-pallet" id="use-chat-pallet"></a>

チャットパレットを表示するには、[キャラクター選択](/pl-tutorial/room-chat)、チャット欄の <img src="/files/-MS3nVeJnN-dx2lXtGV7" alt="" data-size="original">**チャットパレットボタン**をクリックしてください。

<figure><img src="/files/K62bWwNYGCtBY2HTaKcw" alt="" width="410"><figcaption></figcaption></figure>

登録しておいたセリフやコマンドが画面中央に表示されます。

<figure><img src="/files/4ZrQnTpi8Zd5IqI9ftlJ" alt="" width="368"><figcaption></figcaption></figure>

このウインドウのヘッダー(上部のチャットパレットの表記付近)をドラッグすると、ウインドウの位置を移動させることができます。

{% hint style="info" %}

#### チャット欄の入力アシスト機能を使う

チャットパレットウィンドウを表示せずにチャットパレットに入力したセリフやコマンドを呼び出すこともできます。

方法は以下の通りです。

1. チャット欄にセリフやコマンドの一部を打ち込む
2. 矢印キーの **\[↑] \[↓]**&#x3067;送信したいメッセージを選択
3. **\[Enter] キー**を押す(メッセージが入力されます)
4. 再&#x5EA6;**\[Enter] キー**を押す(メッセージが送信されます)

例えば上記[チャットパレットへの登録](#chattoparettoheno)のとおり操作していた場合、チャット欄に直接`パンチ`と入力すると、`1d100<=50 【パンチ】`と表示されます。この状態から矢印キーの **\[↑]** を押した後&#x306B;**\[Enter] キー**を押すと、チャット欄に先ほどのコマンドが入力されます。再度 **\[Enter] キー**を押すとコマンドが送信され、ダイスロールができます。
{% endhint %}


# キャラを「隠す」設定

キャラクターに設定できる表示様式について

## キャラクター駒ごとに表示設定をカスタマイズしたい！

敵のデータを非公開にしたい、戦闘には参加しないけれど盤面に表示しておきたいNPCがいる、といった場合、キャラクター駒ごとに表示を設定することができます。

***

### キャラクター駒の表示設定の変更方法

[キャラクター編集画面](/pl-tutorial/character-edit/basic#basic-parameter)の一番下に以下のような項目があります。\
トグルボタンをクリックすると、それぞれの設定が有効になります。

<figure><img src="/files/I15zzMbsqbNYbv9Tcjz1" alt="" width="563"><figcaption></figcaption></figure>

***

### 変更できる表示設定

#### ステータスを非公開にする <a href="#hide-character-status" id="hide-character-status"></a>

所有権を持つプレイヤー以外からステータスを隠したい場合に役に立つ機能です。有効にすると、盤面キャラクター一覧の表示が変化します。

* 自分のキャラでも他の人のキャラでも イニシアティブの値 が ?? と表示される\
  (監視者モードを有効にすると、ルームマスターからはイニシアティブの値が見れるようになります。)
* 自分のキャラのステータスバーは表示される
* 駒の所有権を持っていないプレイヤーにはそのキャラのステータスバーが表示されない

例えば次のように表示されます。

<figure><img src="/files/cyPC2BeG0kGA2Mv8vwdO" alt="" width="174"><figcaption></figcaption></figure>

上から順に、通常設定の場合、自分のキャラのステータスを非公開に設定した場合、他の人のキャラでステータスが非公開に設定されている場合の表示です。なお、ステータスを非公開にすると設定した場合でも、盤面キャラクター一覧の並びはイニシアティブ順となります。

また、キャラクター駒の所有者以外はキャラクター編集画面を確認することができなくなります。

#### 発言時キャラクターを表示しない <a href="#hide-character-speak" id="hide-character-speak"></a>

メッセージウィンドウに関する機能です。\
通常チャットを送信した際にはメッセージウインドウ上部にキャラクター画像が表示されますが、この機能を有効にすると表示されなくなります。

#### 盤面キャラクター一覧に表示しない <a href="#hide-list-characters" id="hide-list-characters"></a>

キャラクターをイニシアティブ順に行動させる場合に役に立つ機能です。有効にすると、キャラクターを盤面に追加しても画面左の盤面キャラクター一覧に追加されません。\
ただし、キャラクターステータスは秘匿されないので、キャラクターコマからステータスを確認することはできます。


# ルームチャット機能

ルームチャット機能について

***

## **ルームチャット機能を活用しよう！**

ルームチャット機能は、ルームで確認できるメッセージを送信する機能です。ダイスロールを行なったり、チャットのログを確認したりすることができます。

***

### ルームチャット機能説明 <a href="#use-chat" id="use-chat"></a>

<figure><img src="/files/K9PkAmQF7C13PqaTAxim" alt="" width="417"><figcaption></figcaption></figure>

<table><thead><tr><th width="307">名称</th><th>概要</th></tr></thead><tbody><tr><td>①ルームチャットの表示・非表示ボタン</td><td>ルームチャットの表示・非表示を切り替える</td></tr><tr><td>②チャットメニュー</td><td>ルームチャットに対する操作を選択する</td></tr><tr><td>③発言タブ</td><td>チャットを送信するタブを選択する</td></tr><tr><td>④キャラクター選択</td><td>チャットを送信するキャラを選択する</td></tr><tr><td>⑤キャラクター名表示</td><td>選択したキャラの名前を表示する</td></tr><tr><td>⑥チャットパレット</td><td>登録したセリフやダイスコマンドを呼び出す</td></tr><tr><td>⑦キャラクターカラー変更</td><td>キャラ名の色を変える</td></tr><tr><td>⑧チャットコマンドについて</td><td>使用できるチャットコマンドを確認する</td></tr><tr><td>⑨ダイスボタン</td><td>簡単なダイスコマンドを入力する</td></tr><tr><td>⑩チャット入力欄</td><td>送信するメッセージを入力する</td></tr></tbody></table>

#### **①ルームチャットの表示・非表示ボタン** <a href="#hide-room-chat" id="hide-room-chat"></a>

ルームチャットは、デフォルトでは画面右側に常時表示されています(スマートフォンなどの小さい画面の場合は全画面表示となります)。このボタンをクリックすると、ルームチャットを非表示にする(隠す)ことができます。

ルームチャットが非表示の場合はルーム右上に<img src="/files/-MS3rYK2YtZUWjU5TeqK" alt="" data-size="original">**ボタン** がでます。クリックするとルームチャットが表示されます。

#### ②チャットメニュー

ルームチャットに対する操作を選択できます。

{% content-ref url="/pages/-M9lj-8R6VqvKld\_CqJo" %}
[チャットメニュー](/pl-tutorial/room-chat/chat-menu)
{% endcontent-ref %}

#### ③発言タブ

チャットを送信するタブを選択できます。

{% content-ref url="/pages/-M9liDN4ggDiST9G7\_\_I" %}
[発言タブ](/pl-tutorial/room-chat/chat-tab)
{% endcontent-ref %}

#### ④キャラクター選択 <a href="#send-message" id="send-message"></a>

どのキャラクターとしてチャットを送信するか選択することができます。

キャラクターを作成した状態でここをクリックすると、自分に所有権のあるキャラクターが一覧で表示されます。ここでキャラを選択すると、キャラクターのアイコンが表示され、⑤の表示がキャラクター名になります。

#### ⑤キャラクター名表示

④で選択したキャラクターの名前が表示されます。また、キャラクター名をここに打ち込むことでもキャラクターを選択できます。

所有権があるキャラクターの名前とここの欄に入力した名前が一致していない場合でも、カードを**自分だけ見る**操作で表示されるカードの所有者名には反映されます。

#### ⑥チャットパレット

登録してあるセリフやダイスコマンドを呼び出すことができます。

{% content-ref url="/pages/-M9lhIk5HtV2w5ZVJU87" %}
[チャットパレット](/pl-tutorial/character-edit/chat-pallet)
{% endcontent-ref %}

#### ⑦キャラクターカラー変更

チャットに表示されるキャラクター名の色を選択できます。

クリックするとカラーパレットが表示され、好きな色を選択することができます。カラーコードを直接入力することも可能です。色を選択すると <img src="/files/-MS3uYGuJRH4b3D9LGl4" alt="" data-size="original">**ボタン**の色が変わり、チャットを送信する際のキャラクターの名前がその色になります。

キャラクターカラーを設定することにより、誰がメッセージを送ったか分かりやすくなります。また、ログが色分けされて見やすくなります。好きな色を設定しておくと良いでしょう。

#### ⑧チャットコマンドについて

クリックすると、使用できるチャットコマンドを確認できます。ダイスコマンドについてだけではなくスラッシュコマンドについても掲載されていますので、ご活用ください。

#### ⑨ダイスボタン

クリックすると、数字を打ち込まずともダイスコマンドを入力することができます。

{% content-ref url="/pages/-M9lhUsy92Y4iEZEtGhZ" %}
[ダイスロール](/pl-tutorial/room-chat/dice-roll)
{% endcontent-ref %}

#### ⑩チャット入力欄

送信するメッセージを入力する欄です。

チャット入力欄に文字を入力し、**送信ボタン**または **\[Enter] キー**を押すと、入力したメッセージがルームチャットに送信されます。\
ルームチャットは下から上に流れていきます。一番下に表示されているメッセージが最新のものです。

***

### メッセージについて <a href="#message-window" id="message-window"></a>

#### メッセージウィンドウ <a href="#message-window" id="message-window"></a>

[後述](/pl-tutorial/room-chat/chat-tab)のメイン ・情報タブで発言した場合は、チャットが送信されると同時に、画面下部中央にメッセージウィンドウが出現します。メッセージウインドウには、送信されたチャットと同じ内容が表示されます。

#### **チャットの内容を修正する** <a href="#edit-chat" id="edit-chat"></a>

自分が送信したメッセージを修正したい場合、以下の通りに操作してください。

1. 発言にカーソルを合わせる
2. 右側に表示される <img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original">**ボタン** を押す
3. 編集用ウィンドウが表示されるので、内容を編集する
4. 修正後、 **保存ボタン** をクリックする

修正した発言は、末尾に\[編集済]と表示されます。


# チャットメニュー

チャットメニューの使い方について

## チャットメニューを使いこなそう

チャットメニューを使用すると、ルームチャット機能をより快適に使用することができます。

***

### チャットメニューへのアクセス <a href="#chat-menu" id="chat-menu"></a>

チャットメニューは、右上の **\[**<img src="/files/-MS3ygyX1sD3lGR3a0Et" alt="" data-size="original">**チャットメニュー]ボタン** を押すと表示できます。

メニューは次のように表示されます。

<figure><img src="/files/ZApXvBDLv5Qa5BRLUuJw" alt="" width="242"><figcaption></figcaption></figure>

それぞれの機能は以下の通りです。

<table><thead><tr><th width="210">機能</th><th>概要</th></tr></thead><tbody><tr><td>別窓で表示 (beta)</td><td>チャットウィンドウを別窓で表示する<br><code>この機能は beta バージョンです。</code></td></tr><tr><td>ワイドモード切り替え</td><td>チャットの幅をワイドモードに切り替える</td></tr><tr><td>全ログ出力</td><td>全てのタブの内容をHTML形式で保存する<br><code>この機能はルームマスターのみが利用できます。</code></td></tr><tr><td>ログ出力</td><td>現在表示されているタブのログをHTML形式で保存する</td></tr><tr><td>タブの編集</td><td>タブ名やタブの種類を編集する(<a href="/pages/vMqZNaK0XJqWbY9wykOY">チャットタブの作成・削除</a>参照)<br><code>デフォルトで用意されている 「メイン」「情報」「雑談」タブは編集できません。この機能はルームマスターのみが利用できます。</code></td></tr><tr><td>現在タブ削除</td><td>現在表示されているタブを削除する(<a href="/pages/vMqZNaK0XJqWbY9wykOY">チャットタブの作成・削除</a>参照)<br><code>デフォルトで用意されている 「メイン」「情報」「雑談」タブは削除できません。この機能はルームマスターのみが利用できます。</code></td></tr><tr><td>ルームログ削除</td><td>ルームのログを全て削除する<br><code>実行後にブラウザを更新すると反映されます。この機能はルームマスターのみが利用できます。</code></td></tr></tbody></table>

***

### ログ出力について <a href="#export-log" id="export-log"></a>

#### **全ログ出力とログ出力の違い**

全ログ出力では、全てのタブのログが時系列順に1つのHTMLファイルとして出力されます。\
ログ出力では、1つのタブのログのみがHTMLファイルとして出力されます。

#### **ログのダウンロード**

**ログ出力**をクリックするとダウンロードできます。\
ダウンロードされるファイル名は**ルーム名\[タブ名].html**です。なお、ログは**最大で1万件(PROユーザーであれば10万件)まで**出力されます。

#### HTMLファイルを確認する <a href="#html" id="html"></a>

ダウンロードしたHTMLファイルは、Chrome等のブラウザで確認できます。\
送信したチャットには、設定したキャラクターカラーが反映されます。


# 発言タブ

発言タブの操作方法や仕様について

## 発言タブ <a href="#chat-tab" id="chat-tab"></a>

発言タブを利用すると、セッション中に得られた情報を一覧で確認したり、特定の相手のみにメッセージを送信したりすることができます。

***

### 発言タブの操作や仕様

#### タブの切り替え <a href="#tab-view" id="tab-view"></a>

**タブ名**をクリックすると切り替わります。メッセージを送ると、表示しているタブに送信されます。

#### メッセージの通知

表示していないタブにメッセージが送信された場合、赤いバッジで通知されます。\
下のように表示されている場合、情報タブにメッセージが送信されています。

<figure><img src="/files/jkhBGHgIH0p54gDHFUy8" alt="" width="419"><figcaption></figcaption></figure>

***

### グループチャット

グループチャットは、指定されたプレイヤーにしか見えないチャットを送信できる機能です。

{% hint style="danger" %}

#### 秘匿範囲

<mark style="color:red;">**ココフォリアでの秘匿チャットは、厳密に隠蔽されるものではなく、チャットタブの表示状態を変更するものです。**</mark>他の人に知られてはいけない個人的な情報などをココフォリア上でやりとりしないようにしてください。
{% endhint %}

#### グループチャットの表示

グループチャットタブには、タブ名の左側に南京錠マークがついています。また、グループチャットタブの名前は選択している間だけ赤色で表示されます。

<figure><img src="/files/dylX65VUmqn4WBKUqOsl" alt="" width="419"><figcaption></figcaption></figure>

***

### 秘匿チャット <a href="#direct-message" id="direct-message"></a>

秘匿チャットは、ルーム上で2人がお互いにしか見えないチャットを送信できる機能です。ルームに2人以上のユーザーがいる状態で使用することができます。

{% hint style="danger" %}

#### 秘匿範囲

<mark style="color:red;">**ココフォリアでの秘匿チャットは、厳密に隠蔽されるものではなく、ログ上でルームマスターが確認できるものです。**</mark>他の人に知られてはいけない個人的な情報などをココフォリア上でやりとりしないようにしてください。
{% endhint %}

#### 使用方法

秘匿タブを作成すると、そこで秘匿チャットを送信することができます。\
秘匿タブの作成方法は以下の通りです。

1. 秘匿会話を行いたい相手の発言にカーソルを合わせる

<figure><img src="/files/MidzXafeZNJiNAL2q5Ea" alt="" width="399"><figcaption></figcaption></figure>

2. <img src="/files/-MS48GzrBU6-IFYbIpwO" alt="" data-size="original">**ボタン** をクリックする
3. 作成されたタブでチャットを送信する

秘匿タブは次のように表示されます。

<figure><img src="/files/K8ViLpsppZay8n9bURdh" alt="" width="415"><figcaption></figcaption></figure>

タブの名前は秘匿チャットの相手のプレイヤー名になります。相手がプレイヤー名を設定していない場合、匿名さんと表示されます。

また、タブを選択している間、秘匿タブ名は赤色で表示されます。


# ダイスロール

ダイスロールのやりかたについて

## ダイスロールをしよう！ <a href="#basic-command" id="basic-command"></a>

ココフォリアでは、ルームチャットにコマンドを送信することで、ダイスロールをすることができます。

***

### 基本のコマンド <a href="#basic-command" id="basic-command"></a>

ダイスロールを行う際のコマンドは、`XdY`を基本形としています。\
`X`にはダイスの個数、`Y`には振るダイスの面の数（何面ダイスを振るか）が入ります。

> `1d6`　6面ダイスを1つ振る\
> `5d4`　4面ダイスを5つ振る　など

***

### コマンドを送信する

ダイスコマンドは、2つの方法でチャット入力欄に打ち込むことができます。

* チャット入力欄に直接打ち込む
* チャット入力欄上部にあるダイスボタンをクリックする

チャット入力欄に入力したコマンドを送信するとダイスロールが実行され、結果がチャットタブに表示されます。

#### チャット入力欄上部のダイスボタンを用いたコマンドの入力方法

メッセージ入力欄の上部にダイスボタンがあります。

<figure><img src="/files/35DdU169y7XNVNqSGFLl" alt="" width="410"><figcaption></figcaption></figure>

ダイスボタンにカーソルを合わせると、「D4」「D6」などと表示されます。振りたいダイスを振りたい数と同じ回数だけクリックすると、チャット入力欄にコマンドが打ち込ます。

<figure><img src="/files/eZ88p9KsnY3hNQVEEfS6" alt="" width="422"><figcaption></figcaption></figure>

このように、複数種類のダイスを選択することもできます。

打ち込んだダイスを取り消したい場合、ダイスボタン右の×をクリックするか、チャット入力欄で直接編集してください。

***

### 便利なコマンド

#### 目標値の設定 <a href="#judgment" id="judgment"></a>

ダイスロールに目標値を設定することで成否判定を自動化してくれるコマンドがあります。

> `1d100<=50` 　100面ダイスを1回振り50以下が出れば成功&#x20;

上のように打ち込んでダイスロールを行うと、以下のように表示されます。

<figure><img src="/files/CgxFBT7iTBumU81ojm7y" alt="" width="419"><figcaption></figcaption></figure>

ダイス結果は、成功したら青色、失敗したら赤色になります。

#### シークレットダイス <a href="#secret" id="secret"></a>

ダイスの出目を他の人に公開したくない場合に、自分にのみ表示できるコマンドがあります。

> `s1d100`　100面ダイスを1回振るが、その結果は他の人から確認できない

先頭に`s`をつけると、ダイスロールの結果は非公開になります。これを**シークレットダイス** と呼びます。\
このコマンドの使用時、他のプレイヤーには、ダイスロールの内容や結果の代わりに`Secret dice 🎲`と表示されます。

<figure><img src="/files/nYflCloSWgTBxEs698Wo" alt="" width="421"><figcaption></figcaption></figure>

シークレットダイスの結果を公開したい場合、シークレットダイスの発言にカーソルを乗せると表示される <img src="/files/-MS4D8UaFJZFBdqW7LmE" alt="" data-size="line">**ボタン**をクリックしてください。

<figure><img src="/files/ye3sViBUFMZyHFCfkJu4" alt="" width="419"><figcaption></figcaption></figure>

#### その他のコマンド <a href="#etc" id="etc"></a>

ダイスロールに関するコマンドは、チャット入力欄の <img src="/files/-MS4FDQxdJHlcaLekWIx" alt="" data-size="original">**チャットコマンドについて**ボタン をクリックすると確認できます。使用できるコマンドの説明画面が開きます。ルームに設定されているダイスボット特有のコマンドも確認できるので、プレイの際にはルールブックと照らし合わせながらご活用ください。

{% hint style="info" %}

#### ダイスボットについて

ココフォリアでは、[**BCDice**](https://bcdice.org/)というダイスロールエンジンを使用しています。\
ご利用いただけるコマンドについては、[BCDiceコマンドガイド](https://docs.bcdice.org/)の汎用コマンドをご覧ください。
{% endhint %}

{% hint style="info" %}

#### <img src="/files/-MS4FDQxdJHlcaLekWIx" alt="" data-size="original">**チャットコマンドについてボタンから確認できる内容**

ダイスロールのコマンドだけでなく、ココフォリアのルーム内で使用できるスラッシュコマンドもこちらから確認することができます。コマンドが分からなくなったらこちらをご確認ください！
{% endhint %}


# パネル・カードデッキ

スクリーンパネルやマーカーパネル、山札の操作について

## パネルやカードデッキ

ココフォリアを使用して遊ぶ際、キャラクター以外の画像や山札を操作する場合があります。

***

### パネルについて

#### パネルとは

ルーム内にある、背景やキャラクターなどを除いた画像は、パネルと呼ばれています。遊ぶゲームによっては、カード/コマ/マーカーなどと呼ばれることもあります。

#### パネルへのホバー

パネルにカーソルを合わせると、名称や説明文などが表示される場合があります。

#### パネルの操作

{% content-ref url="/pages/VF6BZhUbVGChuhHkoQ95" %}
[パネルの操作](/pl-tutorial/panels/panels)
{% endcontent-ref %}

***

### カードデッキについて

#### カードデッキとは

パネルが何枚か裏向きに重なっているものです。山札とも呼ばれます。

カードデッキからカードを引くと、デッキ内のカードがランダムに指定枚数パネルとして表示されます。

#### カードデッキの見分けかた

カードデッキはパネルとは違い、中央に山札の枚数を示&#x3059;**○枚**という表示が出ます。

<figure><img src="/files/6jJMTYcs8GW8BCQtmRHI" alt="" width="143"><figcaption></figcaption></figure>

また、カードデッキから引いたカードはパネルとして扱われますが、引いたカードの右クリックメニューを見ると**山札に戻す**が白く表示されています。ここをクリックすると山札に戻すことができます。

#### カードデッキの操作

{% content-ref url="/pages/1gFskFwfHtajw5ocD1rm" %}
[カードデッキの操作](/pl-tutorial/panels/card-decks)
{% endcontent-ref %}


# パネルの操作

パネルの操作について

## パネルを操作してみよう

パネルに行える基本的な操作を記載していますが、パネル自体は直感的に操作できるようになっています。

***

### パネルの移動

パネルはドラッグ＆ドロップで移動させることができます。ドラッグ＆ドロップしようとした時にパネルが動かず画面全体が動いた場合、パネル自体が動かせないように設定されている可能性があります。

#### 拡大表示

パネルを拡大して表示することができます。画像を右クリック>メニュー>拡大表示をクリックしてみてください。

<figure><img src="/files/hE9ps770VdzrVxrPh0Nc" alt="" width="245"><figcaption></figcaption></figure>

拡大表示を終了したい場合は、拡大表示画像右上の×印をクリックしてください。

***

### パネルの公開

裏表に画像が設定されているパネルについて、オモテ面を見たり、ウラ面に戻したりすることができます。

#### 全体公開

全員からオモテ面が見えているわけではないパネルを右クリックした後に**全体に公開する**を選択すると、全員にパネルのオモテ面を表示することができます。

<figure><img src="/files/A7VmaWVvfLJ2r6OvtTyi" alt="" width="269"><figcaption></figcaption></figure>

#### カードを自分だけ見る

ウラ面が見えているパネルを右クリックした後に**自分だけ見る**を選択すると、自分だけがパネルのオモテ面を確認することができます。

<figure><img src="/files/EFvgXFqxO7GK8iFJ18z1" alt="" width="269"><figcaption></figcaption></figure>

以下のように、ルームチャット機能で設定された名前が中央に表示されます。

<figure><img src="/files/ACJqOntcR7zTn05j2XRO" alt=""><figcaption></figcaption></figure>

また、他の人が**自分だけ見る**で確認しているパネルには、以下のように、ウラ面の画像の中央にパネルを見ている人の名前が表示されます。

<figure><img src="/files/VEi5MgYZv9kWoFTnDtqq" alt=""><figcaption></figcaption></figure>

#### カードを非公開にする

オモテ面が見えているパネルを右クリックした後に**非公開にする**を選択すると、全員にパネルのウラ面を表示することができます。

<figure><img src="/files/XKawYgaw50mRcuN5w2mP" alt="" width="245"><figcaption></figcaption></figure>

#### カードを自分以外に公開にする

パネルを右クリックした後に**自分以外に公開する**を選択すると、自分以外がパネルのオモテ面を確認することができます。

<figure><img src="/files/FPKzFlm1Czu12aio5Hms" alt="" width="269"><figcaption></figcaption></figure>

操作したパネル上に「（操作したキャラクター名）以外に公開」と表示されれば、操作は正しく完了しています。

<figure><img src="/files/nFWXWvUH9y8ZGrGEVEfY" alt=""><figcaption></figcaption></figure>

***

### クリックアクション

パネルによっては、クリックするとチャット欄にメッセージが送信されることがあります。GMや盤面の指示に従って画像をクリックするといいでしょう。

***

### 上記以外の操作について

[スクリーンパネル](/gm-tutorial/screen-panel)のページや[マーカーパネル](/gm-tutorial/marker-panel)のページに掲載していますので、そちらもご覧ください。


# カードデッキの操作

カードデッキの操作について

## カードデッキを操作してみよう

カードデッキを使いこなすには、パネルの操作に加えてデッキに関する操作が必要になってきます。

***

### カードを引く

カードデッキを右クリックすると、次のようなメニューが表示されます。

<figure><img src="/files/2Wls5V5wElWMbYLRXY8r" alt=""><figcaption></figcaption></figure>

カードを1枚だけ引きたい場合は**1枚引く**、複数枚引きたい場合は**複数枚引く**、裏向きのまま1枚だけ引きたい場合は**裏向きのまま1枚引く**、裏向きのまま複数枚引きたい場合は**裏向きのまま複数枚引く**を選択してください。

また、引いたカードは[パネルの操作](/pl-tutorial/panels/panels)と同様に操作することができます。

#### 複数枚引く

**複数枚引く**にカーソルを合わせると、以下のように表示されます。

<figure><img src="/files/QD5ulvEA9isFH8SmCpTn" alt="" width="350"><figcaption></figcaption></figure>

引きたい枚数をクリックすると、その枚数だけカードを引くことができます。

#### カードを引くショートカット

カードデッキをダブルクリックすると、上記の**1枚引く**と同じ操作ができます。

<figure><img src="/files/HqUF1YmXmqNHCTPHe8Lt" alt="" width="156"><figcaption></figcaption></figure>

さらにダブルクリックすると引いたカードを**全体に公開**することができます。

<figure><img src="/files/cbsvZ91Vs2Zgjna5XVNR" alt="" width="167"><figcaption></figcaption></figure>

またダブルクリックするとカードを**非公開にする**ことができます。

<figure><img src="/files/XHXsXKHvy7DUPkNqRCaD" alt="" width="165"><figcaption></figcaption></figure>

***

### カードデッキに戻す

引いたカードは以下の2つの方法でデッキに戻すことができます。

* カードデッキの上にカードを乗せる
* 右クリックメニューから山札に戻す

#### カードデッキの上にカードを乗せる

引いたカードをドラッグしてデッキの上に重ねると、カードデッキに戻ります。

{% hint style="warning" %}
背面画像・サイズの同じカードデッキが複数ある場合、引いたデッキ以外にカードを重ねると、重ねられたデッキに混ざってしまいます。
{% endhint %}

#### 右クリックメニューから山札に戻す

右クリックメニューから**山札に戻す**を選択してください。

<figure><img src="/files/xK2c0Iv4ud2GbwJAmcHN" alt="" width="338"><figcaption></figcaption></figure>

***

### 上記以外の操作について

[カードデッキ](/gm-tutorial/decks)のページに掲載していますので、そちらもご覧ください。


# アカウント設定の変更

アカウント設定の変更について

## アカウント設定の変更

CCFOLIAを使用していると、一度設定したプロフィール画像やユーザー名を変更したくなることがあるでしょう。このページでは設定の変更方法を案内しています！

***

### アカウント設定変更方法

マイルーム一覧の右上やルームの右上にある**プロフィール画像のアイコン**をクリックすると、メニューが表示されます。

<figure><img src="/files/E91q7hG5hZhOYuUCHw1B" alt="" width="334"><figcaption></figcaption></figure>

メニュー表示から**アカウント設定**をクリックすると、アカウント設定画面が表示されます。

***

### アカウント設定画面

<figure><img src="/files/pDbbu4lkyxuaHk6iPZ7F" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="271">機能</th><th>概要</th></tr></thead><tbody><tr><td>①プロフィール画像</td><td>クリックすると設定したい画像を選択できる</td></tr><tr><td>②ユーザー名</td><td>ユーザー名を入力できる</td></tr><tr><td>③現在のプラン</td><td>現在設定しているプランを確認できる<br><strong>プランを変更する</strong>からプランの詳細を確認・変更できる</td></tr><tr><td>④メールアドレス・パスワード</td><td>メールアドレス・パスワードの設定や変更ができる</td></tr><tr><td>⑤SNS連携</td><td>連携しているSNSを確認することができる<br>SNS連携・連携の解除ができる</td></tr><tr><td>⑥表示設定</td><td>ココフォリアのルームを開いたときに出る告知をスキップできる<br><code>CCFOLIA PROプランでのみ使用できる機能です。</code></td></tr><tr><td>⑦アカウントを削除する</td><td>アカウントを削除できる<br><code>アカウントを削除すると復旧できないため、どうしても必要な場合以外はお勧めしません。</code></td></tr></tbody></table>

***

### メニュー表示

アカウントアイコンをクリックすると表示されるメニューは、以下のようになっています。

<figure><img src="/files/fFXr925ggKozEBNG09GD" alt="" width="221"><figcaption></figcaption></figure>

<table><thead><tr><th width="271">機能</th><th>概要</th></tr></thead><tbody><tr><td>①マイルーム</td><td>マイルームタブに移動する</td></tr><tr><td>②ストア</td><td>ゲームを購入するストアタブに移動する</td></tr><tr><td>③ライブラリ</td><td>購入したゲーム一覧を見れるライブラリタブに移動する</td></tr><tr><td>④アカウント設定</td><td>アカウント設定を変更する</td></tr><tr><td>⑤購入履歴</td><td>ココフォリアでの購入などを確認する<br><code>ここから領収書をダウンロードできます。</code></td></tr><tr><td>⑥ログアウト</td><td>ココフォリアからログアウトする</td></tr><tr><td>⑦ヘルプ</td><td>ココフォリア公式ドキュメントへ遷移する</td></tr><tr><td>⑧利用規約</td><td>ココフォリアの利用規約を確認できる</td></tr><tr><td>⑨プライバシーポリシー</td><td>ココフォリアのプライバシーポリシーを確認できる</td></tr><tr><td>⑩開発者コマンド</td><td>開発者コマンドを入力できる<br><code>開発者コマンドはPIXIV FANBOXの開発支援プランで確認できます。</code></td></tr></tbody></table>


# ルームの準備

ルームの準備について

## セッション前のルームの準備

ゲームマスターはセッション中にたくさんのタスクをこなす必要があります。セッション前に画像やBGMなどを追加しておく、事前にルームを共有しておくといった準備をしておくと、セッションがスムーズに進められるでしょう。

このページでは、一部を除き、ルームメンバー権限がプレイヤー以上であれば可能な操作を紹介しています。ルームマスターのみが使用できる機能や操作は「GM限定の機能」のセクションで詳しく紹介していますので、そちらも併せてご覧ください。

***

### 盤面に画像などの変更を加える

画面右下の<img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original"> **ボタン**をクリックすると、下のようなメニューが表示されます。

<figure><img src="/files/oyUi6hxGIWRYep469Yh0" alt="" width="507"><figcaption></figcaption></figure>

追加・変更したい機能を選んでクリックしてください。\
`タイマーはCCFOLIA PROプランでのみ使用できる機能です。`

詳しくは、それぞれの機能のページをご覧ください。

***

### 盤面にBGMなどを追加する

盤面右上にBGMバーがあります。

<figure><img src="/files/W4GWajTC2WeiNpiDa5GZ" alt="" width="491"><figcaption></figcaption></figure>

BGMバーの**BGM1/BGM2**をクリックすると、BGM設定画面が表示されます。\
BGM設定画面に音源ファイルをドロップすると、データをアップロードすることができます。

詳しくは、[BGMの再生](/gm-tutorial/bgm-settings)をご覧ください。

***

### ルームに招待する

同じ画面を一緒に見たい人をルームに招待する必要があります。この操作はルームメンバー権限が見学者以上であれば行なうことができます。

#### ルームへの招待方法

1. ルーム左上に表示されているルーム名をクリック
2. **友達を招待**をクリック

<figure><img src="/files/znaKzqnxuERKLFSY26XL" alt="" width="236"><figcaption></figcaption></figure>

3. URLを確認し、ルームに招待したい人に送信する\
   この時、**リンクをコピー**をクリックするとURLのコピー＆ペーストが楽になります。

<figure><img src="/files/Y9at5W1ZRElr829WCLcw" alt="" width="563"><figcaption></figcaption></figure>

招待を受けた人は、リンクをクリックするだけでココフォリアのルームに入室することができます。

{% hint style="info" %}

#### ルームデータ公開機能

ルームデータ公開リンクとよばれる、クリックするだけで部屋が作成できるURLが頒布されていることがあります。このリンクをブラウザで開いて**新規ルーム作成**をクリックすると、配布元が作成したデータを基にルームが作成されます。

ココフォリアにログインしていないブラウザでルームデータ公開リンクを開こうとすると、ココフォリアへのログインが求められます。
{% endhint %}


# 前景・背景の設定

ココフォリアの前景・背景の使い方について

## イメージを共有しよう！

ココフォリアには、オフラインセッションのプレイマットのイラストやボードゲームの盤面のイラストのように、背景となる画像を設定することができます。システム・シナリオのイメージや場面のイメージに合わせて設定すると、没入感が増すでしょう！

***

### 前景・背景

ココフォリアの盤面には、背景のように使える画像を 2 種類設定できます。

<img src="/files/bwqt1v7TFctcpcQQJxzS" alt="" width="563">

<table><thead><tr><th width="220">機能</th><th>説明</th></tr></thead><tbody><tr><td>①前景</td><td>グリッド線が表示されている部分のみに設定される画像</td></tr><tr><td>②背景</td><td>画面全体とグリッド線が表示されている部分それぞれに設定される画像</td></tr></tbody></table>

①には前景に設定した画像の下に背景の画像が表示されるようになっています。

背景に青と水色の画像、前景に黒い透過画像を設定すると、次のように表示されます。

<figure><img src="/files/79tzRAvpi1G8Y48Jd1BM" alt="" width="563"><figcaption></figcaption></figure>

これを利用すると、より臨場感のある描写が可能になります。\
例えば、背景に山の画像を、前景に透過された動く雲の画像をセットすることで、山が曇っている場面を表現することができます！

***

### 設定方法

前景・背景は以下のように 設定することができます。

１．画像選択ウィンドウを以下のいずれかの方法で開く

* 前景/背景の変更したい方をダブルクリック
* 前景/背景の変更したい方で右クリック → **前景・背景を変更**→フィールド設定ウィンドウから前景/背景の変更したい方を選択
* 画面右下の![](/files/alNqKuezvDGSAToJkOe3)(盤面メニュー) →  **前景・背景を変更**→フィールド設定ウィンドウから前景/背景の変更したい方を選択

<figure><img src="/files/JJBH9qeHF3VvzKN7WAez" alt="" width="563"><figcaption></figcaption></figure>

２．設定したい画像を画像選択画面にドラッグ＆ドロップする

３．設定したい画像を選択する\
　　画像を設定しない場合は、画像サムネイル左上の **NOIMAGE** をクリックしてください。

{% hint style="info" %}

#### 画像選択ウィンドウでの画像のアップロード

画像をアップロードする際にタブ分けをすることができます。\
例えば、前景に使用する予定の画像なら前景のタブにアップロードするといったように、画像の用途によってタブを使い分けると画像を探す時に便利です。\
もちろん、背景タブにドラッグ＆ドロップした画像を前景に使用するといったこともできます。

また、セッションに使用する画像がたくさんある場合、一度に複数枚ドラッグ＆ドロップしておくこともできます。事前にドラッグ＆ドロップしておいた画像をクリックすると、その画像を選択することができます。
{% endhint %}

***

### フィールド設定ウィンドウ <a href="#edit-view" id="edit-view"></a>

グリッド線が表示されている部分の大きさを変えたい！という場合もあるでしょう。\
フィールド設定ウィンドウでは、パネルの大きさなどの設定を変更することができます。

<figure><img src="/files/gJeDPPwhd17EleK3LDQR" alt="" width="452"><figcaption></figcaption></figure>

#### ①横幅・縦幅

グリッド線が表示されている部分のパネルの横幅・縦幅を設定できます。半角数字で設定してください。\
`幅「1」は24pxです。`

#### ②画像を自動トリミングする

前景/背景画像について、縦横比を変更して表示するかトリミングするかを設定できます。

OFF(白): 設定された画像の縦横比が変更され、パネルの横幅・縦幅に合うようになります。\
ON(青): 設定された画像の縦横比は変わらず、表示しきれない部分はトリミングされます。

#### ③背景選択

画面全体とグリッド線が表示されている部分両方に画像を設定できます。

#### ④前景選択

グリッド線が表示されている部分にのみ画像を設定できます。

***

### 自動トリミングを適用しない場合・適用する場合の比較

以下の正方形の画像を、横長のフィールドに前景として設定してみます。

<div align="center"><figure><img src="/files/LaAaBJwodT9Yu7AxIBWo" alt="" width="375"><figcaption></figcaption></figure></div>

#### 自動トリミング機能をOFFにした場合

<div align="center"><figure><img src="/files/Jzg9y8QPSnxYizPRrjty" alt="" width="498"><figcaption></figcaption></figure></div>

上下方向に圧縮されます。

#### 自動トリミング機能をONにした場合

<div align="center"><figure><img src="/files/AZzTxlamUxphdYOOlC1m" alt="" width="478"><figcaption></figcaption></figure></div>

上下がトリミングされます。


# BGMの再生

ココフォリアの音源ファイル再生機能の使い方について

## 音楽を流して没入感を上げたい！

ココフォリアでは、BGMや効果音をセット・再生することができます。\
場面に合わせて使用し、セッションの雰囲気づくりに活用しましょう！

***

### BGMバー機能説明 <a href="#bgm-setting" id="bgm-setting"></a>

ココフォリアのルームの右上に、BGMなどの設定を行なえるBGMバーがあります。

<figure><img src="/files/haC3TNuCI82NZnU5RyAT" alt="" width="491"><figcaption></figcaption></figure>

①音量の調整

②ミュート

③停止

④BGM01/BGM02 の再生

BGM01とBGM02には、それぞれ異なる音源ファイルを設定できます。

{% hint style="warning" %}
**①音量の調節**と**②ミュート**はユーザー単位で機能します。他のユーザーには影響しません。
{% endhint %}

***

### 音源ファイルのアップロード

**\[BGM01] \[BGM02] ボタン**のどちらかをクリックすると**BGM選択画面**が開きます。

<img src="/files/nV41HtQeNquBJ5KuqYVx" alt="" width="563">

以下の操作のいずれかを行なうと、選択しているタブに音源ファイルをアップロードできます。

* BGM選択画面へ音源ファイルをドラッグ＆ドロップする
* ウィンドウ右下の<img src="/files/-MSRz-KBGDQHR4NNoTGS" alt="" data-size="original">**ボタン**をクリックしてフォルダから選択する
* サーバーに音源ファイルをアップロードして共有URLを取得→BGM選択画面下部の「外部ファイルURL」に入力→隣のアイコンをクリック

{% hint style="info" %}

#### 外部ファイルURLを用いた音源ファイルの読み込み

音源ファイルをアップロードするにあたり利用できるファイル共有サービスは限られています。「利用できないURLです。」と表示された場合、別のサービスを利用してみてください。
{% endhint %}

***

### 音源ファイルの再生

BGM選択画面で音源ファイルをクリックすると、BGMが再生されます。

***

### 音源ファイルの再生の停止

以下のいずれかの方法で音源ファイルの再生を停止することができます。

* 各BGM選択画面の右上にある停止ボタンをクリック
* BGMバーの停止ボタンをクリック

***

### BGM選択画面のタブ

BGM選択画面のタブを利用すると、音源ファイルを整理することができます。

#### タブの仕様

ファイルのアップロード時、音源ファイルは開いているタブに格納されます。ファイルを移動させたい場合、移動させたいファイルをドラッグし、タブの名前周辺でドロップしてください。

タブ右端の＋をクリックするとタブを増やすことができます。タブの最大数は10個です。

#### タブメニュー

タブを選択している時に表示される▼をクリックすると、以下のようにメニューが表示されます。

<figure><img src="/files/glFdS2AqzbBnT2AE5vSB" alt="" width="563"><figcaption></figcaption></figure>

* 名前を変更：タブ名を変更できます。
* 削除：タブとその中に含まれるファイルを全て削除できます。
* 左に移動：タブが1つ左に移動します。
* 右に移動：タブが1つ右に移動します。

***

### 音源ファイルの詳細設定 <a href="#advanced-setting-bgm" id="advanced-setting-bgm"></a>

各音源ファイルの右側にある <img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original">**ボタン** をクリックすると詳細設定画面が開きます。

<figure><img src="/files/5CEoCInoE1YMKjJrjjhm" alt="" width="370"><figcaption></figcaption></figure>

詳細設定画面では、それぞれの音源ファイルに対して次の操作ができます。

<table><thead><tr><th width="185">項目</th><th>説明</th></tr></thead><tbody><tr><td>①name</td><td>BGMの名称を変更する</td></tr><tr><td>②音量の調整</td><td>音源ファイルを再生する際のボリュームを設定する<br><code>この設定は他のユーザーにも影響します。</code></td></tr><tr><td>③リピート設定</td><td>リピートの無効化/有効化を <img src="/files/-MSSDTtxCiLyV0hrFPhl" alt="" data-size="original"><strong>ボタン</strong>で切り替える</td></tr><tr><td>④BGMの試聴</td><td>音源をルームに反映させずに自分だけ聴く</td></tr><tr><td>⑤削除</td><td>ココフォリアからその音源ファイルを削除する</td></tr><tr><td>⑥保存</td><td>設定を保存する<br><code>保存をクリックすると設定が適用されます。</code></td></tr></tbody></table>


# スクリーンパネル

ココフォリアのスクリーンパネルの使い方について

***

## スクリーンパネル <a href="#add-screen-panel" id="add-screen-panel"></a>

マップなどの資料をプレイヤーに共有したい時、スクリーンパネルが便利です！\
スクリーンパネルを用いると、盤面に複数の画像を配置できます。

***

### スクリーンパネルの追加

スクリーンパネルは、「ルームメンバーの権限」でサブルームマスター以上に設定されている人のみ、以下の手順で追加できます。

1. ヘッダーのナビゲーションから<img src="/files/-MSX_DQKWXlzmgICAD2i" alt="" data-size="original">**スクリーンパネル一覧**をクリックする

<figure><img src="/files/9N5nTPyN4GdvV9EYum3u" alt="" width="343"><figcaption></figcaption></figure>

2. **スクリーンパネル一覧**が表示されるので、**＋ ボタン**をクリックする

<figure><img src="/files/F68dig6LL9LpC2rzfIFJ" alt="" width="365"><figcaption></figcaption></figure>

3. 画像選択画面が表示されるので、スクリーンパネルにしたい画像を選択する

<img src="/files/nXIkaoArX0WJ1Ptyxd36" alt="" width="563">

4. 以下のようにスクリーンパネルが追加されるので、[サイズを調整する](#set-screen-panel)

<figure><img src="/files/1GFKSuvV7iCaMmuBEsR1" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}

#### スクリーンパネルを追加する他の方法

「ルームメンバーの権限」でプレイヤー以上に指定されている人は、下記の方法でスクリーンパネルを追加することができます。

* 盤面の右クリックメニュー>**スクリーンパネルボタン**>画像選択
* 画面右下の<img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original"> **ボタン>\[**<img src="/files/-MSYJu1evayEzNBirL6r" alt="" data-size="original">**スクリーンパネルを追加] ボタン**>画像選択
* 画像を直接ドラッグ＆ドロップ
  {% endhint %}

{% hint style="info" %}

#### スクリーンパネル一覧ウィンドウの仕様

スクリーンパネル一覧ウィンドウには様々な操作を行なえます。

* 画像の表示順をドラッグ＆ドロップで並び替えることができます。
* ウィンドウを開くと画面中央に表示されますが、ウィンドウ上部をドラッグ＆ドラップすることで、位置を調整することができます。
* ウィンドウ左右や下部をドラッグすると、ウィンドウの幅や長さが変わります。
  {% endhint %}

***

### スクリーンパネルの配置 <a href="#set-screen-panel" id="set-screen-panel"></a>

盤面に追加されたスクリーンパネルの配置やサイズは、マウス操作で変更できます。追加したスクリーンパネルにカーソルを合わせ、移動や変形を試してみましょう。

<table><thead><tr><th width="271">形状・名称</th><th>説明</th></tr></thead><tbody><tr><td><img src="/files/-MSYOZi64FEHLOYq4qjG" alt="" data-size="original"> 移動カーソル</td><td>ドラッグでスクリーンパネルの配置を変更</td></tr><tr><td><img src="/files/-MSYTGlDRByESWWIepY-" alt="" data-size="line"><img src="/files/-MSYTBXkVQoc7MLexXyJ" alt="" data-size="original">拡大/縮小カーソル</td><td>配置したスクリーンパネルの大きさを変更</td></tr></tbody></table>

<figure><img src="/files/kpKaFZhVAkLhxJYVM6v5" alt="" width="563"><figcaption></figcaption></figure>

***

### スクリーンパネルの表示 / 非表示 <a href="#hide-screen-panel" id="hide-screen-panel"></a>

スクリーンパネル一覧の **\[**<img src="/files/-MSYiM4etqnfxC7AjoT7" alt="" data-size="original">**パネルの非表示 ]** ボタンで表示 / 非表示が切り替わります。\
例えば、スクリーンパネル一覧で「スクリーンパネル」と書かれた画像の<img src="/files/-MSYiM4etqnfxC7AjoT7" alt="" data-size="original">ボタンをクリックすると、下のように非表示となります。

<figure><img src="/files/WDSah3cbkMnXy3mVqGmU" alt="" width="563"><figcaption></figcaption></figure>

***

### スクリーンパネルのカスタム <a href="#panel-setting" id="panel-setting"></a>

以下の操作でスクリーンパネル設定ウィンドウを開くことができます。

* スクリーンパネルを右クリック→編集
* スクリーンパネルをダブルクリック(背面画像が設定されていない場合)

<figure><img src="/files/bWpL0vfrlJK4Iap2gInj" alt="" width="494"><figcaption></figcaption></figure>

各項目の概要は以下の通りです。

<table><thead><tr><th width="226">機能</th><th>説明</th></tr></thead><tbody><tr><td>①横幅・縦幅</td><td>設定されるスクリーンパネルの大きさ（横・縦）<br><code>幅「1」は24pxです。</code></td></tr><tr><td>②重なり優先度</td><td><p>表示の優先度</p><p>この値が大きいスクリーンパネルほど手前側に表示される</p></td></tr><tr><td>③メモ</td><td>パネルにマウスカーソルを合わせると表示されるテキストが設定できる<br><code>パネルが非公開になっている間は、カーソルを合わせてもテキストが表示されません。</code></td></tr><tr><td>④配置固定</td><td>パネルの位置とサイズを固定できる</td></tr><tr><td>⑤サイズ固定</td><td>パネルのサイズのみ固定できる</td></tr><tr><td>⑥地形パネルとして扱う</td><td>ショートカットキーによる操作を無効化できる</td></tr><tr><td>⑦画像選択</td><td>パネルに設定する画像が変更できる</td></tr><tr><td>⑧背面画像選択</td><td>パネル裏側の画像を設定し、表裏のあるカードを作れる</td></tr><tr><td>⑨高度な設定</td><td><a href="#clickaction"><strong>クリックアクション</strong></a>が設定できる</td></tr><tr><td>⑩削除</td><td>パネルを削除する</td></tr><tr><td>⑪保存</td><td>パネル設定を保存する</td></tr></tbody></table>

{% hint style="info" %}

#### 重なり優先度

重なり優先度の仕様は以下のようになっています。

* パネルを新しく追加すると、ルーム上存在する一番大きい値と同じ値に設定される
* 同じ値のスクリーンパネルだと、最後に操作したものが手前側に表示される
* 値をマイナスにすることで、前景よりも奥にパネルを配置できる
  {% endhint %}

***

### クリックアクション <a href="#clickaction" id="clickaction"></a>

パネルをクリックしたらチャットにメッセージが送信されるように設定することができます。

#### クリックアクションの設定

クリックアクションは、以下の手順で設定することができます。

1. **高度な設定**をクリック
2. **クリックアクション**をクリックし、**チャットに送信**を選択
3. **送信するテキスト**欄に送信したいテキストを記入

下の画像のようになっていたら設定完了です！

<figure><img src="/files/qqPw3IZxvvbLzsjFxWVv" alt="" width="491"><figcaption></figcaption></figure>

この状態で設定したスクリーンパネルをクリックすると、開いているチャットタブへ設定したテキストが送信されます。

<figure><img src="/files/jUEDckyIQ6eZlrJa2Hhz" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}

#### クリックアクションの活用例

クリックアクションを活用することで、よりスムーズにセッションを進めることができます！

* 送信するテキストにダイスコマンドを設定しておくと、クリックしたらダイスを振れるボタンになります。
* 送信するテキストに`/scene`コマンドを設定しておくと、シーンウィンドウを使用せずとも別な盤面へ進むことができます。
* 送信するテキストに`/pdf`コマンドを設定しておくと、クリックするだけでもココフォリア上でpdfを表示させることができます。
  {% endhint %}


# マーカーパネル

ココフォリアのマーカーパネルの使い方について

***

## マーカーパネル

マーカーパネルはスクリーンパネルと同様、資料をプレイヤーに共有したい時に便利な機能となっています。

ここではスクリーンパネルと異なる部分について紹介していきます。一部説明を省略しているため、ぜひ[スクリーンパネル](/gm-tutorial/screen-panel)を先にご覧ください。

***

### スクリーンパネルとマーカーパネルの違い

スクリーンパネルとマーカーパネルの最大の違いは、スクリーンパネルはシーンをまたいで表示され続けるのに対し、マーカーパネルはあるシーンだけで表示されるという点です。シーンを切り替えると、前のシーンに設定されていたマーカーパネルは表示されなくなります。

‌画面にずっと残したいものはスクリーンパネル、シーンの中だけで使いたいものはマーカーパネルというように、使い分けをすると良いでしょう。

| 機能       | 使い方                                           |
| -------- | --------------------------------------------- |
| スクリーンパネル | <p>ハウスルールの表示</p><p>共有メモの表示</p><p>ミニマップの表示</p> |
| マーカーパネル  | <p>地図上のアイコン</p><p>戦闘シーン用の装飾</p>               |

***

### マーカーパネルの追加 <a href="#add-maker-panel" id="add-maker-panel"></a>

マーカーパネルをヘッダーから追加する際は、**スクリーンパネル一覧**の右隣の**マーカーパネル一覧**アイコンをクリックしてウィンドウを表示させ、**＋ ボタン**をクリックします。

<figure><img src="/files/w1Pe21FYyM1i6xpPKbdE" alt="" width="343"><figcaption></figcaption></figure>

また、マーカーパネルは非表示設定にできません。

{% hint style="info" %}

#### マーカーパネルを追加する他の方法

「ルームメンバーの権限」でプレイヤー以上に指定されている人は、下記の方法でマーカーパネルを追加することができます。

* 盤面の右クリックメニュー→**マーカーパネルボタン**→画像選択
* 画面右下の<img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original"> **ボタン**→**マーカーパネルを追加ボタン**→画像選択
  {% endhint %}

***

### マーカーパネルのカスタム <a href="#edit-maker-panel" id="edit-maker-panel"></a>

[スクリーンパネルのカスタム](/gm-tutorial/screen-panel#panel-setting)と異なり、「地形パネルとして扱う」「背面画像設定」の設定ができません。


# ダイスシンボル

ココフォリアでダイスのアイコンを使う

***

## ダイスシンボル <a href="#what-dice-symbol" id="what-dice-symbol"></a>

ダイスシンボル機能は、ダイスのアイコンを盤面に配置して使用する機能です。\
表示するダイス目を操作する、ダイスを隠すといったことも可能です。

***

### ダイスシンボルの設置 <a href="#add-dice-symbol" id="add-dice-symbol"></a>

右下の <img src="/files/-MS3tKWmR_SDBSURNkz-" alt="" data-size="original">アイコン からメニューを開き、「ダイスシンボルを追加」をクリック。すると盤面にダイスが表示されます。

#### ダイスシンボルの表示

マウスカーソルを乗せるとダイスの持ち主が表示されます。持ち主として登録されているのは、ダイスを追加する際に選択されていたキャラクターです。その次の\[数字]はダイス目を表示しています。

<img src="/files/f9vvErQNjiZ2PweXzGMz" alt="" width="563">

***

### ダイスシンボルの編集 <a href="#edit-dice-symbol" id="edit-dice-symbol"></a>

#### 大きさの変更

マウスカーソルでダイスの端を掴んで引っ張ると、ダイスシンボルの大きさを変更できます。

#### ダイスシンボルの設定の変更

ダイスを右クリックするとダイスの編集メニューが開かれます(スマートフォンの場合はロングタップ)。\
他人のダイスを開いても編集メニューは表示されず、「隠す」か「削除」しかできません。

<figure><img src="/files/TkavdsCRMCjVSxyL2mgp" alt="" width="242"><figcaption></figcaption></figure>

<table><thead><tr><th width="206">機能</th><th>使い方</th></tr></thead><tbody><tr><td>ダイス</td><td>設置するダイスの種類を選択する<br><code>選択に応じてダイスの画像が変化します。D4、D6、D8、D10、D12、D20、D0(Blank)から選択できます。</code></td></tr><tr><td>値</td><td>表示される出目を選ぶ</td></tr><tr><td>隠す</td><td>ダイス目を非表示にできる<br><code>表示を消すと、ダイスの種類も出目も見えなくなります。再度クリックして隠すを解除すれば、値が見えるようになります。</code></td></tr><tr><td>削除</td><td>ダイスシンボルを盤面から削除する</td></tr></tbody></table>

***

### チャット機能との連携 <a href="#link-with-chat" id="link-with-chat"></a>

隠したダイスを公開する、またはダイス目を変更すると、チャットにログが流れます。

<figure><img src="/files/nyvhXyUdrdpKxddYopvu" alt="" width="563"><figcaption></figcaption></figure>


# カードデッキの作成

ココフォリアでカードデッキを使う

## カードデッキ

カードデッキはスクリーンパネルの拡張機能です。\
同じサイズのスクリーンパネルを重ねて、オリジナルのカードデッキを作成することができます。

***

### スクリーンパネルのデッキ化

以下の手順でスクリーンパネルをデッキ化できます！

1. 同じサイズのスクリーンパネルをぴったり重ねる<br>

   <figure><img src="/files/XtCkaHNzA7WiWul6KiwB" alt=""><figcaption></figcaption></figure>
2. 重なっているスクリーンパネルを右クリックし、**山札を作る**を選択する<br>

   <figure><img src="/files/kJynXq8XYj2jz0miBUHr" alt="" width="282"><figcaption></figcaption></figure>
3. 右クリック→編集→**背面画像設定**から画像選択画面を開き、デッキ内のカードに背面画像を設定する

<figure><img src="/files/x9WZX4iaGsyjbznWPGzU" alt="" width="507"><figcaption></figcaption></figure>

***

### デッキ編集機能

作成したデッキは、右クリック→**編集**から編集することができます。

<figure><img src="/files/ykzYZVxqHAc3yhcELOfn" alt="" width="507"><figcaption></figcaption></figure>

<table><thead><tr><th width="176">機能</th><th>概要</th></tr></thead><tbody><tr><td>①横幅・縦幅</td><td>設定されるデッキの大きさ（横・縦）<br><code>幅「1」は24pxです。</code></td></tr><tr><td>②配置固定</td><td>デッキの位置とサイズを固定できる</td></tr><tr><td>③サイズ固定</td><td>デッキのサイズのみ固定できる</td></tr><tr><td>④背面画像選択</td><td>背面画像を設定できる</td></tr></tbody></table>

***

### カードを作成してカードデッキに追加する

以下の手順でカードを作成してカードデッキに追加できます。

1. オモテ面にしたい画像を用いてスクリーンパネルを作成する
2. スクリーンパネルの大きさを追加先の山札の大きさに合わせる
3. 背面画像に追加先の山札と同じ画像を設定する
4. スクリーンパネルを山札の上に重ねる

{% hint style="warning" %}
スクリーンパネルのサイズや背面画像がカードデッキの設定と異なる場合、追加できません。
{% endhint %}

***

### 山札を合わせる

以下の方法で、2つの同じサイズの山札を混ぜることができます。

1. 山札をピッタリ合わせる
2. 右クリック→**山札を合わせる**をクリック

<figure><img src="/files/GtdbXXMd66XjgW86oT3z" alt="" width="250"><figcaption></figcaption></figure>

***

### トランプのデッキ

ココフォリアのルームにトランプのデッキを追加することができます。このデッキから引いたトランプはスクリーンパネルとして扱われます。

トランプのデッキを追加する方法は以下の通りです。

1. 右下の**鉛筆アイコン**からメニューを開く
2. **カードデッキを追加**をクリックする

盤面に54枚1組のトランプが追加されます。

<figure><img src="/files/76vvH9xgRfRv5KW4Ugr8" alt="" width="422"><figcaption></figcaption></figure>


# チャットタブの作成・削除

チャットタブの作成

## チャットタブの作成 <a href="#chat-tab" id="chat-tab"></a>

ココフォリアのチャットタブにはメイン・情報・雑談の3つがデフォルトで用意されていますが、タブを追加することもできます。

***

### タブの追加 <a href="#add-tab" id="add-tab"></a>

以下の通りに操作すれば、チャットタブを追加することができます。

１. タブの一番右に表示されている **＋ ボタン**をクリックする

<figure><img src="/files/qOMHiiJkeZLTvUKZjioO" alt="" width="419"><figcaption></figcaption></figure>

２. チャットタブ名を埋め、チャットタブの種類を選ぶ

<figure><img src="/files/EYsG2wPaDOGkKJlqCWGv" alt="" width="563"><figcaption></figcaption></figure>

３. **タブの作成**をクリックする

チャットタブの種類で**全体公開**にすると、従来通りのチャットタブが作成されます。\
**プライベート**にすると、選択したメンバーだけが見れるグループチャットを作成できます。

#### グループチャットの作成

チャットタブの種類でプライベートを選択すると、ココフォリアにログインしている状態で入室したことのあるメンバーが表示されます。グループチャットに参加してほしいメンバーにチェックを入れて**タブを作成**をクリックすると、グループチャットが作成されます。

<figure><img src="/files/cqxdiaaVXpfwiMCzlkCw" alt="" width="563"><figcaption></figcaption></figure>

作成したグループチャットタブは以下のように表示されます。上部にルームチャット参加者のアイコンが掲載される点、タブ名の左側に南京錠が表示される点が通常のチャットタブと異なります。

<figure><img src="/files/SWxbXLQJoGPQEH7P56OC" alt="" width="419"><figcaption></figcaption></figure>

{% hint style="warning" %}
ココフォリアにログインしていない状態で入室しているメンバーはグループチャットに追加できません。
{% endhint %}

***

### チャットタブの編集

チャットタブ名やタブの種類の変更、グループチャット参加者の追加や削除は以下の方法で行なえます。

1. 編集したいタブを開いた状態で、右上の **\[**<img src="/files/-MS3ygyX1sD3lGR3a0Et" alt="" data-size="original">**チャットメニュー] ボタン** をクリックする
2. メニューの中から**タブの編集**をクリックする

情報・雑談タブは編集できません。

***

### タブの削除 <a href="#delete-tab" id="delete-tab"></a>

タブを削除したい場合、以下のように操作してください。

1. 削除したいタブを開いた状態で、右上の **\[**<img src="/files/-MS3ygyX1sD3lGR3a0Et" alt="" data-size="original">**チャットメニュー] ボタン** をクリックする
2. メニューから**現在タブ削除**をクリックする

メイン・情報・雑談タブは削除できません。

***

### 秘匿チャット <a href="#direct-message" id="direct-message"></a>

秘匿チャットは、ルーム上で2人がお互いにしか見えないチャットを送信できる機能です。ルームに2人以上のユーザーがいる状態で使用することができます。

作成方法は[発言タブ](/pl-tutorial/room-chat/chat-tab#direct-message)ページをご覧ください。


# シナリオテキスト

シナリオテキスト機能について

## 長文をセッション中に打ち込むのは大変！

描写や情報の開示などで、セッション中に長文を送信したい場面は多々あるでしょう。シナリオテキスト機能を用いると、送信するシナリオテキストをあらかじめテキストを収納しておき、必要な時にチャットで送信することができます。

***

### シナリオテキスト一覧の表示

ルームヘッダー右上の **\[**<img src="/files/-MSTOOpB5ZYoQXF5ZtlZ" alt="" data-size="original">**シナリオテキスト一覧] ボタン**をクリックするとウィンドウが表示されます。

<figure><img src="/files/qgRhikk6zdPLXrDZHo5R" alt="" width="317"><figcaption></figcaption></figure>

***

### 新しいシナリオテキストの作成 <a href="#add-scenario-text" id="add-scenario-text"></a>

新しいシナリオテキストを作成する手順は以下の通りです。

1. **シナリオテキスト一覧**テキストの右にあ&#x308B;**＋**&#x306E;アイコンをクリックする
2. シナリオテキスト一覧の一番下に「新しいノート」が作成される
3. 「新しいノート」の内容を編集する

<figure><img src="/files/luKl3RYyWcKoTHPAoxhy" alt="" width="369"><figcaption></figcaption></figure>

***

### シナリオテキストを送信する <a href="#send-scenario-text" id="send-scenario-text"></a>

#### 一覧から送信

編集画面にある送信ボタンをクリックすると、チャットにシナリオテキストが送信されます。\
送信する際にタブを切り替えておけば、現在表示されているタブにシナリオテキストを送信できます。

<figure><img src="/files/XeB832JNJT2YwIkaWIyS" alt="" width="507"><figcaption></figcaption></figure>

#### チャット欄から送信

シナリオテキストはチャット欄から送信することもできます。

[チャットパレットの利用ページ](/pl-tutorial/character-edit/chat-pallet#use-chat-pallet)で紹介している方法と同様に、チャット入力欄に設定したシナリオテキストの一部の文章を入力すると、チャット入力欄上部にシナリオテキストが表示されます。\
テキストを選択すると、送信できるようになります。

{% hint style="info" %}

#### ふたつの送信方法の違い

**一覧から送信した場合**

シナリオテキストのタイトルが、送信した人の名前として表示されます。

**チャット欄から送信した場合**

現在アクティブ状態になっているキャラクターの名前が、送信した人の名前として表示されます。その時、シナリオテキスト一覧で設定したタイトルは反映されません。
{% endhint %}


# シーン

シーン機能について

## 場面切り替えを素早く行いたい！

ここまでで紹介した機能を複数用いる場合、セッション中の場面切り替えが煩雑になってしまいます。前景や背景を変えて、BGMを変えて……と操作が多く大変です。

シーン機能を用いると、セッション中にワンクリックで場面を切り替えることができます。

***

### シーン機能

シーン機能は、盤面を保存・反映する機能です。以下の要素をシーンとして保存できます。

* 前景・背景
* BGM
* マーカーパネル

また、それぞれのシーンに対し、以下の2つの要素を設定できます。

<table><thead><tr><th width="212">項目</th><th>説明</th></tr></thead><tbody><tr><td> シーンタイトル</td><td>シーン一覧で表示される名前</td></tr><tr><td>シーン切替テキスト</td><td>シーンを反映する際にメインチャットへ自動送信されるテキスト</td></tr></tbody></table>

***

### シーンの設定・削除 <a href="#add-scene" id="add-scene"></a>

#### シーンの作成

１. ルームヘッダー右上の <img src="/files/-MSSisUTA302bYKBNgmw" alt="" data-size="original"> **シーン一覧** ボタン をクリックし、 シーン一覧画面を表示させる

<figure><img src="/files/K06QCqZbvrB2OUJFPQky" alt="" width="317"><figcaption></figcaption></figure>

２. シーン一覧右上&#x306E;**＋ボタン**をクリックする

&#x20;現在の盤面が保存されている**新しいシーン**が作成されます。

<figure><img src="/files/eWWVMawce5tqTTbHdbCz" alt="" width="369"><figcaption></figcaption></figure>

新しいシーンは、シーン一覧の一番下、もしくは選択しているシーンのすぐ下に作成されます。\
デフォルトのシーンタイトルは「新しいシーン」です。

#### シーン名とシーン切替テキストの編集 <a href="#edit-scene" id="edit-scene"></a>

**シーンタイトル**をクリックすると、シーンタイトルとシーン切替テキストの編集画面が表示されます。

<figure><img src="/files/EgkX4sUd6kehhB6VSnlp" alt="" width="506"><figcaption></figcaption></figure>

ここでシーンタイトルとシーン切替テキストを設定できます。

#### シーンの上書き保存 <a href="#save-scene" id="save-scene"></a>

盤面設定を既にあるシーンに**上書き保存**することができます。変更したいシーンの **\[**<img src="/files/-MSSoAjBYB8kDCcjYVpt" alt="" data-size="original">**盤面を保存 ]** ボタンをクリックすると、現在の盤面の画像やBGMをシーンに上書き保存します。

上書き保存をしても、シーンタイトルとシーン切替メッセージはそのまま保持されます。

<figure><img src="/files/7tdwFipHZtOeFAGYPxhL" alt="" width="369"><figcaption></figcaption></figure>

{% hint style="warning" %}
シーンに保存されている要素(前景・背景・BGMなど)を個別に変更することはできません。保存したい状態に盤面を整えて、上書き保存で変更してください。
{% endhint %}

#### 削除

削除したいシーンの右側にある<img src="/files/-MS2sBxvrlcDIYQdEQmc" alt="" data-size="original">**削除**ボタンをクリックしてください。

<figure><img src="/files/MWROmf9U8kAp2GdArzRY" alt="" width="369"><figcaption></figcaption></figure>

{% hint style="info" %}

#### シーンの並び順変更

シーンをドラッグ＆ドロップすることで、シーンをリスト内の任意の位置に移動させることができます。
{% endhint %}

***

### シーンの反映 <a href="#use-scene" id="use-scene"></a>

シーン一覧のサムネイルをクリックすると、シーンを盤面へ反映できます。盤面に反映する項目を絞ることも可能です。

<figure><img src="/files/wCrazEkRWF5I6WkS5ff6" alt="" width="369"><figcaption></figcaption></figure>

<table><thead><tr><th width="310">項目</th><th>概要</th></tr></thead><tbody><tr><td>①サムネイルをクリック</td><td>シーンに保存されている要素を全て盤面に反映</td></tr><tr><td>②<img src="/files/-MSSq1PaiXv9b3MpCmjG" alt="" data-size="original"><strong>BGM無しで反映</strong></td><td>BGM以外の要素を盤面に反映</td></tr><tr><td>③<img src="/files/-MSSqA9S921GG3ZA5THq" alt="" data-size="original"><strong>テキスト無しで反映</strong></td><td>シーン切替テキスト以外の要素を盤面に反映</td></tr></tbody></table>


# カットイン

カットインについて

## 画像や音声を割りこませたい！

画像や音声を割り込ませ、一時的に表示・再生させたい場合、カットインが便利です。

カットインはプレイヤーの発言やダイスロールをトリガーに発生させることもできるため、セッションを華やかに盛り上げてくれることでしょう。

***

### カットインの作成 <a href="#add-cutin" id="add-cutin"></a>

以下の方法でカットインを作成することができます。

１. 画面上段に並んでいる <img src="/files/-MSTZEwmHbsx0XO3vMU4" alt="" data-size="original">**カットイン一覧**ボタンをクリックする

２. **カットイン一覧** 右上にあ&#x308B;**＋ ボタン**をクリックする

これで「新しいエフェクト」が追加されます。

***

### カットインの編集 <a href="#edit-cutin" id="edit-cutin"></a>

カットインの名称部分をクリックすると、編集画面が表示されます。

<figure><img src="/files/XLyISlZf0IZ9gvMOoBfq" alt="" width="514"><figcaption></figcaption></figure>

<table><thead><tr><th width="225">項目</th><th>概要</th></tr></thead><tbody><tr><td>①タイトル</td><td>カットインのタイトルを入力する</td></tr><tr><td>②画像設定</td><td>アップロードした画像をカットインとして設定する<br><code>クリックすると画像選択ウインドウが開き、画像を選択できます。</code></td></tr><tr><td>③音源を選択</td><td>アップロードした音源をカットインとして設定する<br><code>クリックするとBGM選択ウインドウが開き、音源を選択できます。</code></td></tr><tr><td>④Volumeバー</td><td>音量を調整する</td></tr><tr><td>⑤削除</td><td>カットインを削除する</td></tr></tbody></table>

***

### **カットインの再生** <a href="#play-cutin" id="play-cutin"></a>

カットインを再生する方法は3つあります。

* カットイン一覧から再生\
  カットイン一覧の <img src="/files/-MSTg0UMmaXvquKsWZS_" alt="" data-size="original">**ボタン**をクリックするとカットインを再生できます。
* 編集画面から再生\
  編集画面の**再生**ボタンをクリックすると再生できます。
* チャット末尾からカットインを再生\
  カットインのタイトルを末尾に記入してチャットを送信すると、カットインが再生されます。\
  `秘匿チャットタブに送信した場合は再生されません。`

カットイン以外の部分をクリックすると、即座に再生を終了させることができます。

{% hint style="info" %}

#### 画像のカットインを自動で終了させる方法

カットインに設定した音源の再生が終わるとカットインは自動で消える仕様になっています。\
音源を設定することで、画像のカットインの表示時間を設定できます。\
音源未設定時は、ユーザーが操作しない限りカットインは消えません。
{% endhint %}

***

### カットイン利用方法のアイディア

#### ダイスロールを目立たせる

カットインのタイトルを「成功」にすると、ダイスロールに成功するたびにカットインが再生されます。 これを応用して、クリティカル時に大成功！等のエフェクトを出すこともできます。 \
詳しくは立ち絵・差分の[チャット連携の応用](/pl-tutorial/character-edit/character-icon#advanced-chat-link)で説明しています。

#### SE再生ツールとしてカットインを使用する

画像をNOIMAGEのままにすることで、音源ファイルのみの再生ができます。\
「バキューン」と鳴るようなSEを登録しておけば、銃の発射に合わせてカットインを再生することで、SEを再生できます。

BGMも併せて使うことで、演出の幅が広がりますね！


# ルーム設定・ルーム機能

ルームマスターが行えるルーム設定・ルーム機能について

## ルーム設定・ルーム機能

盤面をエクスポートしたzipファイルの読み込みやルーム名の設定といったルームへの変更は、ルーム名(盤面左上)をクリックした時に表示されるメニューから行うことができます。

***

### ルーム設定・ルーム機能に関するメニューの説明

<figure><img src="/files/zwiUtq5V9Qo2ghDF8J5P" alt="" width="260"><figcaption></figcaption></figure>

<table><thead><tr><th width="216">機能</th><th>概要</th></tr></thead><tbody><tr><td>①友達を招待</td><td>一緒に遊ぶ人をルームに招待する<br><code>ルームマスター以外も利用できます。</code></td></tr><tr><td>②ルーム設定</td><td>ルーム設定を変更する</td></tr><tr><td>③ルーム変数</td><td>ルーム変数を追加・変更する</td></tr><tr><td>④セーブ・ロード</td><td>盤面の記録・読み込みをする</td></tr><tr><td>⑤ルームから退出</td><td>ルームから退出する<br><code>ルームマスター以外も利用できます。</code></td></tr></tbody></table>

#### ①友達を招待

一緒に遊ぶ人をルームへ招待します。詳しくは[こちら](/gm-tutorial/room-preparation#rmunisuru)を参照してください。

#### ②ルーム設定

{% content-ref url="/pages/ZCidDtGFVVjrsvtABWsB" %}
[ルーム設定](/gm-only/room-option/room-settings)
{% endcontent-ref %}

#### ③ルーム変数

{% content-ref url="/pages/j0gePdTnt8fFI2xnpB53" %}
[ルーム変数](/gm-only/room-option/room-variable)
{% endcontent-ref %}

#### ④セーブ・ロード

{% content-ref url="/pages/hMax3YVaL1JNylrin9JB" %}
[セーブ・ロード](/gm-only/room-option/save-load)
{% endcontent-ref %}

#### ⑤ルームから退出

クリックすると、マイルーム一覧(ゲストユーザーとして入室している場合はSigninページ)に移動します。


# ルーム設定

ルーム設定について

## ルーム設定をカスタマイズ

ココフォリアのルームには、カスタマイズできる設定がいくつもあります。\
状況に応じて使いやすくなるように設定しましょう！

***

### ルーム設定

ルーム名周辺をクリックした時に出るメニューで**ルーム設定**をクリックすると、以下のように表示されます。

<figure><img src="/files/4ZgrlAOnGkVBY1qJiGXJ" alt="" width="563"><figcaption></figcaption></figure>

#### ①概要

ルーム設定をカスタマイズできます。

{% content-ref url="/pages/313Tt2duIJvLjX9Y7sWd" %}
[ルームの概要](/gm-only/room-option/room-settings/room)
{% endcontent-ref %}

#### ②ルームデータ

ルームデータのインポートや共有ができます。\
`ルームデータの共有はCCFOLIA PROプランでのみ使用できる機能です。`

{% content-ref url="/pages/pD6XHnaAKbu5qe4Gzzzd" %}
[ルームデータ](/gm-only/room-option/room-settings/room-data)
{% endcontent-ref %}

#### ③メンバーリスト

メンバー権限を設定できます。また、ルームに入室したことのあるメンバーの確認もできます。

{% content-ref url="/pages/aGdMXiLZnnVeH4X8vcSF" %}
[メンバーリスト](/gm-only/room-option/room-settings/member-list)
{% endcontent-ref %}


# ルームの概要

ルームの概要について

## ルームの概要

ルームのカスタマイズはこちらのタブで行うことができます。ルーム名やパネルの配置位置の設定などが変更可能です。

***

### ルームの概要と設定

**概要**をクリックすると、以下のように表示されます。

<figure><img src="/files/FCDvZchboXHw67PhoZ5N" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="250">項目</th><th>概要</th></tr></thead><tbody><tr><td>①ルーム名</td><td>ルーム名を確認・変更できる</td></tr><tr><td>②ダイスボット</td><td>ダイスボットを選択する</td></tr><tr><td>③監視者モード</td><td>ルームマスターが全ての伏せられている情報を見通せる</td></tr><tr><td>④工事中モード</td><td>ルームマスター以外がルームに入室できないようにする</td></tr><tr><td>⑤自由配置モード</td><td>グリッドに関係なくパネルなどを配置する</td></tr><tr><td>⑥旧ダイス演出を利用する</td><td>メッセージウインドウの上にダイスを表示する</td></tr><tr><td>⑦BGMクロスフェード (Beta)</td><td>BGMを切り替えるとき滑らかにフェードする</td></tr><tr><td>⑧ルームを複製</td><td>ルームを複製する<br><code>CCFOLIA PROプランでのみ使用できる機能です。</code></td></tr></tbody></table>

***

### ルームの概要

#### ①ルーム名

どのシナリオのルームか判別しやすいようにルーム名を設定できます。

#### ②ダイスボット

クリックすると、コマンドを利用できるTRPGシステム一覧が表示されます。\
遊びたいTRPGシステム名があればそのシステムを、なければDiceBotを選択してください。\
検索タブも活用してください。

また、**選択中のダイスボットはこちら**をクリックすると、選択しているダイスボットで使用できるコマンドを確認できます。

***

### ルーム設定

右側のトグルボタンをクリックして青色にすると、その設定がONになります。例えば、工事中モードの設定をONにすると、以下のようになります。

<figure><img src="/files/G5K5aMKmLkPNLdcR0GdQ" alt="" width="563"><figcaption></figcaption></figure>

#### ③監視者モード

{% content-ref url="/pages/KfVQrlS6IbjPpzpxTteU" %}
[監視者モード](/gm-only/room-option/room-settings/monitoring)
{% endcontent-ref %}

#### ④工事中モード

工事中モードをONにすると、ルームマスターの画面下部に工事中モードが有効になった旨の表示が出ます。工事中モードがONの状態で権限が**プレイヤー**以下のメンバーがルームに入室すると、以下のように表示されます。

<figure><img src="/files/ayic3RZnzNt9ZOOGRzHX" alt="" width="563"><figcaption></figcaption></figure>

#### ⑤自由配置モード

{% content-ref url="/pages/nX01m2vJS92rZ4vVZMvq" %}
[自由配置モード](/gm-only/room-option/room-settings/free-layout)
{% endcontent-ref %}

#### ⑥旧ダイス演出を利用する

現在のデフォルト設定では、ルームチャットにダイスロールコマンドを送信すると、盤面にダイスが転がるようになっています。

<figure><img src="/files/MgkWi7Inc5qyIgHucAfd" alt="" width="563"><figcaption></figcaption></figure>

旧ダイス演出を利用するをONにすると、ダイスがメッセージウィンドウの上部に出るようになります。

<figure><img src="/files/CitppwhwyL4hFygvFqH9" alt="" width="563"><figcaption></figcaption></figure>

#### ⑦BGMクロスフェード (Beta)

BGMクロスフェードをONにすると、BGMが滑らかに切り替わる（クロスフェードする）ようになります。

***

### ルームを複製

#### ⑧ルームを複製 (CCFOLIA PRO機能)

右側の**ルームを複製**ボタンをクリックすると、「部屋の複製を開始します。」と表示されます。OKをクリックすると、複製が開始され、マイルームに移動します。\
複製されたルームはマイルームの左上に表示されます。

{% hint style="info" %}

#### ルームを複製

ルームの複製は、ルームマスターかつCCFOLIA PROプランに加入しているユーザーのみ利用できます。\
ルームデータ公開リンク機能を使って作成したルームや、CCFOLIA GAMES作品のルームなどを複製することはできません。
{% endhint %}


# 監視者モード

監視者モードについて

## 盤面全てを見通したい

どのプレイヤーがどのカードを持っているか把握したいなど、ルームマスターが盤面全てを見通したいことがあるでしょう。そのような場合に監視者モードが便利です。

***

### 監視者モード

監視者モードに設定すると、ルームマスター視点で以下の点が変わります。

* 盤面キャラクター一覧で**ステータスを非公開**にしている自分のコマのイニシアティブが数字で表示されるようになる
* 盤面キャラクター一覧で、**ステータスを非公開**にしている他の人のコマのイニシアティブやステータスバーが確認できる
* 他の人のコマが**ステータスを非公開**設定になっていてもダブルクリックで編集画面が開ける
* 裏面に画像が設定されていて**全体に公開**されていないスクリーンパネルの、表面の画像が透けて見えるようになる

#### 監視者モードOFF

<figure><img src="/files/AyvlYwESkUuqQTUPYeSr" alt="" width="406"><figcaption></figcaption></figure>

左上：ルームマスターのキャラクター(**ステータスを非公開**状態)\
左下：プレイヤーのキャラクター(**ステータスを非公開**状態)\
右：非公開状態のスクリーンパネル

#### 監視者モードON

<figure><img src="/files/BegSK7CCc36TAnpY1frM" alt="" width="399"><figcaption></figcaption></figure>

左上：ルームマスターのキャラクター(**ステータスを非公開**状態)\
左下：プレイヤーのキャラクター(**ステータスを非公開**状態)\
右：非公開状態のスクリーンパネル


# 自由配置モード

自由配置モードについて

***

## 画像を置く場所を微調整したい

デフォルトの設定だと、スクリーンパネルやマーカーパネルの配置はグリッドに依存しています。自由配置モードにすると、グリッドに依存せずパネルが配置されます(自由配置)。

***

### 自由配置モードを適用しない・する場合の比較

下の画像をスクリーンパネルとして配置してみます。

<div align="left"><figure><img src="/files/X5y6Z4VCrkb86QJYYPXK" alt="" width="188"><figcaption></figcaption></figure></div>

#### 自由配置モードをオフにした場合

<div align="left"><figure><img src="/files/kxna7hW3ECreMJ7eVJG1" alt="" width="275"><figcaption></figcaption></figure></div>

パネルをドラッグで動かした後に画像を離すと、グリッドにはまるよう配置されます。

#### 自由配置モードをオンにした場合

<div align="left"><figure><img src="/files/kEJwliLkNfbB5aWSNxr2" alt="" width="224"><figcaption></figcaption></figure></div>

パネルをドラッグで動かした後に画像を離すと、グリッドとは関係なくその場に配置されます。


# ルームデータ

ルームデータについて

## ルームデータをやりとりしたい！

配布されているルームデータを読み込んだり、他の人にルームデータを渡したりしたい場合に、このタブの機能が役に立つでしょう。

***

### ルームデータ

<figure><img src="/files/LOE7mTDH0HRAdWlntwg8" alt="" width="563"><figcaption></figcaption></figure>

<table><thead><tr><th width="272">機能</th><th>概要</th></tr></thead><tbody><tr><td>①ルームデータ公開リンク</td><td>ルームデータ公開リンクを発行し共有する<br><code>CCFOLIA PROプランでのみ使用できる機能です。</code></td></tr><tr><td>②ルームデータのインポート</td><td>配布されたルームデータのZIPファイルを読み込む</td></tr><tr><td>③ルームデータのエクスポート</td><td>ルームデータをZIPファイルとして出力する<br><code>CCFOLIA PROプランでのみ使用できる機能です。</code></td></tr></tbody></table>

***

### ①ルームデータ公開リンク

ルームデータ公開リンクを発行し共有することができます。また、ルームデータを公開している部屋は右側に<img src="/files/4arMuZfSZCmtA5YREyrZ" alt="" data-size="line">マークが表示されます。

#### 発行方法

**公開リンクを発行**をクリックすることで、データ公開URLが発行されます。

#### ルームデータ公開リンクの使用方法

**公開リンク**をブラウザで開くと、ルーム情報と**新規ルーム作成**のボタンが表示されます。\
この時、ココフォリアのアカウントにログインしていなければ、ログインが求められます。

#### 仕様

ルームデータ公開リンクを用いても、音源ファイルのデータや設定は反映されません。

データ公開URLを発行した後、公開中のルームデータを更新・削除することができます。\
詳しくはルームデータ公開リンク発行後の説明をご確認ください。

***

### ②ルームデータのインポート

ルームデータのZIPファイルを読み込む際、盤面へのドラッグ＆ドロップだけでなく、ルームデータのインポート機能を利用することができます。この機能を用いると、スマートフォンをご利用の場合でもZIPファイルを読み込めます。また、盤面へのドラッグ＆ドロップでZIPファイルが読み込めない場合、この機能を用いたらうまく読み込めることもあります。

#### 使用方法

**インポート**をクリックしてファイルを選択する。

***

### ③ルームデータのエクスポート

ルームデータをZIPファイルとして出力することができます。このZIPファイルをルームに読み込ませると、出力したルームが再現されます。

#### 使用方法

1. **エクスポート**をクリックする
2. エクスポートしない内容の選択を外す
3. 画面下部の**エクスポート**をクリックする
4. ルームデータのZIPファイルがダウンロードされる

#### 仕様

音源ファイルは出力されません。


# メンバーリスト

メンバーリストについて

***

## メンバーリストとルームメンバー権限

メンバーリストでは、ログインしたことのあるメンバーを確認することができます。また、ルームメンバー権限を設定し、メンバーごとに操作できる機能を変更することが可能です。ルームマスターの手伝いをお願いしたい、見学者の誤操作を防止したいなどといった場合に便利でしょう。

***

### メンバーリスト

メンバーリストは以下のように表示されます。

<div align="left"><figure><img src="/files/y388DyCMkhd6W0CNr4R6" alt=""><figcaption></figcaption></figure></div>

これまで入室したことがある人全員が表示されます。ユーザー欄の右側に表示される<img src="/files/oOwqERCFaozs47yr9iec" alt="" data-size="line">をクリックすると、メンバーリストから削除することができます。

***

### ルームメンバー権限の設定

ルームメンバー権限には「サブマスター」「プレイヤー」「見学」「アクセス不可」があります。それぞれの権限の詳細は**権限の詳細はこちら**のリンクより確認してください。

#### 個別に設定したい場合

ユーザー名の右側のプルダウンから権限を設定できます。

#### 一括で変更したい場合

**デフォルトの権限**のプルダウンを利用すると、「ルームのデフォルトの権限」と設定されているメンバーの権限を一括で変更できます。


# ルーム変数

ルーム変数について

## 全てのキャラクターに適用される変数を設定したい

判定に関係する値など、シナリオ中キャラクター全員に関わる変数を管理したい場合、ルーム変数機能が便利です。

***

### ルーム変数の設定・削除

左上のルーム名をクリックした時に出るメニュー&#x3067;**「ルーム変数」**&#x3092;クリックすると、ルーム変数設定画面が表示されます。

<figure><img src="/files/ijy9rOJHA5RoC1eBg21W" alt="" width="563"><figcaption></figcaption></figure>

右上&#x306E;**＋ボタン**をクリックし、ラベルと値を記入します。

<figure><img src="/files/BIU7yCmiG7iNm3sDpXhS" alt="" width="563"><figcaption></figcaption></figure>

ルーム変数を削除したい場合、右上&#x306E;**－ボタン**をクリックしてください。

{% hint style="info" %}

#### ルーム変数をコマンドで設定・変更する

`/ var [ラベル] ［値］`とチャット欄に入力して送信すると、設定画面を開かなくてもルーム変数の新規作成や値の変更ができます。

例えば、変数が設定されていない状態で`/ var 強度 3`と入力すると、上の画像と同じルーム変数が設定されます。さらに`/ var 強度 5`と入力すると、ルーム変数{強度}の値が5に変更されます。

また、**`/ var [ラベル]`** と入力すると、指定されたラベルが削除されます。
{% endhint %}

{% hint style="info" %}

#### クリックアクションの利用

コマンドを毎回チャット欄に入力して送信するのは手間だという場合、クリックアクションにコマンドを設定したスクリーンパネルを準備しておくといいでしょう。\
[クリックアクション](/gm-tutorial/screen-panel#clickaction)の項目も参考に設定してみてください。
{% endhint %}

***

### ルーム変数の利用

ルーム変数編集画面を閉じ、チャット欄に{ラベル}と打ち込んで送信すると、設定した値を呼び出すことができます。

<figure><img src="/files/aqFnOkw4wOiNW3gJPkwS" alt="" width="419"><figcaption></figcaption></figure>

上の画像のように入力して送信すると、チャットに値が出力されます。

<figure><img src="/files/H35uRiR1ZN4XNDTnoUBr" alt="" width="401"><figcaption></figcaption></figure>

例えば、1d20を振り**変動する目標値以上**の値が出ると成功する判定がシナリオ中にたくさんある場合、次のように準備してみてください。

プレイヤー側の準備\
チャットパレットに以下のコマンドを追加しておく\
`1d20>={目標値}`

ルームマスター側の準備\
判定ごとに{目標値}というルーム変数の値を変更する

判定の際にプレイヤーが`1d20>={目標値}`をチャットパレットから呼び出せば、判定の時短になると同時に、ダイスロールの成功・失敗が一目で分かるようになります。

{% hint style="info" %}

#### ステータス・パラメータ・ルーム変数の優先順

この3機能で設定する値は、ルームチャットで{ラベル}を入力すると呼び出すことができます。ステータス、パラメータ、ルーム変数のうち2つ以上に同じラベル名を設定した場合、呼び出される値の優先順は

①ルーム変数\
②ステータス\
③パラメータ

となっています。

例えば、ルーム変数とステータスに同じラベルの変数を設定した場合、ルーム変数に設定した値が呼び出されます。
{% endhint %}


# セーブ・ロード

セーブ・ロード機能について

## 盤面を保存しておきたい！

セーブ・ロード機能を用いると、ある盤面を記録しておいて、後で呼び出すことができます。同じルームをもう1度使用したい場合に初期状態を記録しておいたり、スクリーンパネルの位置を一括で変更する必要がある場合にシーン機能の代わりにしたりと、幅広く利用できます。

***

### セーブ機能の使用方法

セーブ機能の使用方法は以下の通りです。

1. 左上のルーム名をクリックした時に出るメニューで**セーブ**をクリックする
2. セーブしたいスロットをクリックする

<figure><img src="/files/oGBDQcRTlFQRFiZ3Os2P" alt="" width="563"><figcaption></figcaption></figure>

3. セーブデータ名を入力する画面が出るので、入力して**保存**をクリックする

<figure><img src="/files/HasDGHx4JnDNmS9V5nX9" alt="" width="563"><figcaption></figcaption></figure>

セーブが完了すると、以下のように表示されます。

<figure><img src="/files/EzwnxOsOdaV2qZANx0ZX" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="info" %}

#### /save コマンド

ルームチャットに`/save [セーブデータ名]` と送信すると、その時の盤面が\[セーブデータ名]のスロットに記録されます。

例えば、セーブデータが上の画像の状態の場合、`/save セーブデータ1`と入力すると、現在の盤面が**セーブデータ1**の記録に上書きされます。
{% endhint %}

***

### ロード機能の使用方法

ロード機能の使用方法は以下の通りです。

1. 左上のルーム名をクリックした時に出るメニューで**ロード**をクリックする
2. 下のように表示されるので、読み込みたいデータをクリックする

<figure><img src="/files/FyZhumfFEuMNBjBkTNxn" alt="" width="563"><figcaption></figcaption></figure>

3. 確認画面が表示されるので、**OK**をクリックする

セーブデータがロードされ、盤面がセーブ時の状態に戻ります。

{% hint style="info" %}

#### /load コマンド

ルームチャットに`/load [セーブデータ名]` と送信すると、記録されている盤面が呼び出されます。

例えば、セーブデータが上の画像の状態の場合、`/load セーブデータ1`と入力すると、**セーブデータ1**に記録されている盤面が読み込まれます。
{% endhint %}

{% hint style="info" %}

#### セーブデータの数

記録しておけるセーブデータは3個までとなっています。
{% endhint %}

***

### セーブ・ロード機能の使用例

#### ロード機能使用前

<figure><img src="/files/vK8uTiem8Ked4QfciUoh" alt="" width="563"><figcaption></figcaption></figure>

#### ロード機能使用後

<figure><img src="/files/IFQYhEmPt61iFxxkK307" alt="" width="563"><figcaption></figcaption></figure>

セーブ機能では、BGMやキャラクターコマを含めた盤面データが保存されます。


# CCFOLIA GAMES

ココフォリアにはすぐに遊べるゲームが準備されています。

## CCFOLIA GAMES

ココフォリアは、TRPGのツールとしてだけでなく、内部でゲームを購入して遊ぶという使い方もできます！

***

### ゲームの購入

以下の方法でゲームを購入することができます。

1. ココフォリアのトップページで**ストア**タブをクリック
2. ゲームのサムネイルが表示されるので、遊びたいゲームのサムネイルをクリック
3. 概要や推奨環境を確認後、**購入する**をクリック
4. 表示されるページにメールアドレスとカード情報を入力
5. **支払う**をクリック

支払いが完了すると自動でココフォリアのページに戻り、購入完了画面が表示されます。**ライブラリに移動**もしくは**閉じる**をクリックしてください。

<figure><img src="/files/ArH8IXAuxGwnh6KTRxMt" alt="" width="334"><figcaption></figcaption></figure>

購入した作品は**ライブラリ**タブから確認することができます。


# ゲームで遊ぶ

購入したゲームで遊ぶ方法について

## CCFOLIA GAMESのゲームで遊ぶ

ゲームを購入後、以下の準備をすれば遊ぶことができます。

1. ゲームで遊ぶための[ルームを作成する](#rmuno)
2. 一緒に遊ぶ人を[ルームに招待する](#rmunisuru)

***

### ルームの作成方法

ゲームのルームを作成する方法は以下の通りです。

#### ライブラリタブから作成する

1. **ライブラリ**タブで遊びたいゲームをクリック
2. **新しいルームを作成する**をクリック

#### ストアタブから作成する

1. **ストア**タブで遊びたいゲームをクリック
2. **ライブラリに移動**をクリック
3. **新しいルームを作成する**をクリック

#### 購入完了画面から作成する

1. 購入完了画面で**ライブラリに移動**をクリック
2. **新しいルームを作成する**をクリック

**新しいルームを作成する**をクリックした後に少し待つと、ルームが作成されます。

#### 追加・拡張コンテンツが販売されているゲームのルームを作成する

GAMESで追加・拡張コンテンツが販売されている作品もあります。追加・拡張コンテンツがある作品のルームを作成する場合、**新しいルームを作成する**をクリックすると追加・拡張コンテンツを選択する画面が出ます。使用したいコンテンツの左側にチェックを入れ、**ルームを作成する**をクリックしてください。

<figure><img src="/files/zhEjrzdSxR7fClX133SK" alt="" width="375"><figcaption></figcaption></figure>

{% hint style="info" %}

#### 追加・拡張コンテンツの確認方法

追加・拡張コンテンツは、ライブラリタブから追加先のゲームのサムネイルをクリックすると、ページ下部に表示されます。

また、ルーム作成後に左上のタイトル周辺をクリックして表示されるメニューから**ゲームの拡張**を選択すると、表示されます。
{% endhint %}

{% hint style="info" %}

#### 前回作成したルームで遊ぶ

以前に同じゲームでルームを作成していた場合、ライブラリタブでゲームのサムネイルをクリックすると**前回作成したルームに入室する**というボタンが表示されます。こちらをクリックすると、新しいルームを作らなくてもルームに入室することができます。同じメンバーで複数日遊ぶときなどに便利です！
{% endhint %}

***

### ルームに招待する

作成したルームに招待すると、複数人で一緒に遊ぶことができます。\
ルームへ入室してもらうには、以下のどちらかの手順を踏んでもらう必要があります。

* ルーム招待URLを一緒に遊ぶプレイヤーに共有し、開いてもらう
* ルームIDを一緒に遊ぶプレイヤーに共有し、入力してもらう

#### ルーム招待URLやルームIDを確認する

以下の方法でルーム招待URLやルームIDを確認することができます。

1. 画面左上のルーム名をクリック
2. 友達を招待をクリック

<figure><img src="/files/hKSWIXA1bLiua3vN0q4b" alt="" width="375"><figcaption></figcaption></figure>

3. 以下の画面からルーム招待URLやルームIDを確認する

<figure><img src="/files/CMYHX25knF8C3xg6aoeL" alt="" width="375"><figcaption></figcaption></figure>

#### ルームIDの入力

ルームIDを以下のように使用すると、入室することができます。

1. ココフォリアにログイン
2. マイルーム一覧上部にある**部屋IDを指定して入室**欄に入力し、Enterを押す

{% hint style="danger" %}

#### ルーム招待URLやルームIDの公開

ルーム招待URLやルームIDを知っている人は誰でもルームにアクセスできてしまうため、不特定多数が見る可能性のある場所で共有することは推奨しません。
{% endhint %}


# ココフォリアの操作

ゲームで必要となる操作について

## ルームを作成したけど、この後どう操作したらいいの?

CCFOLIA GAMESで販売されているゲームで遊ぶ時、カードを引く、トークンを動かすといった操作が必要になることがあります。ここに書いてある内容を見れば、だいたいのゲームで遊べます！\
直感的に操作できるので、すぐに覚えられるでしょう。

***

### 画面の操作

盤面の全体を俯瞰して見る、拡大してみる、端の方を見るといった操作をしても、ルーム内の他のメンバーの表示に影響しません。盤面が小さい、大きい、見切れているといった場合は自由に調整してみてください！

* **盤面の移動**\
  盤面の適当なところをドラッグすると、盤面全体をまとめて動かすことができます。\
  この時、アイテムをドラッグしないように気をつけましょう。
* **盤面の拡大・縮小**\
  以下の操作で盤面を拡大・縮小できます。\
  ・マウスホイールを回転させる\
  ・画面右下の虫眼鏡マークをクリックする\
  ・虫眼鏡マークの間にあるバーを上下させる

***

### プレイヤー名の変更

プレイヤー名を変更することで、誰がどのカードを所有しているか分かりやすくなります。変更方法は以下の通りです。

1. ルームチャットを表示させる\
   ルームチャットはデフォルトで画面右側に表示されます。表示されていない場合は画面右上の<img src="/files/5zrbOlweSilWbIrpU1X7" alt="" data-size="line">をクリックしてください。
2. 画面右下にあるnonameと表示されている部分の名前を変更する\
   下の画像の四角で囲まれている部分にプレイヤー名を打ち込むと、名前を変更できます。

<figure><img src="/files/ZhKGC9OksQhvXf1SpqPd" alt="" width="423"><figcaption></figcaption></figure>

***

### 駒の操作

アイテムの中には、名前を自由に設定できる駒が存在します。この駒に対して操作を求められることがあります。

#### 名前を変更する

駒を右クリック→**編集**から編集画面を開くことができます。上の方にある名前を編集することで、名前を変更することができます。

#### 自分のものにする

駒を右クリック→**自分のものにする**をクリックすると、駒を自分のものにすることができます。

#### 駒を選択する

駒を選択すると、選択した駒の画像とキャラクター名をチャットやプレイヤー名に反映させられます。\
下の画像の四角で囲まれている部分をクリックすると、**自分のものにする**をしたキャラクターを選択できます。

<figure><img src="/files/ftBv73ESpbH0W3oaSydE" alt="" width="423"><figcaption></figcaption></figure>

***

### アイテムの操作

アイテムの移動、拡大表示、アイテムの公開・非公開といった操作をすることがあります。

#### アイテムの移動

アイテムはドラッグ＆ドロップで移動させることができます。ドラッグ＆ドロップしようとした時にパネルが動かず画面全体が動いた場合、パネル自体が動かせないように設定されている可能性があります。

#### 拡大表示

パネルを拡大して見ることができます。画像を右クリックし、**拡大表示**をクリックしてください。

<figure><img src="/files/DLOW6601B3JNsDx3hbJf" alt="" width="226"><figcaption></figcaption></figure>

拡大表示を終了したい場合は、拡大表示画像右上の×印をクリックしてください。

#### パネルの公開・非公開

裏表に画像が設定されているアイテムは、オモテを見たりウラにもどしたりすることができます。アイテムを右クリックした後に公開・非公開などを選択すると、アイテムを裏返すことができます。

<figure><img src="/files/phXxZPoh6ryt7A36QYmV" alt="" width="225"><figcaption></figcaption></figure>

**全体に公開する：**&#x5168;員からオモテ面が見えているわけではないアイテムを全体に公開する\
**非公開にする：**&#x30AA;モテ面が見えているアイテムを誰も見ていない状態に戻す\
**自分だけ見る：**&#x30A6;ラ面が見えているアイテムのオモテ面を自分一人で確認する

***

### カードデッキの操作

カードデッキを右クリックすると、次のようなメニューが表示されます。

<figure><img src="/files/OPc5JTcAx42BYSHxfNzU" alt="" width="192"><figcaption></figcaption></figure>

**1枚引く：**&#x31;枚だけ引く\
**10枚引く：**&#x4E00;度に10枚引く\
**裏向きのまま1枚引く：**&#x30AA;モテを見ないようにして1枚引く\
**全て集める：1**ゲーム終了後などに全てのカードを回収する

また、引いたカードは[アイテムの操作](#aitemuno)と同様に操作することができます。

***

### ロード

ゲーム中に間違ってアイテムを削除してしまったなど、ゲーム開始前の盤面に戻したいとき、ロード機能が便利です。この機能は初期設定だとルーム作成者しか使用できません。\
ロード方法は以下の通りです。

1. 画面左上のルーム名をクリックし、ロードを選択してください。

<figure><img src="/files/bDsvPWgfy34BTXBwGXIp" alt="" width="239"><figcaption></figcaption></figure>

2. 保存されているデータが表示されるので、その内一番上をクリックすると、盤面が初期状態に戻ります。

{% hint style="info" %}

#### セーブ

BGMを設定したり拡張機能を追加して盤面を作成したりしている場合、遊ぶ前に盤面データをセーブしておくと、後でロードする時に反映されるので便利です。

セーブ機能の使用方法は[セーブ・ロード](/gm-only/room-option/save-load)をご確認ください。
{% endhint %}


# ５分でわかる！PL向け卓準備

突然「今日のセッションはココフォリアでやります！」と言われても大丈夫。基本の使い方が5分でわかるチュートリアルをご用意しました。

## ゲストモードで参戦！

アカウント登録している時間がない？ではゲストモードをご利用ください！

***

### ルームに参加！

お使いのブラウザにGMからもらったURLをペーストしましょう。\
そこは既にセッション会場です！

<img src="/files/01nEDEtpipzuz87mgxWD" alt="" width="563">

***

### キャラクターを作成しよう！

セッション開始まであと4分でも、十分間に合います。素早くコマを作りましょう！

1. 画面右上の <img src="/files/-MS3e3xqRpzGEX6bCpFl" alt="" data-size="original">**マイキャラクター一覧**  をクリックする
2. マイキャラクター一覧の **＋ ボタン** から新しいキャラクターを追加する

<figure><img src="/files/FyGT63HziX8sVbru3UE6" alt="" width="358"><figcaption></figcaption></figure>

キャラクター編集タブが開きます。

***

### キャラクター編集だ！

<img src="/files/62p2G4gZImyk8lNtxLgt" alt="" width="563">

<table><thead><tr><th width="253">項目</th><th>説明</th></tr></thead><tbody><tr><td>①キャラクター画像</td><td>キャラクターのイメージは決まっていますね？<br>クリックして、画像をドラッグ＆ドロップしましょう。</td></tr><tr><td>②イニシアティブ</td><td>行動値を入力しましょう。行動順が一目で分かります！</td></tr><tr><td>③ステータス</td><td>ゲーム中に変動するリソースをここに。</td></tr><tr><td>④チャットパレット</td><td>キャラシツールから生成しましたか？ではここにペーストを。</td></tr><tr><td>⑤盤面に追加</td><td>あなたのキャラクターを召喚！</td></tr></tbody></table>

⑤まで終わったらタブを閉じ、画面右下のメッセージ入力欄付近にある![](/files/GbExs4fevlRirbgfoN3W)をクリックして作成したキャラを選択しましょう！

***

## チャットを送信しよう！

右下にメッセージウインドウがあります。試しに挨拶を入力して**送信**してみましょう。

これで今日のセッションに挑む準備ができました。\
飲み物の準備は済ませましたか？それではお楽しみください！

{% hint style="info" %}
気に入っていただけたでしょうか。\
[アカウント登録](/setup/settings)をするともっと便利です。簡単ですよ！
{% endhint %}


# 15分でできる！GM向け卓準備

「ココフォリアを使ってみたいけど何だか難しそう」そんなことはありません！初めてでも15分あれば、セッションの用意ができます。

## さあ、はじめよう！

細かい話は後にして、まず[ココフォリア](https://ccfolia.com/)にアクセスし、今すぐはじめるをクリック！\
画面下部の**新規アカウント作成**をクリックして、メールアドレスとパスワードを登録するか、X(旧twitter)やGoogleアカウントで認証を行い、アカウントを作成しましょう！

{% hint style="info" %}

#### メールアドレス登録とSNS認証、どっちがいい？

メールアドレスを登録すると、SNSのアカウントが使えないときでも問題なくココフォリアを利用できます。\
SNS認証にすると、パスワード管理の手間が減ります。\
お好みの方法を使いましょう！
{% endhint %}

***

### 自分だけのルームを作ろう！

まずは、ルームを作成してみましょう。

1. [ホーム画面](https://ccfolia.com/home) 右下&#x306E;**＋ボタン**をクリック
2. ルーム設定画面が表示される<br>

今回設定するのはたった2つだけ！

<table><thead><tr><th width="233">項目</th><th>説明</th></tr></thead><tbody><tr><td>①ルーム名</td><td>プレイするシナリオ名などを入力しましょう。</td></tr><tr><td>②ダイスボット</td><td><p>今日のセッションのシステムを選びましょう！</p><p>検索タブを利用すると時短になります。</p></td></tr></tbody></table>

<img src="/files/g4yyU6d3QvSHEa4Kon1i" alt="" width="563">

設定したら、③閉じるをクリックしましょう！

左上のサムネイルをクリックすると、真っ暗な画面が表示されているはずです。

***

### 背景を設定しよう！

まず何もないところをダブルクリックしてみましょう。

画像選択画面が開きましたね！\
自分のフォルダにある秘蔵の画像をドラッグ＆ドロップしましょう。\
急いでいる？もちろん複数枚だって一度に追加できます。

<figure><img src="/files/xg50qWtEgzJgegglmQ13" alt="" width="563"><figcaption></figcaption></figure>

画像をクリックするだけで前景や背景が設定できます！\
ダブルクリックした場所に格子があったら前景が、格子がなかったら背景が設定されます。

<img src="/files/JHyqgfQHxFnqPlRUUeym" alt="" width="563">

<table><thead><tr><th width="233">項目</th><th>説明</th></tr></thead><tbody><tr><td>③前景</td><td>パネル(格子状の部分)にのみ設定される画像</td></tr><tr><td>④背景</td><td>画面全体に設定される画像</td></tr></tbody></table>

***

### マップを配置しよう！

今回のシナリオにマップがあるだって？しかも複数？\
そんなとき、スクリーンパネルはうってつけです。\
ココフォリアにはスクリーンパネルを複数配置することができます！

1. 画面上部の<img src="/files/-MSX_DQKWXlzmgICAD2i" alt="" data-size="original">**スクリーンパネル一覧**を表示
2. **スクリーンパネル一覧**ウインドウ右上にある **＋ ボタン** から、画像を選択

画像を選択すると、盤面にスクリーンパネルが追加されます。

<img src="/files/1bCDgouPe08sr8kA0EkW" alt="" width="563">

マウス操作で移動や変形を試してみましょう。

スクリーンパネルにマウスカーソルを合わせると形状が変化し、次のような操作ができます。

<table><thead><tr><th width="274">形状・名称</th><th>説明</th></tr></thead><tbody><tr><td><img src="/files/-MSYOZi64FEHLOYq4qjG" alt="" data-size="original"> 移動カーソル</td><td>ドラッグでスクリーンパネルの配置を変更</td></tr><tr><td><img src="/files/-MSYTGlDRByESWWIepY-" alt="" data-size="line"><img src="/files/-MSYTBXkVQoc7MLexXyJ" alt="" data-size="original">拡大/縮小カーソル</td><td>配置したスクリーンパネルの大きさを変更</td></tr></tbody></table>

完璧な配置ができましたか？忘れずに右クリックから**配置固定**しましょう。

スクリーンパネル一覧でスクリーンパネルそれぞれに設定されている <img src="/files/-MSYiM4etqnfxC7AjoT7" alt="" data-size="original">**パネルの非表示**ボタンで、非表示に切り替えられます。\
これで、PLが敵のアジトを探し当ててからマップを公開できますね！

***

### 敵NPCを事前に作っておく

すでに[５分でわかる！PL向け卓準備](/tutorial/pl-rta)をご覧になった方もいらっしゃるかもしれませんが、同じ要領で敵NPCを作成しておくことができます。

さらに、敵NPCのステータスを見えなくすれば、緊張感が高まるでしょう！\
ステータスを非公開にすれば、残りHPやイニシアティブはPLから確認できなくなります。

<img src="/files/JIK8kgGoGJ1JQ2ForcQQ" alt="" width="563">

一度配置した後にキャラクターを右クリックして**しまう**を選択すれば、キャラクターが盤面からいなくなります。次に**盤面に追加**した際、同じ場所に出現します。\
事前にキャラクターを配置しておくとスムーズでしょう！

***

### さあ、セッションを開始しよう

ルームの準備は整いましたか？ではルームのURLをPLに共有しましょう！\
これだけで、準備したルームでPLと一緒に遊ぶことができます。

## それでは、よいセッションを！


# １分で遊べる！CCFOLIA GAMES

ストアでのゲームの購入後、このページの通りに操作してみてください！

## ゲームを購入してみた！この後どうする？

ゲームを遊ぶためのルームを作成して友達を招待すれば、ゲーム開始の準備が整います。\
ルームの作成方法は複数ありますが、このページでは、購入した商品を確認できる**ライブラリタブ**から作成する方法を紹介します。

***

### ライブラリタブを開く

まずは**ライブラリ**タブに移動しましょう。

1. ココフォリアにログインする
2. 左上に**マイルーム**、**ストア**、**ライブラリ**というタブがあるので、**ライブラリ**を選択する

<figure><img src="/files/3MyqYxV55O47bcoBci4e" alt="" width="563"><figcaption></figcaption></figure>

***

### ルームを作成する

ゲームを遊ぶためのルームを作成しましょう。

1. 遊びたい商品のサムネイルをクリックする

<figure><img src="/files/XX0x539hmMVz8ljAn1L9" alt="" width="563"><figcaption></figcaption></figure>

2. **新しいルームを作成する**をクリックする
3. 新しく作成したルームへ移動する旨の表示が出たら**OK**をクリックする

作成されたルームに入室し、ゲームの盤面が見れるようになります。

***

### 友達を招待する

一緒に遊ぶ人をルームに招待すれば準備完了です！

1. 画面左上の表示をクリックする

<figure><img src="/files/QXg0AsaCuGvO0quCWaCP" alt="" width="255"><figcaption></figcaption></figure>

2. 表示されるメニューの一番上にある**友達を招待**をクリックする

<figure><img src="/files/QYxGKbvfjQ3Qv5TQWLH5" alt="" width="245"><figcaption></figcaption></figure>

3. 表示されたルーム招待URLを一緒に遊ぶ人に共有する

URLを共有された人は、リンクをクリックするだけでルームに入室することができます。\
アカウント登録の必要はありません。

{% hint style="danger" %}

#### ルーム招待URLの公開

ルーム招待URLを知っている人は誰でもルームにアクセスできてしまうため、不特定多数が見る可能性のある場所で共有することは推奨しません。
{% endhint %}

あとは招待した人の入室を待てばOKです！

***

### 盤面の操作

遊ぶゲームによっては盤面の操作が必要となります。\
操作が分からない場合は以下を参考にしてください！

#### パネルの移動

ドラッグ＆ドロップでパネルを移動させることができます。

#### トークン・カードなどの操作

[パネル・カードデッキ](/pl-tutorial/panels)

#### コマの編集

[キャラクターの基本的な設定項目](/pl-tutorial/character-edit/basic#basic-parameter)


# v1.28 リリース情報

2023/11/14にココフォリアのアップデートが入りました！

#### v1.28.0 アップデート内容

#### ■機能

* [ルームメンバー権限管理機能の追加](/update/v1.28/permissions-management)
* [前景・背景の自動トリミング機能の追加](/update/v1.28/trimming)
* [パスワードログイン機能の追加](/update/v1.28/password-login)
* [自由配置モードの追加](/update/v1.28/free-layout)

#### ■修正

* [ルーム設定などを中心に一部UIが変更されました](/update/v1.28/ui)

#### ■他

* 依存ライブラリのアップデート・ファイルサイズ最適化
* /play コマンドの YouTube 再生機能がBASICプランで利用可能になりました。\
  `/play [URL]` で指定したURLの**YouTube動画**を再生することができます。\
  (ルームマスターとサブルームマスターのみ。また、クラウド等に格納した動画ファイルの再生はPROプランのみのまま変更ありません。)


# ルームメンバー権限管理機能

ルームメンバーに権限が設定できるようになりました。

***

## ルームメンバー権限

v1.28で、ルームに参加した人それぞれに設定できる「ルームメンバー権限」を追加しました。ルームマスターはルームメンバーの権限を設定・変更することができます。

この機能の追加で、具体的には次のようなことができるようになります。

* ルームマスター以外によるゲームマスター機能の使用
* 見学者による誤操作の防止
* メンバーのブロック

***

### ルームメンバー確認画面

ルームメンバー権限はルームメンバー確認画面から変更できます。

ウインドウ**左上部**にあるココフォリアのルーム名周辺をクリックすると、下のように表示されます。

<div align="center"><figure><img src="/files/rsIAEB4V7jyP2Y3HC4hS" alt="" width="239"><figcaption></figcaption></figure></div>

ルーム設定>メンバーリストを選択すると、**このルームに接続したことがある人**を確認することができます。

***

### ルームメンバー権限の変更方法

メンバーリストは以下のように表示されます。

<div align="center"><figure><img src="/files/y388DyCMkhd6W0CNr4R6" alt="" width="563"><figcaption></figcaption></figure></div>

ルームメンバー権限には「サブマスター」「プレイヤー」「見学」「アクセス不可」があります。それぞれの権限の詳細は「権限の詳細はこちら」より確認してください。

* 従来通りの権限を設定したい場合、「プレイヤー」を選択してください。
* ルームメンバー権限を個別に設定したい場合、ユーザー名の右側のプルダウンから変更できます。
* **デフォルトの権限**のプルダウンを利用すると、「ルームのデフォルトの権限」と設定されているメンバーの権限を一括で変更できます。


# 前景・背景の自動トリミング機能

前景・背景に画像を設定する際、画像が自動でトリミングされる設定にできるようになりました。

***

## 前景・背景の自動トリミング

これまで、前景や背景に画像を設定すると、「フィールド設定」の幅に合うように画像の比率が変更されていました。v1.28で、画像の比率を変えずに前景や背景に設定し、表示しきれない部分をトリミングすることができるようになりました。

***

### 設定方法

1. 右下の![](/files/alNqKuezvDGSAToJkOe3)ボタン>前景・背景を変更からフィールド設定を開く
2. 「画像を自動トリミングする」のトグルスイッチをONにする

以下の画像のように「画像を自動トリミングする」の横が青くなっていれば自動トリミング機能が適用されています。

<div align="center"><figure><img src="/files/BgVKD4uHtFFG1edARFXM" alt="" width="292"><figcaption></figcaption></figure></div>

***

### 自動トリミングを適用しない・する場合の比較

以下の正方形の画像を、横長のフィールドに前景として設定してみます。

<div align="center"><figure><img src="/files/DW6krduGEV6BAub761h5" alt="" width="188"><figcaption></figcaption></figure></div>

#### 自動トリミング機能をオフにした場合

<div align="center"><figure><img src="/files/3hdzW31a1LKIEMoOa1eP" alt="" width="498"><figcaption></figcaption></figure></div>

上下が圧縮されます。

#### 自動トリミング機能をオンにした場合

<div align="center"><figure><img src="/files/20znR0nRiakboF4IcnyH" alt="" width="478"><figcaption></figcaption></figure></div>

上下がトリミングされます。


# パスワードログイン機能

メールアドレスとパスワードを利用したアカウント作成やログインができるようになりました。

***

## パスワードログイン機能

これまでは、ココフォリアのアカウントを作成・維持するために、SNS連携する必要がありました。v1.28では、メールアドレスとパスワードを設定することでココフォリアのアカウントを作成・維持できるようになりました。

メールアドレスとパスワードを登録しておくと、連携しているSNSが利用できなくなってしまった場合にもココフォリアアカウントにログインできるようになります。

***

### メールアドレスを用いてココフォリアアカウントを新規作成する

1. [ココフォリア](https://ccfolia.com/home)にアクセスし、「新規アカウント作成」をクリックする。
2. メールアドレスを入力、パスワードを設定する

***

### 既に作成してあるアカウントにメールアドレスを登録する

1. ブラウザ右上のアイコン>アカウント設定から以下の画面を開き、「パスワードを登録」をクリックする。

<figure><img src="/files/RbnyixppQ0EBm58G7UCz" alt="" width="563"><figcaption></figcaption></figure>

2. 必要な場合、SNS認証しなおす。
3. 画面の指示通りにパスワード認証を設定する。

***

### パスワードを忘れた

[こちら](https://ccfolia.com/reset-password)にアクセスし、メールアドレスを入力して「送信」をクリックすると、パスワード再設定メールが届きます。そのメールからパスワードを再設定してください。


# 自由配置モードの追加

スクリーンパネルなどをグリッドに関係なく配置できるようになりました。

***

## 自由配置モード

これまでは、スクリーンパネルやマーカーパネルの配置はグリッドに依存していました。v1.28では、グリッドに依存せずにパネルを配置(自由配置)するかどうか、部屋ごとに設定できるようになりました。

***

### 設定方法

1. ウインドウ**左上部**にあるココフォリアのルーム名周辺をクリックする。

<div align="center"><figure><img src="/files/rsIAEB4V7jyP2Y3HC4hS" alt="" width="239"><figcaption></figcaption></figure></div>

2. ルーム設定>概要>ルーム設定から、「自由配置モードのトグル」をONにする。

以下の画像のように「自由配置モード」の横が青くなっていれば、画像を好きな位置に配置できます。

<figure><img src="/files/llvDIkcB1LciLW50Oc5g" alt="" width="563"><figcaption></figcaption></figure>

### 自由配置モードを適用しない・する場合の比較

下の画像をスクリーンパネルとして配置してみます。

<div align="center"><figure><img src="/files/r7svvgWfe30R1fckUZNZ" alt="" width="188"><figcaption></figcaption></figure></div>

#### 自由配置モードをオフにした場合

<div align="center"><figure><img src="/files/fJZ6qV8T2MA4tLZkr0Xn" alt="" width="275"><figcaption></figcaption></figure></div>

パネルをドラッグで動かして画像を離すと、グリッドにはまるよう配置されます。

#### 自由配置モードをオンにした場合

<div align="center"><figure><img src="/files/UBfPlJ1KF1x8cHKZ6mIZ" alt="" width="224"><figcaption></figcaption></figure></div>

パネルをドラッグで動かして画像を離すと、グリッドとは関係なく配置されます。


# UIの変更

メニューなどに大きく変更を加えました。特に重要な項目をお知らせします。

***

## メニュー表示の変更

これまでのメニュー表示は、\
・盤面への視覚的な変更\
・ルームに関する設定やルーム自体の配布\
・アカウントに関する設定\
が混在していたので、v1.28で整理して表示されるようにしました。

***

### 具体的な変更内容

* 画面右下の![](/files/alNqKuezvDGSAToJkOe3)に、「盤面への視覚的な変更」の項目をまとめました。\
  CCFOLIA PROに登録すると利用可能となるタイマーはこちらから追加できます。

<div align="center"><figure><img src="/files/cunYfNy3VpWEkgheBUHj" alt="" width="518"><figcaption></figcaption></figure></div>

* 画面左上のルーム名周辺をクリックすると表示されるルーム設定編集画面に、「ルームに関する設定やルーム自体の配布」の項目を整理してまとめました。\
  「ルームから退出する」はこちらに移動しています。<br>

<div align="center"><figure><img src="/files/fauXdHITCmUWVwYhVOHL" alt="" width="239"><figcaption></figcaption></figure></div>

* 上記の「ルーム設定」をクリックすると、ルーム設定の変更やルーム自体の配布に関する項目にアクセスできます。\
  ルーム複製機能は「概要」に、ルームデータ公開リンク発行機能やルームデータのインポート・エクスポート機能は「ルームデータ」に移動しています。

<div align="center"><figure><img src="/files/hNxVfMcqnsqfkMXJ64M6" alt="" width="563"><figcaption></figcaption></figure></div>

* 右上のアイコンをクリックすると出るメニューに、「アカウントに関する設定」の項目をまとめました。\
  また、「ヘルプ」をクリックするとこのドキュメントを見ることができます。

<div align="center"><figure><img src="/files/8PKhecMcMsyGDy1mTs33" alt="" width="218"><figcaption></figcaption></figure></div>


# v1.29 リリース情報

2024/4/1にココフォリアのアップデートが入りました！

#### v1.29.0 アップデート内容

#### ■機能

* [ストア機能の追加](/update/v1.29/games-store)
* [ライブラリ機能の追加](/update/v1.29/library)
* [デッキの配置固定・サイズ固定機能の追加](/update/v1.29/deck-update)

#### ■修正

* パネルにクリックアクションを設定時、ダブルクリックで編集画面が開かないように修正
* ダイスシンボルをダブルクリックすると背景画像選択画面が開く問題を修正
* タッチデバイスからロングタップでデッキを追加した際に位置が変更できなくなる問題を修正
* カットインを編集画面から再生する際に想定しない挙動をしていた問題の修正&#x20;

その他、軽微なバグ修正など。

#### ■他

* ルーム変数を16個まで設定できるように
* 新しいコマンドの試験実装

#### v1.29.3 アップデート内容 (4/2実施)

■修正

* チャット入力欄のサジェスト機能のUIが意図しない挙動をしていた問題の修正

#### v1.29.4 アップデート内容 (4/4実施)&#x20;

■修正

* 公開リンクから作成したルームでのシーン切り替え時に音源の切替が意図しない挙動する問題の修正&#x20;
* /var コマンドで9個目以降のルーム変数が作成できない問題の修正&#x20;
* PDFを表示した状態でルーム移動を行うと再表示がされてしまう問題の修正

#### v1.29.5 アップデート内容 (4/11実施)

■機能

* 駒のイニシアチブがチャットコマンド :initiative で変更可能に
* BGMのボリューム変更がダイスロールのSEに反映されるように

■修正

* パネル等を削除する際に確認ダイアログを表示するように
* 利用規約の確認画面が何度も開いてしまう問題の対処

#### v1.29.9 アップデート内容 (4/22実施)

■修正

* チャット欄に入力がある場合にダイスボタンが内容を上書きしないように変更
* チャットコマンドによるPDFの表示UIを盤面を操作しながら確認できるように変更

#### v1.29.10 アップデート内容 (4/26実施)

■修正

* PDFViewer を別窓で開くUIの提供
* 読み込み遅延問題に関する調査のための実装

#### v1.29.11 アップデート内容 (6/10実施)

■修正

* ステータスの文字数によって▲▼ボタンが押せなくなる問題の修正
* マーカーパネル一覧の並び順が固定されない問題の修正
* クリックアクションやシナリオテキストの送信時にチャット欄に入力中の内容が消えないように修正
* 他、軽微な修正


# ストア機能

これまでは外部サイトからCCFOLIA GAMESの作品をご購入いただいていましたが、ココフォリア内で購入できるようになりました。

***

## ストア

v1.29のアップデートで、CCFOLIA GAMESの作品をココフォリア内で購入できるようになりました。

***

### ストアタブ

ココフォリアのトップページで**ストア**タブをクリックすると、ゲームのバナーと新着ゲームが表示されます。

<figure><img src="/files/rMUFRRWNnXOSPxakm3Dh" alt="" width="563"><figcaption></figcaption></figure>

***

### ゲームの購入方法

ゲームのサムネイルをクリックすると、以下のように商品詳細ページが表示されます。

<figure><img src="/files/e9nV2nT0uOvPbv6JWYsC" alt="" width="563"><figcaption></figcaption></figure>

ページを下にスクロールすると、概要や推奨環境が確認できます。

#### 購入方法

1. **購入する**をクリックする
2. 表示された外部ページにメールアドレスとカード情報を入力する
3. **支払う**をクリックする

支払いが完了すると、ココフォリアのページに戻り、購入完了画面が表示されます。

<figure><img src="/files/97o31eqwDZgj0BqmhOeu" alt="" width="563"><figcaption></figcaption></figure>

この画面で**ルームを作成する**をクリックしてしばらく待つと、購入したゲームで遊べるルームが作成されます。

購入したゲームでの遊び方は[１分で遊べる！CCFOLIA GAMES](/tutorial/ccfoliagames-rta)もご参照ください。


# ライブラリ機能

ストアで購入した作品がライブラリに登録されるようになりました。

***

## ライブラリ

これまでは、CCFOLIA GAMESの作品の購入後、データを各自で管理していただいていました。\
v1.29で、購入作品がライブラリに表示されるようになりました。これにより、購入した作品の確認やルーム作成がココフォリア内で完結するようになりました。

***

### ライブラリタブ

ライブラリタブでは、購入した作品を確認することができます。

<figure><img src="/files/ZvhqJXMwQipQh4PJ9RtB" alt=""><figcaption></figcaption></figure>

作品のサムネイルをクリックすると、作品の概要が表示されます。

<figure><img src="/files/b4wz7tal3VOUXRdqkfTL" alt="" width="563"><figcaption></figcaption></figure>

***

### ライブラリからルームを作成する

ライブラリから作品のサムネイルをクリックすると、ルーム作成ボタンが表示されます。

新しいルームを作成して遊びたいときは**新しいルームを作成する**を、前回作成したルームで遊びたいときは**前回作成したルームに入室する**をクリックしてください。

***

### 追加・拡張コンテンツ

追加・拡張コンテンツがある作品もあります。追加・拡張コンテンツは、追加先の作品のサムネイルをクリックすると表示されます。

<figure><img src="/files/P0WCFgSTlmlIggiwtYNb" alt="" width="563"><figcaption></figcaption></figure>

#### 追加・拡張コンテンツを使用して遊ぶときのルーム作成

ライブラリから追加先の作品のサムネイル>**新しいルームを作成する**をクリックすると、利用する追加・拡張コンテンツを選択することができます。

<figure><img src="/files/fBTERcqbHU0dxgQRqcWF" alt="" width="563"><figcaption></figcaption></figure>

利用したい追加・拡張コンテンツにチェックを入れて**ルームを作成する**をクリックすると、追加・拡張コンテンツを使用したルームを作成することができます。


# デッキの配置固定・サイズ固定機能

スクリーンパネルやマーカーパネルだけでなくカードデッキも配置やサイズを固定できるようになりました。

***

## デッキの配置固定・サイズ固定機能

v1.29で、スクリーンパネルやマーカーパネルと同様に、デッキでも配置固定・サイズ固定ができるようになりました。

***

### 配置固定・サイズ固定の方法

カードデッキの配置固定・サイズ固定の方法は以下の通りです。

1. カードデッキを右クリック→**編集**をクリック

<figure><img src="/files/ZwrFStn53RpOLEtLojWr" alt="" width="261"><figcaption></figcaption></figure>

2. デッキ設定画面が表示されるので、配置固定・サイズ固定を選択する

<figure><img src="/files/mhNIPrjacFuO8hoWQqUC" alt="" width="493"><figcaption></figcaption></figure>

カードデッキのサイズもこの画面から設定できるようになりました。


# UIの変更

メニューの表示に変更が加わりました。

***

## メニュー表示の変更

v1.29でメニューの表示が一部変更になりました。

***

### 具体的な変更内容

* 右上のアイコンをクリックすると出るメニューに**マイルーム**、**ストア**、**ライブラリ**、**購入履歴**が追加されました。\
  -**マイルーム**、**ストア**、**ライブラリ**をクリックすると、そのページに移動します。ルームから退出することになるので、クリックする際は注意してください。\
  -**購入履歴**をクリックすると、ココフォリアへの支払履歴の確認や領収書のダウンロードができる外部ページに飛びます。

<div align="center"><figure><img src="/files/jDJE6UPhVocrRSf5eDlM" alt="" width="215"><figcaption></figcaption></figure></div>

* 左上のルーム名をクリックすると出るメニューに**ゲームの拡張**が追加されました。\
  CCFOLIA GAMESの作品で追加・拡張パックが販売されているものについて、購入しているか確認できます。

<figure><img src="/files/n4ikSoG3tNL8Qcr8XLI5" alt="" width="237"><figcaption></figcaption></figure>


# v1.30 リリース情報

2024/7/1にココフォリアのアップデートが入りました！

#### v1.30.0 アップデート内容

#### ■機能

* [グループチャット機能の追加](/update/v1.30/groupchat)
* [背面が共通のスクリーンパネル（カード）をデッキに重ねたときに、デッキに追加されるように](/update/v1.30/add_card)
* [山札から枚数を選択してドローできるようにメニューを追加](/update/v1.30/drow_x_cards)

#### ■修正・変更

* タイマーを再生中に非表示にすると、タイマーが進行したままになる問題を修正
* BGMを別タブに移動させた時、一覧のレイアウトが崩れる問題を修正
* BGMを別タブに移動させた時、移動させたBGMが末尾でなく途中に追加される問題を修正
* 未連携のSNSアカウントでログインしようとした時に、ココフォリアのアカウントが作られないように変更
* テキストチャットで入力候補を利用した後に編集すると、カーソルが点滅する問題を修正
* Safari利用時に通知Snackbarが表示崩れする問題を修正
* 自身が閲覧できない秘匿メッセージを受け取った際にもブラウザタブに更新表示が出てしまう問題の修正
* 0枚のデッキと複数枚のデッキを合わせると正常に動作しない問題の修正

その他、軽微なバグ修正など。

#### v1.30.2 アップデート内容 (7/10実施)

■修正

* タッチデバイスから盤面を操作した際に状態が同期されないことがある問題の修正


# グループチャット機能

3人以上で秘匿チャットができるようになりました。

## グループチャット機能

v1.30のアップデートで追加されたグループチャット機能により、3人以上で他のメンバーに見えないチャットをする、他のメンバーにグループチャットの内容を公開するといったことができるようになりました。

***

### チャットタブの作成

グループチャット機能の追加に伴い、チャットタブの作成手順が以下のように変わりました。

1. ルームチャットタブ一覧の右側にあ&#x308B;**＋**&#x3092;クリックする

<figure><img src="/files/qQi6IWD7wqEUrVmguCHY" alt="" width="419"><figcaption></figcaption></figure>

2. ルームチャットタブ名を埋め、チャットタブの種類を選ぶ

<figure><img src="/files/E0370EMtBw3HbnMWgjTF" alt="" width="563"><figcaption></figcaption></figure>

3. **タブを作成**をクリックする

チャットタブの種類で**全体公開**にすると、従来通りのチャットタブが作成されます。\
**プライベート**にすると、選択したメンバーだけが見れるグループチャットを作成できます。

#### グループチャットの作成

チャットタブの種類で**プライベート**を選択すると、ココフォリアにログインしているルームメンバーが表示されます。グループチャットに参加してほしいメンバーにチェックを入れて**タブを作成**をクリックすると、グループチャットが作成されます。

<figure><img src="/files/UWzlYBX0xwl4dsDeY6ta" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %}
ココフォリアにログインしていないルームメンバーはグループチャットに追加できません。
{% endhint %}

***

### タブの表示

通常のチャットタブを選択した場合は白、グループチャットタブは赤色で表示されます。

また、グループチャットタブは左側に南京錠マークがついています。

<figure><img src="/files/X6mHjWTSpcfQGgmhvWqi" alt="" width="419"><figcaption></figcaption></figure>

***

### タブの編集

以下の方法でタブの編集をすることができます。

1. 編集したいタブを選択する
2. 右上の歯車マークをクリックし、**タブの編集**を選択
3. 出た画面でチャットタブ名やチャットタブの種類を編集
4. 編集し終えたら**保存**をクリックする


# デッキにカードを追加

デッキにカードを戻す、デッキに新しいカードを追加するといった操作が楽になりました。

## デッキにカードを追加

v1.30のアップデートで、背面が共通のスクリーンパネル（カード）をデッキに重ねたときに、デッキに追加されるようになりました。これにより、山札から引いたカードを山札に戻す、山札に新しくカードを追加するといった操作が楽になります。

***

### カードを山札に戻す

引いたカードをドラッグしてデッキの上に重ねると、カードデッキに戻ります。

{% hint style="warning" %}
背面画像・サイズの同じカードデッキが複数ある場合、引いたデッキ以外にカードを重ねると、重ねられたデッキに混ざってしまいます。
{% endhint %}

***

### カードをカードデッキに追加する

以下の手順でカードをカードデッキに追加できます。

1. オモテ面にしたい画像を用いてスクリーンパネルを作成する
2. スクリーンパネルの大きさを追加先の山札の大きさに合わせる
3. 背面画像に追加先の山札と同じ画像を設定する
4. スクリーンパネルを山札の上に重ねる

{% hint style="warning" %}
スクリーンパネルのサイズや背面画像が山札の設定と異なる場合、追加できません。
{% endhint %}


# 山札から枚数を選択して引く

カードを山札から複数枚引けるようになりました。

## 山札からカードを複数枚引く

カードを引く際、これまでは1枚引くか10枚引くのどちらかしか選択できませんでしたが、v1.30のアップデートで1～10枚のうち任意の枚数だけ引くことができるようになりました。

***

### 複数枚引く方法

これまでと同様、山札を右クリックすると出るメニューからカードを引くことができます。

1. 山札を右クリック
2. **複数枚引く**にカーソルを合わせる

<figure><img src="/files/ByWN8Svs2bxrn3ZFm6jT" alt="" width="350"><figcaption></figcaption></figure>

3. 引きたい枚数をクリックする

<figure><img src="/files/9OdhVq6XvskTLbKtTIGi" alt="" width="315"><figcaption></figcaption></figure>


# v1.31 リリース情報

2024/9/17にココフォリアのアップデートが入りました！

#### v1.31.0 アップデート内容

#### ■機能

* [Undo / Redo機能（戻す / やり直す）](/update/v1.31/undoredo)
* [スクリーンパネルを「自分以外に公開する」機能](/update/v1.31/panel_publish_to_others)
* [山札の右クリックメニューに裏向きのまま複数枚引く操作](/update/v1.31/draw_x_back_cards)
* [前景にグリッドを表示できるフィールド設定](/update/v1.31/show_grid)
* [キャラクターコマのコピー＆ペースト機能](/update/v1.31/character_copy)
* [トップページのリニューアル](/update/v1.31/top_renewal)

#### ■修正・変更

* 画像一覧で画像の長押しではなく右クリックしてメニューがでるように変更
* スクリーンパネルから山札を作成する際に、パネルの背面画像を山札に引き継ぐように変更
* キャラクター未選択状態でも文字色を変更できるように変更
* 新規メッセージ受信時にチャットのスクロールバーが正常に動作しない問題を修正
* タブ切り替え時にチャットログを読み込めなくなる問題の改善
* チャットの別窓表示で /pdf を使うと画面がブラックアウトする問題を修正
* チャットの「別窓で開く」をクリックしても2回目以降に機能しない問題を修正
* 他、パッケージのセキュリティアップデートや内部改善等
* bcdice-js 4.7.0（BCDice 3.14.0相当）に変更
* 特定のゲームシステムで専用の3Dダイスモデルを描画するように変更

その他、軽微なバグ修正など。

#### v1.31.1 アップデート内容 (9/17実施)

■修正

* 画像追加時に先頭ではなく末尾に追加されてしまう問題の修正
* タッチデバイスでUIのドラッグ操作やロングタップのメニュー表示が行えない問題の修正
* キャラクター編集UIから駒アイコンが変更できない問題の修正
* 他、軽微な修正

#### v1.31.3 アップデート内容 (9/18実施)

■修正

* 地形パネルに対してキーボードショートカットが実行できてしまう問題の修正
* 「自分以外に公開」状態で拡大表示が正常に動作しない問題の修正
* 特定の状況でシーン保存のUndoが正常に動作しない問題の修正
* 編集画面で想定されない値が入力できてしまう問題の修正
* 他、軽微な修正

#### v1.31.5 アップデート内容 (9/18実施)

■修正

* キャラクター編集でステータスの現在値を入力した際に最大値の値と同じになってしまう問題の修正
* 駒サイズの上限値が30になっていた問題の修正

#### v1.31.6 アップデート内容 (9/19実施)

■修正

* スクリーンパネルを複製すると一覧の並び順が変化してしまう問題の修正
* 一部UIが左上方向にサイズを変更できない問題の修正
* 利用規約に同意済みでも同意画面が一瞬表示されてしまう問題の修正
* 告知をスキップが有効な状態でも画面に一瞬表示されてしまう問題の修正


# Undo / Redo機能

ココフォリアに Ctrl+Z がやってきた！

## Undo / Redo機能（戻す / やり直す）

v1.31のアップデートより、ココフォリアの盤面で行った操作を一つ前の状態に戻すこと、および元に戻した操作を再度やり直すことができるようになりました。これらの操作はショートカットキー（Ctrl+Z / Ctrl+Y）で行うこともできます。

***

### Undo機能

盤面を一つ前の状態に戻したいとき、以下の手順で戻すことができます。

1. 画面左上にある**部屋名**をクリック
2. 表示されたメニューから**元に戻す**をクリック

<figure><img src="/files/CgZxqjV0EEleiP7VWiif" alt="" width="180"><figcaption></figcaption></figure>

{% hint style="info" %}
元に戻す操作は、**Ctrl+Z**のショートカットで行うこともできます。
{% endhint %}

### Redo機能

一度Undo機能で戻した操作を再度やり直したいとき、以下の手順でやり直すことができます。

1. 画面左上にある**部屋名**をクリック
2. 表示されたメニューから**やり直し**をクリック

<figure><img src="/files/zlSTT6M9ZZixKBUH6FxZ" alt="" width="180"><figcaption></figcaption></figure>

{% hint style="info" %}
やり直しの操作は、**Ctrl+Y**のショートカットで行うこともできます。
{% endhint %}


# スクリーンパネルを自分以外に公開する

自分だけが見られないスクリーンパネルを作ることができるようになりました。

## スクリーンパネルを自分以外に公開する

v1.31のアップデートで、スクリーンパネルを「自分以外に公開する」機能が追加されました。これにより、自分だけが内容を確認できないスクリーンパネルを作成することができます。

***

### 自分以外に公開する方法

以下の手順でスクリーンパネルを自分以外に公開することができます。

1. 操作したいスクリーンパネルにカーソルを合わせ、右クリック
2. 表示されたメニューから**自分以外に公開する**をクリック

<figure><img src="/files/y2capnzyEgJDSVLPetOc" alt="" width="510"><figcaption></figcaption></figure>

3. 操作したスクリーンパネル上に「（操作したキャラクター名）以外に公開」と表示され、背面画像を設定している場合はその画像が表示されれば、操作は正しく完了しています。

<figure><img src="/files/pFlo0cyq29SSkCcEPMzK" alt="" width="432"><figcaption></figcaption></figure>

{% hint style="info" %}
操作したいスクリーンパネルにカーソルを合わせてクリックし、**Tabキー**で選択した後、**Wキー**を押すことで、同様の操作を行うことができます。
{% endhint %}


# 山札から裏向きのまま複数枚引く

カードを山札から複数枚、裏向きのまま引けるようになりました。

## カードを裏向きのまま複数枚引く

カードを裏向きのまま引く際、これまでは1枚だけしか引けませんでしたが、v1.31のアップデートで1～10枚のうち任意の枚数だけ裏向きのまま引くことができるようになりました。

***

### 裏向きのまま複数枚引く方法

これまでと同様、山札を右クリックすると出るメニューからカードを引くことができます。

1. 山札を右クリック
2. **裏向きのまま複数枚引く**にカーソルを合わせる

<figure><img src="/files/qnsIqgejnP7dujN6TXaU" alt="" width="284"><figcaption></figcaption></figure>

3. 引きたい枚数をクリックする

<figure><img src="/files/qUXfwylB0iuapSSUPyS1" alt="" width="210"><figcaption></figcaption></figure>


# 前景にグリッドを表示する

前景にグリッドを表示することができるようになりました。

***

## 前景にグリッドを表示する

v1.31のアップデートで、前景画像の上にグリッドのマス目を表示することができるようになりました。前景の上に配置するスクリーンパネルやマーカーパネルの位置を揃える際に活用することができます。

***

### 設定方法

前景・背景は以下のように 設定することができます。

1. フィールド設定ウィンドウを以下のいずれかの方法で開く

* 前景または背景の上で右クリック → **前景・背景を変更**
* 画面右下の![](/files/alNqKuezvDGSAToJkOe3)(盤面メニュー) → **前景・背景を変更**

2. 「前景にグリッドを表示する」のトグルスイッチをONにする

以下の画像のように「前景にグリッドを表示する」の横が青くなっていれば、グリッドが表示されます。

<div align="center"><figure><img src="/files/1DDwOXsyqtRK6F07lTel" alt="" width="341"><figcaption></figcaption></figure></div>

{% hint style="info" %}
グリッドサイズに任意の正の数値を半角数字で入力すると、入力したサイズでグリッドが表示されます。初期グリッドサイズは 「1」 です。
{% endhint %}


# キャラクターコマのコピー＆ペースト機能

キャラクターコマを簡単に他のルームへ持ち越せるようになりました！

## キャラクターコマのルーム間移動

v1.31のアップデートで、作成したキャラクターコマを右クリックからコピーし、他のルームに貼り付ける機能が追加されました。これにより、キャラクターコマを簡単に他のルームへ持ち越すことができます。

***

### キャラクターコマの移動方法

1. 他のルームへ持ち越したいキャラクターコマにカーソルを合わせ、右クリック
2. **コピー**をクリック

<figure><img src="/files/4H9dKqFt6CmNOqK6j3T2" alt="" width="237"><figcaption></figcaption></figure>

{% hint style="info" %}
キャラクターコマのコピーは、コピーしたいキャラクターコマにカーソルを合わせ、クリックで選択した後、**Ctrl+C**を押すことも可能です。
{% endhint %}

3. 持ち越し先のルームに入室し、前景または背景の上で右クリック → **貼り付け**をクリック
4. キャラクターコマが作成されれば完了

{% hint style="info" %}
キャラクターコマの貼り付けは、持ち越し先のルームで**Ctrl+V**を押すことでも可能です。
{% endhint %}


# トップページのリニューアル

ココフォリアのトップページがより分かりやすくリニューアルされました。

***

## 新しいトップページ

v1.31のアップデートでココフォリアのトップページがリニューアルされ、ココフォリアを初めて訪れる人にも分かりやすいデザインになりました。

***

### 本日のココフォリア

新しくなったココフォリアのトップページでは、その日ココフォリアを利用したユーザー数や、ココフォリアで振られたダイスの数とその結果、利用されているルームの数を見ることができます。

<figure><img src="/files/sAEfMP80DHaWPJjtGB6O" alt="" width="563"><figcaption></figcaption></figure>

***

### よくある質問とコミュニティ

トップページの下部には、ココフォリアについてよくある質問とその回答や、ココフォリアに関するコミュニティの案内を記載しています。

<figure><img src="/files/U7AjcmqZIwm81E7rw5SC" alt="" width="450"><figcaption></figcaption></figure>


# v1.32 リリース情報

2024/11/28にココフォリアのアップデートが入りました！

#### v1.32.0 アップデート内容

#### ■機能

* 表示範囲外のチャットタブに新着メッセージがある際に、スクロールボタンにバッジを表示する
* 盤面のダイスシンボルを直接ダイスロールできるように
* シーン一覧でシーンに紐づくBGMを表示する
* ログ出力+機能の提供（PROユーザーのログ出力上限を1万件から10万件に）
* 公式音源ライブラリで試聴再生ができるように

#### ■修正・変更

* パネルを「自分だけ見る」している状態でマウスオーバーした際に名前の表示が薄くなるように変更
* システムアラート等で一部多言語対応が適用されていなかった箇所に翻訳を適用
* タッチデバイスにおける一覧での順番入れ替えの動作を改善
* シーン切り替え時にグリッド設定が反映されない問題を修正
* サイズ変更時にクリックアクションが起動する問題を修正
* ロングタップでコンテキストメニューが複数表示される問題を修正
* PDFの別窓表示でスクロールバーが二重になる問題を修正
* チャットのカラー設定が意図せず引き継がれる問題を修正
* BGMの音量を0にして保存すると音量が反映されない問題を修正
* 特定手順で Undo / Redo 実行時にメッセージが表示されない問題を修正
* セーブ / ロード機能でグリッド表示やトリミング設定の状態が保存されなかった問題の修正

その他、軽微なバグ修正など。

#### v1.32.2 アップデート内容 (11/28実施)

■修正

* 古いiOS端末で正常に動作しない問題の修正
* 他、軽微な修正

#### v1.32.4 アップデート内容 (11/29実施)

■修正

* BGMの並び替え時に順番が想定通りに反映されない問題の修正
* 配置固定されたパネルでショートカットキーが動作しない問題の修正
* 他、軽微な修正

#### v1.32.5 アップデート内容 (12/5実施)

■修正

* BGMの並び替え時、一部手順で想定外の挙動をする問題の修正
* シーン一覧でシーンをクリックした際に、該当の要素が透明化してしまうことがある問題の修正
* 0byte のデータがキャッシュされてしまうことがある問題の修正

#### v1.32.6 アップデート内容 (12/18実施)

■修正

* Webブラウザの機能でUI全体を特定のスケールに拡大・縮小している場合に、チャットの動作が極端に重くなったり、スクロールができなくなることがある問題の修正


# v1.33 リリース情報

2025/4/23にココフォリアのアップデートを行いました！

#### v1.33.0 アップデート内容

リリースノート： <https://ccfolia.fanbox.cc/posts/9757908>

#### ■機能

* BGMの複数選択による削除とタブ移動
* ユーザーボリューム設定を人の耳の聞こえ方準拠に
* 公式音源ライブラリが新UIに
* [/roll-table コマンドの追加](/update/v1.33/roll-table)

#### ■修正・変更

* ZIPインポートの処理中に読み込み中を表示するように改善
* 存在しないルームにアクセスした際にメッセージを表示するように改善
* BGMタブの名前変更時にタブの入れ替えができてしまう問題の修正
* スクリーンパネルから山札を作成したときにUndoできないことがある問題を修正
* IDを指定して入室するで、妥当でない文字列を入れた時のエラーを修正
* パネルの拡大表示時にドラッグできないことがある問題を修正
* タッチデバイスでタイマーを移動できない問題を修正
* カットインの音源再生でマスターボリュームを適用するように変更

その他、細かい不具合の修正や内部的な改善、セキュリティアップデートなど。

#### v1.33.1 アップデート内容 (4/24実施)

**■修正**

* ルームIDにハイフンが含まれると、ホームからIDを指定して入室できない問題を修正
* /roll-table コマンドで、発言時キャラクターを非表示にしても画像がメッセージボックスに表示される問題を修正
* チャットなどドロワーが開閉した際のタイマー位置調整の動作が変わっていた問題を修正

#### v1.33.3 アップデート内容 (8/29実施)

リリースノート： <https://ccfolia.fanbox.cc/posts/10471975>

* CCFOLIA PROに**ターボモード**を実装

#### v1.33.4 アップデート内容 (9/1実施)

* CCFOLIA PROのターボモードについてデフォルトをONに変更

#### v1.33.5 アップデート内容 (9/16実施)

リリースノート： <https://ccfolia.fanbox.cc/posts/10579813>

**■負荷対策パッチの適用**

* アップロード画像の自動最適化
* 画像一覧で読み込まれたファイル数とファイルサイズを表示するように変更
* 音源の再生プロセスを最適化
* CCFOLIA PROのターボモードについてデフォルトをOFFに変更

#### v1.33.6-9 アップデート内容 (9/16, 17実施)

**■v1.33.5 アップデートに伴う修正**

* メッセージが読み込まれない問題を修正
* ファイル数とファイルサイズの表示について再度適用
* 特定のルームを開くとブラックアウトする問題を修正
* ルームを開いた後にBGMの再生位置がリセットされることがある問題を修正
* BGMの切替時に音量設定が正しく反映されない問題への暫定的な対処
* iOSにおける音割れ問題への暫定的な対処

#### v1.33.10 アップデート内容 (11/5実施)

リリースノート： <https://ccfolia.fanbox.cc/posts/10855736>

* **CCFOLIA PRO サウンドマスタープラン**を提供開始

#### v1.33.14 アップデート内容 (11/8実施)

* iOS端末でサウンドマスター対象音源の音量調整が反映されない問題を修正


# /roll-table コマンド

ついにココフォリアでオリジナルのランダム表を振れるようになりました！

## /roll-table コマンド

v1.33のアップデートより、`/roll-table`コマンドが使えるようになりました。`/roll-table`コマンドを使うと、オリジナルのランダム表をロールすることができます。

***

### /roll-table コマンドの使い方

以下の書式でオリジナルのランダム表をロールすることができます。

実行時に都度ランダム表の内容を入力する必要があるため、[クリックアクション](/gm-tutorial/screen-panel#clickaction)での利用を推奨しています。スクリーンパネル等の高度な設定から、クリックアクション「チャットに送信」を選択し、送信するテキストに以下の書式でランダム表を入力してください。もちろん、チャットに直接送信することでも起動します。

```
/roll-table
飲み物表
1D6
1:水
2:緑茶
3:麦茶
4:コーラ
5:オレンジジュース
6:選ばれし者の知的飲料
```

書式についての詳細は[BCDiceコマンドガイド](https://docs.bcdice.org/original_table.html)もご参照ください。


# v1.34 リリース情報

2026/4/7にココフォリアのアップデートを行いました！

#### v1.34.0 アップデート内容

リリースノート： <https://ccfolia.fanbox.cc/posts/11705368>

#### ■機能

* キャラクターコマの右クリックメニューからチャットパレットを送信する機能の追加
* 盤面上のキャラクター一覧のキャラクターメニューにチャットパレットを開くボタンを追加
* 選択中のキャラクターとは異なるキャラクターのチャットパレット選択時にキャラクター名を上書きする
* デッキに重なり優先度を追加
* SOUND MASTERにワード一致検索と履歴一覧を追加

チャットパレット関連のアップデートについては[チャットパレットの機能追加](/update/v1.34/chatpalette)もご参照ください。

#### ■修正・更新

* キャラクター選択で同名キャラクターを選択できるように修正
* キャラクター選択の並び順がマイキャラクター一覧と異なる問題を修正
* ダイスシンボルにD8が存在しない問題を修正
* クリックアクションが設定されているスクリーンパネル/マーカーパネルで編集が巻き戻る問題を修正
* 存在しないページを開いた際の表示の改善
* PDFエラー時にリンクを表示しないように修正
* チャットパレットに設定された`\n`を改行コードとしてチャットに反映する
* カットイン一覧で最終実行日の代わりにBGM名を表示する
* GAMESストアページのUIを変更
* カットインの詳細設定に音量の表記を追加
* 公式サウンドライブラリのリスト内のクリック可能箇所の変更
* SOUND MASTER音源が使用できない際の通知を入室時の1回のみに変更

その他、細かい不具合の修正や内部的な改善など。

#### v1.34.1 アップデート内容 (4/10実施)

**■修正**

* 選択中のキャラクターと異なるチャットパレットを使用した時、チャット欄に表示されているキャラクターとは異なる内容で入力予測が行われる問題を修正

#### v1.34.2 アップデート内容 (4/16実施)

**■変更**

* シナリオテキストを追加する時、最後に選択されたシナリオテキストの下へ追加するように変更
* シナリオテキスト編集画面の横幅を拡大


# チャットパレットの機能追加

色んな場所からチャットパレットを開けるようになりました！

## チャットパレットの機能追加

v1.34のアップデートより、キャラクターコマや盤面キャラクター一覧から[チャットパレット](/pl-tutorial/character-edit/chat-pallet)を開けるようになりました。チャットの発言キャラクターはチャットパレットを選択したキャラクターで上書きされるため、チャットパレットを選択するたび発言キャラクターを切り替える必要はありません。

### 盤面キャラクター一覧からチャットパレットを開く

盤面キャラクター一覧のキャラクターメニューからチャットパレットを開けるようになりました。

<figure><img src="/files/LFkZztGcL783BgQBsRGL" alt=""><figcaption></figcaption></figure>

### キャラクターコマからチャットパレットを送信する

キャラクターコマの右クリックメニューにチャットパレットが追加されました。\
「チャットパレット▶」にカーソルを合わせると、そのキャラクターコマに登録されているチャットパレットが一覧で表示されます（チャットパレットが登録されていない場合は選択できません）。

<figure><img src="/files/phYO6Gz2bt6uBkXB5Dit" alt=""><figcaption></figcaption></figure>

表示されたチャットパレットの項目をクリックすると、選択した項目がメッセージウインドウに入力されます。ダブルクリックすると、選択した項目がそのままチャットに送信されます。

このとき、チャットパレットを選択したキャラクターで、チャットの発言キャラクターが上書きされます。

<figure><img src="/files/l7f5EuBdGTet6JlnMvDF" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
チャットパレットを選択したキャラクターで発言キャラクターが上書きされるので、チャットパレットを選択するたび発言キャラクターを切り替える必要はありません。もちろん、従来の[チャットパレット](/pl-tutorial/character-edit/chat-pallet#use-chat-pallet)から送信する際にも発言キャラクターは上書きされます。

発言キャラクターを上書きしたくない場合は、キャラクター名の右にある×をクリックすると、発言キャラクターの上書きが解除されます。
{% endhint %}

### チャットパレットで改行コードを使用する

チャットパレットで改行コード `\n` が使用できるようになりました。\
チャットパレットにテキストやコマンドを登録する際、改行したい箇所に `\n` と入力することで、チャットパレットを選択したときに改行された状態でメッセージウインドウに入力されます。


# 推奨環境

ココフォリアのご利用における推奨環境をまとめています。

### デスクトップ

#### &#x20;**Windows**

* Windows OS 最新2バージョン
* Google Chrome の最新版

#### **Mac**

* MacOS 最新2バージョン
* Safari 、Google Chrome の最新版

### **スマートフォン / タブレット**

&#x20;**iPad / iPhone**

* iOS、iPadOS 最新2バージョン
* Safari、Google Chrome の最新版

#### **Android**

* Android 最新2バージョン
* 標準搭載のブラウザ、および Google Chrome の最新版

推奨外の環境では一部機能がうまく動作しない場合があります。\
推奨外の環境での不具合については、検討のうえ修正が困難と判断する場合があります。\
これらは推奨環境での使用を強制するものではありません。


# FAQ

よくいただく質問をまとめました。

***

<details>

<summary>画像や音源の制限はありますか？</summary>

各ファイルごとに容量制限を設けています。\
また現在、画像のリスト表示は3000点が上限となっています。

</details>

<details>

<summary>一度追加した画像を削除できますか？</summary>

画像選択画面で、削除したい画像を右クリック(タッチデバイスでは長押し)すると、削除メニューが表示されます。\
また、画像選択画面右上の「選択削除」をクリックすると、選択した画像を一括削除できます。

「ルームで使っているけど画像選択画面には表示したくない」という場合には、画像を右クリック(タッチデバイスでは長押し)し、メニューから**アーカイブ**をご利用ください。その画像を使用しているかどうか分からない場合にも有効です。

</details>

<details>

<summary>ルーム数の制限はありますか？</summary>

現在はありません。将来的にあらゆる制限は変更される可能性があります。

</details>

<details>

<summary>ルームに背景だけを設定できますか？</summary>

盤面右クリック(タッチデバイスでは長押し)メニューまたは右下![](/files/alNqKuezvDGSAToJkOe3)マーク > **前景・背景の変更**から、前景の横幅と縦幅を0に設定することで、背景のみを表示できます。ご活用ください。

</details>

<details>

<summary>ルームマスターの追加・変更はできますか？</summary>

「シーン切り替え」「ルームマスター用のスラッシュコマンドの利用」などが可能なサブルームマスターを追加することができます。&#x20;

ルームマスターの変更はルームデータ公開リンク(CCFOLIA PRO機能)を利用すれば可能です。

</details>

<details>

<summary>プレイヤーの機能を制限することはできますか？</summary>

プレイヤーの機能は「ルームメンバー権限管理機能」のみで制限することができます。\
「ルームメンバー権限管理機能」で制限できる内容以外を制限したい場合、ルームマスターやサブルームマスターのみが使用できる機能をご利用ください。\
・ルーム上部左側のルーム名>「ルーム設定」「ルーム変数」「セーブ」「ロード」機能 \
・ルーム上部右側ヘッダーの［GM］と書かれている機能

</details>

***

<details>

<summary>アカウント設定を変更できますか？<br>・アカウント名<br>・アイコン<br>・各種アカウント連携の追加・解除</summary>

ヘッダー右上にあるメニュー(初期設定はココフォリアマーク、アイコン設定後はアイコン)のアカウント設定から変更できます。

</details>

<details>

<summary>秘匿タブはどのような仕様になっていますか？<br>・参加できる人数の上限はありますか？<br>・秘匿タブが消えてしまい、タブを出す操作をしても表示できません。<br>・内容をルームにいる全員が閲覧できるようにする方法はありますか？ </summary>

秘匿タブに参加できるのは2人までで、 「メンバーリストから削除」をすると内容が消える仕様となっています。ココフォリア上では秘匿タブに参加していない人から(ルームマスターでも)内容を閲覧することはできませんが、ルームマスターの機能「全ログ出力」を利用すると、参加していない秘匿タブの内容を閲覧することができるようになります。

</details>

<details>

<summary>ルームログはどのような仕様になっていますか？<br>・編集できないチャットがあります。<br>・ルームログが消えてしまいます。<br>・削除したルームログは復元できますか？</summary>

一定数以上チャットを送信すると、古いメッセージから編集できなくなり、消去されていきます。 また、消去・削除されたルームログは復元できない仕様となっています。

</details>

***

<details>

<summary>ココフォリアの言語設定は変更できますか？</summary>

トップページの右上の言語表示から言語設定を変更することができます。BETA版ですので、多少不具合が生じる可能性がございます。

</details>

<details>

<summary>ココフォリアの規約はありますか？</summary>

[こちら](https://ccfolia.com/termsOfService.html)をご確認ください。

</details>

<details>

<summary>ココフォリアを営利目的で使っても大丈夫ですか？</summary>

利用規約を守った上での活動について、開発・運営は原則関与いたしません。 \
二次コンテンツも同様に、ブログへの掲載・解説動画やドキュメントの作成などご自由にしていただいて構いませんが、仕様は常に変わる可能性がある点をご了承ください。

</details>


# お困りごと

お困りごとの際は、まず最初にご確認ください。

***

### 急な不具合への対処法

何かしらの機能が急に使用できなくなった、CCFOLIAが前のバージョンから更新されなくなったなどの不具合が生じた場合、下記のいずれかもしくは複数を試すと解決する場合があります。

・キャッシュ削除 \
・cookieの削除 \
・アカウントのログアウト、再ログイン\
・ブラウザの再起動\
・ブラウザの更新 (F5キーやブラウザのリロードだけでなく、Ctrl+F5での更新もお試しください。)\
・閲覧するブラウザの変更 \
・プライベートモードの使用 \
・パソコンやルーターの再起動 \
・セキュリティソフトの設定の確認

***

<details>

<summary>ココフォリアに再ログインしたら、マイルーム一覧にルームが表示されなくなりました。</summary>

以下の場合に同様の事象が発生することがあります。今一度ご確認ください。 \
・ルームを作成したアカウントと別のアカウントでログインしている場合\
・セキュリティソフトの設定が変更されている場合

</details>

<details>

<summary>配布されているルームデータのzipファイルがうまく読み込めません。</summary>

以下の場合に同様の事象が確認されています。\
・読み込ませたzipファイルにルームデータ以外が同梱されている場合 \
・zipファイルを展開してからフォルダを読み込ませている場合 \
・セキュリティソフトの設定で制限されている場合

対応として、以下をお試しください。 \
・閲覧するブラウザを変更する。 \
・ブラウザを再起動する。 \
・別の端末でzipファイルを読み込ませたルームを確認する。\
・日中(利用者の少ない時間帯)にzipファイルの読み込みを行う。\
・zipファイルの読み込み方を変更する。 \
　- ルーム設定>ルームデータ>ルームデータのインポートから読み込む。\
　- ルームにドラッグ＆ドロップして読み込む。

なお、ルームデータのzipファイルからBGMは読み込めない仕様となっています。

</details>

<details>

<summary>スマートフォンやタブレットで使用すると正常に動作しません。 <br>・ココフォリアを開けません。<br>・山札や引いたカード、スクリーンパネルを移動させられません。<br>・BGMを追加できません。<br>・BGMが鳴りません。<br>・ルームを出力したzipファイルを利用できません。<br>・キャラクター横のステータスバーが表示されません。</summary>

スマートフォンやタブレットで使用した場合、セキュリティソフトや回線の影響で正常に動作しないことがあります。以下の対応をお試しください。\
・ブラウザを再度読み込む。\
・山札やスクリーンパネルを右下の![](/files/alNqKuezvDGSAToJkOe3)から追加する。\
・BGMの外部取り込み機能を利用する。\
・BGMを一度停止し、再生しなおす(ルームマスターのみ)。\
・ルーム設定>ルームデータ>ルームデータのインポートからルームのzipファイルを読み込む。

なお、キャラクター一覧横のステータスバーは十分な幅がないと表示されない仕様となっています。

</details>

***

<details>

<summary>ルームチャット機能利用時にトラブルが生じました。<br>・メッセージウインドウが表示されません。 <br>・選択できないキャラクターがいます。</summary>

ルームのデータ容量が大きい場合、メッセージウインドウが表示されないことがあります。

また、同じ名前のキャラクターがいる場合、キャラクター選択画面では片方しか選択できない仕様になっています。片方のキャラクター名を変更してください。

</details>

<details>

<summary>画像利用時にトラブルが生じました。<br>・アップロードできません。<br>・ぼやけて見えてしまいます。<br>・メッセージウインドウに立ち絵が表示される際、上部が見切れてしまいます。<br>・自分の画面では画像が表示されているのに、他の人の画面では表示されません。</summary>

画像のアップロードがうまくいかない場合、以下をお試しください。\
・画像を圧縮する\
・ルーターや回線を再起動する

CCFOLIAで利用する画像は、1辺の長さを12pxの倍数で作成するとぼやけにくくなります。特に立ち絵を作成・使用する際は横幅に対して縦幅を大きくしすぎないようにすると、メッセージウインドウに表示される際に見切れなくなります。

自分の画面では画像が表示されているのに他の人の画面では表示されない場合、設定した画像データが消去されている可能性があります。表示したい画像を再度アップロードし、再設定をお試しください。

</details>

<details>

<summary>BGM利用時にトラブルが生じました。<br>・ファイル名がグレーのままで再生できません。<br>・外部ファイル取り込み機能がうまく利用できません。<br>・外部ファイル取り込み機能を利用するとBGMが途切れてしまいます。</summary>

BGMの容量が大きすぎると再生できないことがあります。ファイルの圧縮や外部ファイル取り込み機能の利用をご検討ください。

外部ファイル取り込み機能は、外部ストレージサービスにBGMファイルをアップロードしてURLを取得し、CCFOLIAの入力欄に貼り付けると利用できます。容量が大きい音楽ファイルを利用する際に有効です。

</details>

<details>

<summary>特定の画像・音声ファイルが一覧に表示されません。<br>・他の画像・音声ファイルは問題なく追加できています。<br>・容量の制限には引っかかっていません。</summary>

拡張子を確認した上で、ファイルの名前を変更し、再度アップロードをお試しください。

</details>

<details>

<summary>なぜか画像や音声が使えなくなりました。<br>・追加したはずの画像や音声ファイルの表示や再生ができません。<br>・急にファイルを新規アップロードできなくなりました。</summary>

特定のセキュリティソフトをご利用の環境で、アップロードされた画像や音声ファイルがブロックされた場合に発生することがあります。設定をご確認ください。

</details>

***

<details>

<summary>ルームの複製・出力がうまくいきません。</summary>

ルームデータのサイズが大きい場合にうまくいかないことがあります。\
また、他の人が作ったルームの複製・出力はできない仕様となっています。

</details>

<details>

<summary>ココフォリアの言語を日本語に変更したのに、ブラウザを再読み込みすると英語で表示されます。</summary>

ご利用のデバイスやブラウザでデフォルトの言語が英語になっている場合、再読み込み後に英語で表示されることがあります。ご利用のデバイスやブラウザの言語設定をご確認ください。

</details>


# お問い合わせ

お問い合わせの前にご一読ください。

## お問い合わせの前に

以下に該当するお問い合わせには、原則ご返信できません。

* **ココフォリアの機能について教えてほしい。**
  * 公式ドキュメント（当サイト）をご確認ください。\
    特に多いご質問への回答は、[**FAQ**](/information/faq)や[**お困りごと**](/information/problems)に掲載しています。
  * [**公式運営Discordサーバー**](https://discord.gg/VTg5VHPZBw)をご活用ください。\
    上記サーバーには、ユーザー同士で質問・相談しあえるチャンネルを設けています。
* **ココフォリアの不具合や要望について連絡したい。**
  * [**公式運営Discordサーバー**](https://discord.gg/VTg5VHPZBw)に窓口を設けています。\
    該当するチャンネルよりご連絡ください。
* **ルームデータ等を誤って消去してしまったので、復旧してほしい。**
  * 恐れ入りますが、ルームデータ等の復旧には対応しておりません。

***

### 上記に当てはまらない場合

以下の場合はメールにてお問い合わせください。

* **CCFOLIA PROに登録しているアカウントにログインできない。**
* **CCFOLIA PROの機能が利用できない。**
* **CCFOLIA GAMESで購入したゲームが遊べない、同じゲームを複数購入してしまった。**
* **CCFOLIA GAMESで購入したゲームについて、進行に問題が生じかねない不具合があった。**

#### ▼ CCFOLIA PROに関するお問い合わせの場合

{% code overflow="wrap" %}

```
CCFOLIA PROの領収書が送付されているメールアドレスより、直近の領収書を添付の上、ご連絡ください。
機能に関するお問い合わせの場合は、機種(Windows、Mac、iPhone、Androidなど)、OS(種類、バージョン)、利用ブラウザ(種類、バージョン)も記載をお願いいたします。
```

{% endcode %}

#### ▼ CCFOLIA GAMESに関するお問い合わせの場合

{% code overflow="wrap" %}

```
ゲームの購入に関するお問い合わせは、購入したゲームの領収書を添付の上、ご連絡ください。
ゲームの不具合に関するお問い合わせは、ゲーム名と不具合の内容を記載してご連絡ください。
```

{% endcode %}

#### ▼ あらかじめご確認ください

* **送受信可能な**メールアドレスからお問い合わせください。
* お問い合わせ内容により、ご対応にお時間を頂く場合がございます。
* お問い合わせの対応は平日10時～18時に行っております。\
  それ以外の時間帯に頂いたお問い合わせにつきましては、翌日以降の対応時間内に順次ご対応いたします。

### お問い合わせ先

Email: <contact@ccfolia.com>


# 開発状況

ココフォリアの開発状況・ステータス

進行中の案件について「ここにないものは実現されない」または「ここにあるものは実現される」ということではありません。

**PRO** … [**CCFOLIA PRO**](https://ccfolia.fanbox.cc/posts/5532606)機能として公開運用\
**stage-5** … ベータ機能として公開運用\
[**stage-4**](https://ccfolia.fanbox.cc/posts/1139772) ... 隠し機能として公開試験運用\
**stage-3** ... 開発チームにて試験運用\
**stage-2** ... 開発完了\
**stage-1** ... 開発中\
**stage-0** ... 実現性検証\
draft ... 検討中\
pending ... 何らかの理由で保留中

| Feature    | Detail               | Version           | Status                                                                                                          |
| ---------- | -------------------- | ----------------- | --------------------------------------------------------------------------------------------------------------- |
| チャットの小窓化   | チャットUIを小窓化する         | v1.16.0           | [**stage-5**](https://ccfolia.fanbox.cc/posts/1733055)                                                          |
| カード一括操作    | ルーム内の全てのカードを一括で操作する  | v1.9.0            | [**stage-4**](https://ccfolia.fanbox.cc/posts/1139772)                                                          |
| タイマー       | 指定された時間からカウントダウンする   | v1.9.0            | [**stage-4**](https://ccfolia.fanbox.cc/posts/1139772) **/** [**PRO**](https://ccfolia.fanbox.cc/posts/5532606) |
| ルーム複製      | 自分のルームを複製する          | v1.11.0           | [**stage-4**](https://ccfolia.fanbox.cc/posts/1139772) **/** [**PRO**](https://ccfolia.fanbox.cc/posts/5532606) |
| 盤面エクスポート   | 自分のルームをzipデータで出力     | v1.14.0           | [**stage-4**](https://ccfolia.fanbox.cc/posts/1405195) **/** [**PRO**](https://ccfolia.fanbox.cc/posts/5532606) |
| パラメータ編集の拡張 | コマンドでダイス結果分のパラメータを編集 |                   | **stage-2**                                                                                                     |
| 大量ログ出力     | 1万件以上のログを出力する        | v1.32.0           | [**PRO**](https://ccfolia.fanbox.cc/posts/5532606)                                                              |
| ダイスボット拡張   | 独自のルールのダイスボットを追加する   | v1.33.0           | [**stage-5**](/update/v1.33/roll-table)                                                                         |
| カードデッキ編集   | カード順の指定・並び替え・任意取得    |                   | draft                                                                                                           |
| ルーム権限管理    | ルーム作成者以外の管理者を設定する    | v1.28.0           | [**stage-5**](https://ccfolia.fanbox.cc/posts/6985279)                                                          |
| ルームパスワード   | ルームにパスワードを設定する       |                   | draft                                                                                                           |
| 秘匿チャットタブ   | チャットタブごとにパスワードを設定する  | v1.30.0           | [**stage-5**](https://ccfolia.fanbox.cc/posts/8170113)                                                          |
| 駒ステータス拡張   | 数値以外のステータスを扱えるようにする  |                   | draft                                                                                                           |
| シナリオテキスト改善 | タブ付きチャットパレットに近いUIに変更 |                   | draft                                                                                                           |
| シーン呼び出し    | チャット入力で特定のシーンを呼び出す   | v1.25.0 / v1.26.0 | [**stage-5**](https://ccfolia.fanbox.cc/posts/6303861)                                                          |
| 図形描画       | 画像なしで盤面に色付きの図形を描画する  |                   | draft                                                                                                           |
| テキスト描画     | 盤面に任意の大きさの文字を描画する    |                   | draft                                                                                                           |
| 3Dモード      | 3Dモードに切り替えられるようにする   |                   | pending                                                                                                         |
| Youtube再生  | Youtube 動画を小窓で再生する   | v1.25.0 / v1.28.0 | [**stage-5**](https://ccfolia.fanbox.cc/posts/6985279)                                                          |


# CCFOLIA GAMES 移行のお知らせ

CCFOLIA GAMESがココフォリア内部に移動します。

## CCFOLIA GAMESの移行

v1.29のアップデートからCCFOLIA GAMESの販売がココフォリア内部に移行します。\
変更点は以下の通りです。

* CCFOLIA GAMESの作品がココフォリア内部のストアで購入できるようになる
* 購入した作品がココフォリア内部のライブラリに登録され、ワンクリックで遊べるようになる

***

### 購入済の作品の自動登録

v1.29のアップデート以前にご購入いただいた作品は、PDFからルームを作成しておくと、ココフォリア内部のライブラリに自動で登録されます。\
2024年5月以降はPDFからルームを作成することができなくなりますので、ご注意ください。

#### ルームを作成済みの場合

作品購入時にダウンロードしていただいたPDFから新規ルームを作成済みの場合、ライブラリへの登録が自動的に行われますので、追加の対応は不要です。

#### ルームを未作成の場合

作品購入時にダウンロードしていただいたPDFをクリックし、ご購入作品のルーム作成をお願いいたします。 ルーム作成後にライブラリへの登録処理が順次行われます。ルーム作成直後はライブラリに反映されないため、しばらくお待ちください。\
ルーム作成は**2024年4月中**にお願いいたします。

2024年4月中にルーム作成ができなかった場合は、下記お問い合わせ先からご連絡ください。

***

### お問い合わせ先

PDFからルームを作成できない商品または拡張版についての対応や、その他ご不明点等につきましては、下記ページからお問い合わせください。\
<https://ccfolia.stores.jp/inquiry>


# Clipboard API (beta)

v1.19.0

You can paste the data on the board via Clipboard. Data is passed as JSON String.

The simplest example:

```
{ "kind": "character", "data": { "name": "Chicken" } }
```

You can paste this JSON string into the CCFOLIA.

### Data format

Currently only Characters are available. It is defined by Typescript.&#x20;

#### Character

```
type CharacterClipboardData = {
  kind: "character";
  data: Partial<Character>;
}

type Character = {
  name: string;
  memo: string;
  initiative: number;
  externalUrl: string;
  status: {
    label: string;
    value: number;
    max: number;
  }[];
  params: { label: string; value: string }[];
  iconUrl: string | null; // [!]
  faces: { iconUrl: string | null; label: string }[]; // [!]
  x: number; // [!]
  y: number; // [!]
  angle: number;
  width: number;
  height: number;
  active: boolean; // [!]
  secret: boolean;
  invisible: boolean;
  hideStatus: boolean;
  color: string;
  commands: string;
  owner: string | null;
};
```

\[!] You can not set external data for `iconUrl` and `faces[].iconUrl`. And, the default value takes precedence in `x` `y` `active`.

#### Item (Screen Panel)

Currently not available.

#### Marker (Marker Panel)

Currently not available.


# Scripts（2.0 β）

v1.23.0

ccfolia v2.0 preview ではカスタムスクリプトをルームに適用することができます。現状のカスタムスクリプトでは、発言を読み取って内容に応じてボットからの発言を返すことができます。例えば以下のような実装をすることができます。

* ランダム表
* キーワードに応じて情報を出す
* 完全に独自のダイスボット

カスタムスクリプトは EcmaScript で記述することができます。最もシンプルな例は、以下の通りです。onMessage は発言の度に発言者のクライアント内で呼び出されます。

```javascript
function onMessage(message) {
    return { messages: [{ text: "something" }] }
}
```

上記のスクリプトは、全ての発言に対して something という発言を追加します。引数や返り値については、以下の型定義を参考にしてください。（いくつか現状では利用されていないプロパティが含まれています）

```typescript
type Message = {
  to: string | null;
  toName: string;
  from: string;
  name: string;
  iconUrl: string | null;
  color: string;
  imageUrl: string | null;
  text: string;
  type: "text" | "note" | "system";
  extend: {
    roll?: {
      result: string;
      dices: { kind: string; value: number; faces: number }[];
      secret: boolean;
      success: boolean;
      failure: boolean;
      critical: boolean;
      fumble: boolean;
    };
  };
  removed: boolean;
  edited: boolean;
  channel: string;
  channelName: string;
  createdAt: Timestamp;
  updatedAt: Timestamp;
};

type ReturnValue = {
  messages: { text: string }[]
}

type onMessage = (message: Message) => ReturnValue;
```

## 例

### ランダム表

/rand とチャットで発言された時、選択肢の中からランダムで文字列を表示します。

```javascript
function onMessage(message) {
  if (message.text === "/rand") {
    const items = [
      "選択肢A",
      "選択肢B",
      "選択肢C",
      "選択肢D",
      "選択肢E",
      "選択肢F",
    ];
    const item = items[Math.floor(Math.random() * items.length)];
    return { messages: [{ text: item }] };
  }
}
```

### 外部API

/cat とチャットで発言された時、ランダムで猫の画像を表示します。\`getFromUrl\`はカスタムスクリプト上で提供される独自関数です。

```javascript
async function onMessage(message) {
  if (message.text === "/cat") {
    const res = await getFromUrl("https://aws.random.cat/meow");
    const data = JSON.parse(res);
    return {
      messages: [{ text: `<img src="${data.file}" alt="neko" />` }]
    }
  }
}
```