> For the complete documentation index, see [llms.txt](https://docs.ccfolia.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.ccfolia.com/tutorial/gm-rta.md).

# 15分でできる！GM向け卓準備

「ココフォリアを使ってみたいけど何だか難しそう」そんなことはありません！初めてでも15分あれば、セッションの用意ができます。

## さあ、はじめよう！

細かい話は後にして、まず[ココフォリア](https://ccfolia.com/)にアクセスし、今すぐはじめるをクリック！\
画面下部の**新規アカウント作成**をクリックして、メールアドレスとパスワードを登録するか、X(旧twitter)やGoogleアカウントで認証を行い、アカウントを作成しましょう！

{% hint style="info" %}

#### メールアドレス登録とSNS認証、どっちがいい？

メールアドレスを登録すると、SNSのアカウントが使えないときでも問題なくココフォリアを利用できます。\
SNS認証にすると、パスワード管理の手間が減ります。\
お好みの方法を使いましょう！
{% endhint %}

***

### 自分だけのルームを作ろう！

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

1. [ホーム画面](https://ccfolia.com/home) 右下の**＋ボタン**をクリック
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="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9lYsmTykUgy7jyYWCy%2Fuploads%2F2QcQtXEUMqDWipc9moAR%2Fstartup7_roomhensyu_modify2.png?alt=media&amp;token=26cc550e-9d10-49a6-aaef-68e197440fe8" alt="" width="563">

設定したら、③閉じるをクリックしましょう！

左上のサムネイルをクリックすると、真っ暗な画面が表示されているはずです。

***

### 背景を設定しよう！

まず何もないところをダブルクリックしてみましょう。

画像選択画面が開きましたね！\
自分のフォルダにある秘蔵の画像をドラッグ＆ドロップしましょう。\
急いでいる？もちろん複数枚だって一度に追加できます。

<figure><img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9lYsmTykUgy7jyYWCy%2Fuploads%2FZ9Zln384lX2JjzCYy4BQ%2Fstartup9_gazousentagkugamen.png?alt=media&amp;token=4c98ead2-e816-49f2-a809-445c0d65b034" alt="" width="563"><figcaption></figcaption></figure>

画像をクリックするだけで前景や背景が設定できます！\
ダブルクリックした場所に格子があったら前景が、格子がなかったら背景が設定されます。

<img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9lYsmTykUgy7jyYWCy%2Fuploads%2FVKxW0VXWD7dZ5TGu3rt7%2Fstartup8_zenkeihaikei_modify.png?alt=media&amp;token=dead977a-728f-4ddf-9aff-c2bb7a7d537f" 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="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M9lYsmTykUgy7jyYWCy%2F-MSXGf4T2g-QE8BKAR_-%2F-MSX_DQKWXlzmgICAD2i%2Flayers-24px.svg?alt=media&amp;token=6d776fe8-cfef-48d1-8f3c-df47dd17a51f" alt="" data-size="original">**スクリーンパネル一覧**を表示
2. **スクリーンパネル一覧**ウインドウ右上にある **＋ ボタン** から、画像を選択

画像を選択すると、盤面にスクリーンパネルが追加されます。

<img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9lYsmTykUgy7jyYWCy%2Fuploads%2FCBbmssRvcx9ahcjRlqqh%2F09_01_%E3%82%B9%E3%82%AF%E3%83%91%E3%83%8D_%E8%A1%A8%E7%A4%BA.png?alt=media&amp;token=b7f0bbe0-553d-4ad1-a390-1f833d965ed2" alt="" width="563">

マウス操作で移動や変形を試してみましょう。

スクリーンパネルにマウスカーソルを合わせると形状が変化し、次のような操作ができます。

<table><thead><tr><th width="274">形状・名称</th><th>説明</th></tr></thead><tbody><tr><td><img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M9lYsmTykUgy7jyYWCy%2F-MSYKA28k3SkNifMfRtx%2F-MSYOZi64FEHLOYq4qjG%2Fopen_with-24px%20(1).svg?alt=media&amp;token=ed80fc52-4796-4ef2-a6d5-630c2f8c3bb4" alt="" data-size="original"> 移動カーソル</td><td>ドラッグでスクリーンパネルの配置を変更</td></tr><tr><td><img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M9lYsmTykUgy7jyYWCy%2F-MSYKA28k3SkNifMfRtx%2F-MSYTGlDRByESWWIepY-%2Fopen_in_full-24px.svg?alt=media&amp;token=63f5533e-2f8b-480e-9c2e-e46377d3301f" alt="" data-size="line"><img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M9lYsmTykUgy7jyYWCy%2F-MSYKA28k3SkNifMfRtx%2F-MSYTBXkVQoc7MLexXyJ%2Fcompress-24px.svg?alt=media&amp;token=97ead5b4-d868-4b9a-982d-6b998a30948c" alt="" data-size="original">拡大/縮小カーソル</td><td>配置したスクリーンパネルの大きさを変更</td></tr></tbody></table>

完璧な配置ができましたか？忘れずに右クリックから**配置固定**しましょう。

スクリーンパネル一覧でスクリーンパネルそれぞれに設定されている <img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-M9lYsmTykUgy7jyYWCy%2F-MSYhs-KAxcsN-dRe2zI%2F-MSYiM4etqnfxC7AjoT7%2Fvisibility-24px.svg?alt=media&amp;token=b2849174-4e4b-4420-bf9a-d2522b449499" alt="" data-size="original">**パネルの非表示**ボタンで、非表示に切り替えられます。\
これで、PLが敵のアジトを探し当ててからマップを公開できますね！

***

### 敵NPCを事前に作っておく

すでに[５分でわかる！PL向け卓準備](/tutorial/pl-rta.md)をご覧になった方もいらっしゃるかもしれませんが、同じ要領で敵NPCを作成しておくことができます。

さらに、敵NPCのステータスを見えなくすれば、緊張感が高まるでしょう！\
ステータスを非公開にすれば、残りHPやイニシアティブはPLから確認できなくなります。

<img src="https://2319285159-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M9lYsmTykUgy7jyYWCy%2Fuploads%2FIXJxzEkolvTSJ13sC2Cj%2Fstartup12_status_modify.png?alt=media&amp;token=1124ddea-efe5-4001-b4b2-8bd2da8d6e73" alt="" width="563">

一度配置した後にキャラクターを右クリックして**しまう**を選択すれば、キャラクターが盤面からいなくなります。次に**盤面に追加**した際、同じ場所に出現します。\
事前にキャラクターを配置しておくとスムーズでしょう！

***

### さあ、セッションを開始しよう

ルームの準備は整いましたか？ではルームのURLをPLに共有しましょう！\
これだけで、準備したルームでPLと一緒に遊ぶことができます。

## それでは、よいセッションを！