![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
Notionのツイートを見た
notion、探索者図鑑みたいでめちゃめちゃ楽しいから全TRPGプレイヤーは作って欲しい
ズラっと並べるだけで壮観だし、自分でいろいろ設定すればイメージカラーとか身長順とか誕生日とかでスっと並び変えれるのでキャラ作成とかくそ捗る❕❕
通過卓管理とかうちよそ管理もめちゃしやすいのでおすすめ pic.twitter.com/RcctAeLKml
— こより✿ (@koyori_0000) September 29, 2022
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
これをやってみたい
スケジュール管理に
Notionは使っているので
教えられるかと
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
①テンプレート元ダウンロードの場所案内
いつみ様配布テンプレートページの場所
私はいつみさん(@its123me )という方が
配布してくださってる神テンプレを参考に自分で弄りまわしてます❕誕生日とか以外にもAPPとかSTRとか、
自分が各PC間で比較したいデータを入れればなんでも気軽に並び変えれるよ〜(神)❕おまいらTRPGプレイヤー絶対こういうのすきだろ⁉️やれ〜っ‼️
こより✿様ツイートより
という事で、
まず、配布している
いつみ様のTwitterページに行きましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
そして、TRPGテンプレを
クリックしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-33-1.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
押すと、
黄色いページが出てきた
![](https://sazano123.com/wp-content/uploads/2022/10/image-54-1024x497.webp)
![](https://sazano123.com/wp-content/uploads/2022/10/image-34-1-1024x497.webp)
キャラシ管理テンプレートの場所について
では、
キャラシ管理テンプレートを
開いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-35-1-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
キャラシ管理テンプレートが
出てきた。
![](https://sazano123.com/wp-content/uploads/2022/10/image-36-1-1024x497.webp)
これが
テンプレート元に
なります。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
テンプレートの複製(コピー)の方法
右上にある
「複製」を
クリックしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/Notionについて-5-1024x497.png)
–
Notionに登録していない方用の新規登録説明ページ
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
押したら
可愛いミニブタが
出てきたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-38-1-1024x497.webp)
いつみ様の
アイコンですね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
いつみ様、可愛いな
ミニブタさんは
綺麗好きだから
整理整頓の力が優れて――
はい、進めます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
–
ログインしていない場合は
ログイン画面が
出る仕様になっています。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ログインで良いのか?
![](https://sazano123.com/wp-content/uploads/2022/10/image-40-2-1024x497.webp)
……ずっと僕のサブ垢
使ってますよね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
大変便利だ
僕は不便だ。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
アドレス登録の注意
もし、個人情報入っている
アドレス名にしている方は
作り直した方が良いはず
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-41-1-1024x497.webp)
ここのドメインの名前で
下手すると
メールアドレスが
特定されます。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
Googleアカウントの作り方を忘れた人用の記事↓
![](https://sazano123.com/wp-content/uploads/2022/08/image-102-300x158.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
メールとして
使用していないから
別にこのアカウントなら良いか
良いか、ではなく
早く返せ
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
もう遅い。
登録した
![](https://sazano123.com/wp-content/uploads/2022/10/image-42-1-1024x497.webp)
新規登録時アンケートページ
アンケート系は
今回は適当で良いですが
アテンド入れますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-43-1-1024x497.webp)
適当でいいですが、
その他、個人利用、
その他で。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-44-1-1024x497.webp)
「自分のために」で
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
チームにすると
どうなる?
会社名入れさせられたり
会社向けカスタマイズ
されるので
直すのが面倒です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
なら、
自分のためにしよう。
Notionに移動するを
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
ログイン後、複製されたか確認
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
…!
コピーされたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-45-1-1024x497.webp)
これで新規登録と
複製、完了です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
複製完了後、Notionの使い方
Notionのページ構造と説明の流れの話
Notionのページはマトリョーシカ式。
ページの中に、ページがあって、ページの中に…の仕様。
その為、
①一番最奥のページへの行き方、
②最奥のページを編集仕方、
③データベースページの編集し方
…の流れで説明していきます。
まず、マトリョーシカは
分かりますか?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-47-1.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
大きい人形に、
中ぐらいの人形が入っていて
中ぐらいの人形に
小さな人形が入っている…
可愛い人形だな
そうです。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
まさにNotionも
マトリョーシカの様な
ページ構成になっています
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-46-1-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
大きいページの中に、
中ぐらいのページ、
中ぐらいのページの中に
小さなページ、ということか
そうです。
なので、
マトリョーシカを分解して
組み直すように
説明していきますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
良く分からないが、
任せた。
では、最後の小さなページ、
キャラクター紹介ページへの
行き方を手順を
追って伝えますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
キャラクター紹介ページの行き方
データベースの開き方(中ぐらいのページの表示)
Notionのメニューは、
カーソルを近付けないと表示されない!
では、
キャラシ管理テンプレートから
中ぐらいのページ、
PCリストへ行く方法を伝えますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
–
–
ページの
PCリストに
カーソルを置いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-52-1-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
「…」が出てきたから
押せば良いのか
![](https://sazano123.com/wp-content/uploads/2022/10/image-53-1-1024x497.webp)
その通りです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
「フルページで表示」か?
![](https://sazano123.com/wp-content/uploads/2022/10/image-55-1024x497.webp)
はい、その様に
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
ページが変わった…のか…?
![](https://sazano123.com/wp-content/uploads/2022/10/image-58-1024x497.webp)
いえ、左端を見て下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-57-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
キャラシ管理テンプレートの
ページの中にある
PCリストページに入ったのか…?
そうなります。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
つまり、これで
一つ目の手順は完了です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
キャラクター紹介ページの開き方(最奥のページの表示)
では
キャラクター紹介ページの
開き方ですね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
どれでもいいので、
好きなキャラ名の項目に
カーソルを置いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
なら、一番上の
藍 上緒さんにする
![](https://sazano123.com/wp-content/uploads/2022/10/image-75-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
いつもの流れだが、
メニューが出たな
では、「開く」を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-60-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
右端に何か出てきたな?
![](https://sazano123.com/wp-content/uploads/2022/10/image-61-1024x497.webp)
その「何か」が
キャラクター紹介ページに
なります。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
これを
全画面にしたい
キャラクター紹介ページの
左上のマークで出来ますよ
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-62-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
…!
立ち絵をかいたり、
プロフィール画面が
出てきたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-63-1024x497.webp)
はい。これが
キャラクター紹介ページ画面の
全体画面です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
キャラクター紹介ページの編集の仕方(装飾以外編)
基本的には、セルをクリックすれば編集できる!
大体クリックすれば
編集できるようになっています
便利
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-64-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
???
出来ないが?
どこの話ですか?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
キャラシURLの部分だ
確かにURLに
飛んでしまいますね?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
クリックしても編集できない場合
この場合は
カーソルを置いて下さい
クリックは駄目です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
分かった
![](https://sazano123.com/wp-content/uploads/2022/10/image-74-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
編集画面が出たな!
では、鉛筆マークを
押してください。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-65-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
編集が出来た…!
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
しかし、
何故メニュー隠したのか
とりあえず、Notionは
メニューなかったら
近付くとメニューでます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
立ち絵の変更
立ち絵を準備する
次に立ち絵の
変更ですね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ラビットを使おう
![](https://sazano123.com/wp-content/uploads/2022/10/image-66-225x300.webp)
ここで、ディスプレイ画像を
貼るともっとお洒落に
出来るかな、と思います。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/05/image-2022-05-26T124343.830-300x169.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
教えてもらった割に
作ってなかったな
–
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
まあいいか
立ち絵が
用意出来たところで
準備に入りますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
立ち絵の変更し方、アップロード仕方
立ち絵の部分に
カーソルを
近付けて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-72-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
置いたら、
「…」が出てきたな
良いですね
「…」をクリックです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-67-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 泣く-228x300.png)
その後、
「置換」で良いか?
![](https://sazano123.com/wp-content/uploads/2022/10/image-68-1024x497.webp)
はい、
その後
アップロードで
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-73-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
無事に
立ち絵が表示されたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-69-1024x497.webp)
キャラクター紹介ページの編集の仕方(装飾編の事前説明)
ヘッダー=カバー画像
ファビコン(タブの右にある飾り)、ページのアクセント=アイコン
では、ヘッダーや
アイコンの様な装飾に入りましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
アイコン画像とヘッダー画像の準備
アイコン画像
バストアップ画像・背景は自由
ヘッダー画像
卓報告画像や、キャラクターらしいヘッダー
まずは画像の準備ですね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
アイコン
アイコンは
バストアップ画像で良いかな
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-48-1.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
正方形なんだな?
丸型でも良いですが、
切り抜かれるのは
正方形の形です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
ヘッダー画像
ヘッダー画像は
卓報告のスクリーンショットを
使っている人が多いかな
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
即席で作ったのか
![](https://sazano123.com/wp-content/uploads/2022/10/image-49-1-1024x491.webp)
部屋素材はKIKO様のものを
お借りしております。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
キャラクター紹介ページの編集の仕方(アイコン編)
では、
キャラクター名のところに
カーソルを置いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-71-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
メニューが
二つ出てきたな
まずは
アイコンから
行きましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-76-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
星のアイコンが付いたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-78-1024x497.webp)
では、
このアイコンの
変更し方を伝えますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
まず、アイコンを
クリックします
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
……次は
クリックなんだな?
![](https://sazano123.com/wp-content/uploads/2022/10/image-79-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
アイコンを押したら、
メニューが出てきたな
では、
カスタムを
押して下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-80-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ファイルを
アップロードが出てきた
では、
アップロードで
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-81-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
無事に変更された
![](https://sazano123.com/wp-content/uploads/2022/10/image-83-1024x497.webp)
これでアイコンの
一連の流れは完了です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
アイコンで変わった場所について
アイコン変えると
色々な場所が変わるので
割とお勧めです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-82-1024x497.webp)
※時系列反対に作っているので、これ以降アイコンが反映されておりません。
キャラクター紹介ページの編集の仕方(カバー画像編)
アイコンの近くに
カーソルを置いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-84-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
カバー画像を追加
とあるな
それを押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-85-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
和風……
今から変更しますので
安心して下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-86-1024x497.webp)
まず、カバー画像の近くに
カーソルを置いて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-88-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
いつも通り、
メニューが出たな
では、
左の「カバー画像を変更」を
押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-89-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
色々な画像が出てきた
それでキャラクターに
合うのがあれば
選んでも良いですよ
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
とはいえ、
今回は卓スクショを作ったので
アップロードで行きましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-91-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
首切れたが
![](https://sazano123.com/wp-content/uploads/2022/10/image-92-1024x497.webp)
い、今から直すので…!
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
–
「表示位置を変更」を
押して、
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
押したら、上下が動く…!
![](https://sazano123.com/wp-content/uploads/2022/10/image-93-1024x497.webp)
良さげな位置になったら、
確定を押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
首が……繋がっ…た…
![](https://sazano123.com/wp-content/uploads/2022/10/image-94-1024x497.webp)
見切れていただけ
ですからね?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
これで
キャラクター紹介ページの
編集は以上か?
あとは弄れば
わかると
思います
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
PCリスト(データベース)への戻り方
では、このページの
親ページである
PCリストに戻りましょう
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
–
–
上のPCリストを
押すだけで戻れます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T135858.566-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
PCリストになったな
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T140001.085-1024x497.webp)
では、次は
このページを
編集していきましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
PCリスト(データベース)の編集し方
私はいつみさん(@ its123me )という方が配布してくださってる神テンプレを参考に自分で弄りまわしてます❕
誕生日とか以外にもAPPとかSTRとか、自分が各PC間で比較したいデータを入れればなんでも気軽に並び変えれるよ〜(神)❕
おまいらTRPGプレイヤー絶対こういうのすきだろ⁉️やれ〜っ‼️
— こより✿ (@koyori_0000) September 29, 2022
此方の方のツイートを見ると、
読み(かな)、誕生日、身長、
うちよそ、イメカラ…
があるので、
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
うちよそとは
知っていますか、
野球と宗教とうちよその話
身内以外と話すと
荒れる話題、三銃士です。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
※うちよそは概念と定義が人によって色々なので、項目として外しています
–
項目自体のやり方は
一緒なので、
読み(かな)、誕生日、
イメージカラーは
作っていきましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
PCリストの項目(プロパティ)の増やし方
では、
項目の増やし方です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
–
全部の項目の最後、
右に「+」があるので
それをクリックしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T140814.422-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
開いたが……
量が…多い…
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141055.436-1024x497.webp)
PCリストで使いそうな
プロパティのみ伝えますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
PCリストでよく使うプロパティ
これが良く使う
プロパティです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141229.659-1024x497.webp)
今回は、
項目は
読み仮名(かな)、誕生日→テキスト
身長→数字
イメージカラー→セレクト
で作っている様なので
これをもとに作りますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
テキストプロパティの追加仕方
では、先程の項目から
「テキスト」を
選択してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141528.993-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
押したら、
「プロパティを編集」と
出てきた
ではそこに
「誕生日」と入れましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141702.959-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
入力し終わった
なら、閉じてOKです
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141756.535-1024x497.webp)
これで
項目を触ることが出来るので
試しに01/01…と入れて見て下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141926.221-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
これで良いのか
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T141952.341-1024x497.webp)
そうですね。
では、読み仮名(かな)も
同じ手順で
お願いして良いですか?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
~数分後~
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
こうだな?
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142128.532-1024x497.webp)
完璧です。
ついでにプロパティの
「数値」も余り変わらないので
身長も出来ますか?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
多分できる
数値プロパティの追加仕方
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
「+」をクリック
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142416.841-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
「#数値」を選択
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142522.592-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
「身長」と入力
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142614.648-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
あとは数値を
適当に入れる。
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142652.367-1024x497.webp)
文字幅を狭める方法
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
セルとセルの間を
動かせば、文字幅小さくなるな…?
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T142933.837-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
出来た…!
よし、完璧です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
セレクトも難しくはないですが
説明したい事があるので
途中から口をはさみますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
セレクトプロパティの追加仕方
前通りの手順は、
お願いしようかな
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
勿論だ。
「+」を押す
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T143152.867-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 通常-238x300.png)
「セレクト」を選択
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T143356.793-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
プロパティを編集に
「イメカラ」と入力
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T143530.040-1024x497.webp)
セレクトプロパティのオプション追加方法(簡単版)
では、此処からですが…
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
とりあえず、適当に
「赤色系統」とか「黒色系統」とか
書いていってください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
ラビットはピンクだが、
仕方ないな
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T143649.943-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
Notionは馬鹿なのか
Notionは天才ですが
どうしました?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
赤色系統と書いたのに……
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T143935.741-1024x497.webp)
ああ計画通りなので
そのまま続けて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
そんな…
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T144030.452-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
この世の終わりみたいな
色彩感覚だな
Notion、馬鹿なので
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
さっき天才と言った癖に
よくもそんな事を…
では直しましょうか
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
オプションの色の変更し方
まず、変更したい
オプションの入った
セルをクリックしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T144353.985-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
ウィンドウが出てきたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T144512.784-1024x497.webp)
では、
「オプションを選択するか作成します。」の下の
「赤色系統」にカーソルを
近付けて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T144654.071-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
またメニューが
出てきたな…
仕様なので…
「…」を押してください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T144846.885-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
!!!
赤が!!!
選べる!
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T145101.003-1024x497.webp)
そうです、
オプション変更で
色の変更が可能になります
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
正しい色になった…
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T145135.563-1024x497.webp)
オプションで使える色一覧
先にこの項目を作っておくと
イメージカラー管理が
楽だと思うので、
伝えておきますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T145300.354-1024x497.webp)
プロパティの削除・非表示について
プロパティの削除の仕方について
削除はクリックして、
選択すれば消えそうだな…?
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T145437.904-1024x497.webp)
あった。
これで私はNotionをマスターした。
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/Notionについて-93-1024x497.png)
え、プロパティ
削除したのですか…?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
何、要らないと
思ってな
それ、全部とリンクしているので
状態プロパティ消したら
どのページでも
状態プロパティデータで消えていますよ?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
そうだな
そうだった。
一番捨てられない習性なの
僕だったか…
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
プロパティの非表示の仕方について
一応、非表示の仕方も
伝えておきますね?
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
不要だと思った
タイミングに消して
必要なら作り直せばいい
はい、伝えます
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 通常-2-254x300.png)
–
プロパティを選択して、
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T150117.451-1024x497.webp)
「ビューを非表示」で
見えなくなります
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T150216.962-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 すまし顔-1-237x300.png)
また無理矢理
引き出しに入れて
片付いたと言う愚かな発想か
また使う時……
きっと、あるので…
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 不安-2-257x300.png)
–
あとは縦列は
ドラックでも並び替えられるので
自由に作れば完成です
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/Notionについて-96-1024x497.png)
並び替え方
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
並び替えはどうやるんだ?
テーブル表示の
真下にある青い文字を
クリックしてください
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/Notionについて-97-1024x497.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
並べたい項目と
その順番についてが
出てきたな
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T150721.702-1024x497.webp)
例えば、
誕生日 降順(遅い順)に
してみて下さい
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/制服男子 笑顔-243x300.png)
無事に誕生日順に並んだ
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T150848.429-1024x497.webp)
リットリンクとの連携
リットリンクと連携すると
便利とのことだったので
お伝えしておきますね
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
リットリンクの作り方が分からない人は↓から見れます
![](https://sazano123.com/wp-content/uploads/2022/07/image-25-300x158.webp)
と言っても、
URL選択の時に
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T151855.708-1024x538.webp)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T151931.468-1024x538.webp)
Notionの
キャラクターページURLを
載せるだけです。
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 笑顔-1-261x300.png)
![](https://sazano123.com/wp-content/uploads/2022/10/image-2022-10-02T152104.299-1024x497.webp)
![男子A](https://sazano123.com/wp-content/uploads/2021/02/ダウンロード-2.png)
TRPGやる人って
作業量多いんだな…?
いえ、流石に
探索者図鑑とかリットリンクは
任意で楽しむ世界かなぁと
![男子B](https://sazano123.com/wp-content/uploads/2021/02/男子B 嬉しい-2-267x300.png)
Notion役立ちツイート
Notionでデータベースの色を変える方法 pic.twitter.com/y9EiT8vS2B
— Rei丨Notionアンバサダー (@rei_wkndcreator) November 2, 2022
関連記事
Lit.Link(リットリンク)の作り方や使い方、立ち絵一覧のあるプロフィールの作り方、TRPGユーザー向けの立ち絵アイコンやキャラクターシート、地雷一覧や視聴済み一覧が書けるプロフィールの作り方、プロフィールサイトの作り方、複数アカウントを持つ前提での解説
![](https://sazano123.com/wp-content/uploads/2022/07/Lit.-2-1024x538.png)
探索者グラフテンプレまとめ、創作PC設定グラフチャート、キャラクター深堀用ツール、テンプレート、オリジナル特徴表など、クトゥルフ神話TRPG探索者中心に、人物を深堀する為に便利な画像素材の元ツイート付き
自分でホームページを作る!Wixでのホームページの作り方、初心者でも無料ツールでホームページを作る方法、コードを使わずに簡単作成。エディタの触り方、編集の仕方、イラストレーターのポートフォリオの作り方
![](https://sazano123.com/wp-content/uploads/2022/09/image-26-8-1024x538.webp)
立ち絵ディスプレイの作成し方
サムネイルの作り方(TRPGトレイラー作成の参考例)
![](https://sazano123.com/wp-content/uploads/2021/11/image-42-1024x576.webp)
リプレイ動画・配信枠の作り方
![](https://sazano123.com/wp-content/uploads/2022/02/music-5-1024x538.jpg)
ココフォリアでの部屋の作り方
![](https://sazano123.com/wp-content/uploads/2021/10/%E5%90%8D%E7%A7%B0%E6%9C%AA%E8%A8%AD%E5%AE%9A%E3%81%AE%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-2021-10-19T231031.792-1024x538.png)
男性探索者立ち絵をNovelAiで作る呪文。スーツ、刑事、騎士、学生の立ち絵呪文について。30代男性、おじいちゃん、白衣なども記載
![](https://sazano123.com/wp-content/uploads/2022/10/image-36-6-1024x538.webp)
TRPGセッション便利ツール一覧
クトゥルフ神話TRPG第六版の説明
![「TRPGって何?」超初心者向けの簡単なやり方と実践準備編。いあキャラでのキャラクター作成、ココフォリアの使い方から、チャットパレットの設定まで。ルールブックとシナリオさえあれば、すぐ遊べる手前までチャットノベル形式で紹介!(前編)](https://sazano123.com/wp-content/uploads/2021/03/Simple-Work-Blog-Banner-1-1024x576.png)
–
–