# 参加型管理でリスナーのアイコンを表示したい

**URL:** <https://forum.onecomme.com/t/topic/1409>\
**Category:** カスタマイズ\
**Created:** [2023 年 11 月 7 日午前 10:18 UTC](https://forum.onecomme.com/t/topic/1409 "2023-11-07T10:18:08Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nikogori\_z](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/nikogori_z/32/338_2.png) [@nikogori\_z](https://forum.onecomme.com/u/nikogori_z)\
**Post date:** [2023 年 11 月 7 日午前 10:18 UTC](https://forum.onecomme.com/t/topic/1409/1 "2023-11-07T10:18:08Z")

</div>

## 対象

その他

## 利用OS

Windows

## 利用バージョン: Windows、わんコメやOBSのバージョン

Windows: 10  
わんコメ：5.0.5  
OBS: 29.1.3

## PRO版を利用

している

## 過去ログ確認 ([検索はこちらから](https://forum.onecomme.com/search))

した

## ドキュメント確認 ([公式サイト](https://onecomme.com/docs/faq/))

した

## 内容

参加型管理を使用する際に、参加希望のリスナーをアイコンのみ表示することは可能でしょうか。  
アイコンのみは一般的な表記ではないため、要望ではなくカスタマイズとさせていただきました…！

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2023 年 11 月 10 日午前 10:58 UTC](https://forum.onecomme.com/t/topic/1409/2 "2023-11-10T10:58:52Z")

</div>

現在わんコメに搭載されている参加型管理のテンプレートですと、 **waiting.txt** というもので管理されているため、参加型管理のテンプレート設定で設定できる項目以外の表示はできません。

> **[参加型管理 | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/feature/order-management/)**
>
> コメントを利用して参加型配信の順番管理ができます

.txtと拡張子がついているとおり、ただの「テキストファイル」として吐き出しているため、コメントのテンプレートとは違いアイコン（アバター）を表示させることができなくなっています。

* * *

できるかもしれないという方法としては、自作の参加型管理テンプレートを作っていただくものです。

JavaScriptを扱えば、参加型の順番待ち情報一覧を返却する項目もあるため、ご希望されているような

> [@nikogori\_z](#):
>
> 参加型管理を使用する際に、参加希望のリスナーをアイコンのみ表示する

といったテンプレートを作ることも可能かもしれません。  
（私自身で作っていないため確実なことは言えませんが）

> **[JavaScript SDK | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/docs/developer/onesdk-js/)**
>
> わんコメAPIをテンプレート等から呼び出す際に便利なJavaScript SDKについて

* * *

また、わんコメ定例で先日行われたテンプレートのカスタマイズ入門では、JavaScriptについては大きく触れられはしなかったのですが、ご自身で作るのが難しい場合の解決策を話されていました。

[![](https://img.youtube.com/vi/N25oYjT1rc8/maxresdefault.jpg "わんコメ定例 vol.74 - わんコメテンプレートの仕組みとカスタマイズ入門") ](https://www.youtube.com/watch?v=N25oYjT1rc8&t=2647)

わんコメのテンプレートをカスタマイズするために自分で勉強してみようかな、という場合に非常に有用な話が冒頭からなされているので、カスタマイズ全般に興味があれば見ていただくのがおすすめです ✨

---

<div class="post-metadata">

**Author:** ![nikogori\_z](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/nikogori_z/32/338_2.png) [@nikogori\_z](https://forum.onecomme.com/u/nikogori_z)\
**Post date:** [2023 年 11 月 10 日午前 11:19 UTC](https://forum.onecomme.com/t/topic/1409/3 "2023-11-10T11:19:34Z")

</div>

丁寧なご回答ありがとうございます！  
せっかくなので自作も視野に入れてみます…！

---

<div class="post-metadata">

**Author:** ![shinkunoshizuku](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/shinkunoshizuku/32/913_2.png) [@shinkunoshizuku](https://forum.onecomme.com/u/shinkunoshizuku)\
**Post date:** [2023 年 11 月 10 日午後 5:23 UTC](https://forum.onecomme.com/t/topic/1409/4 "2023-11-10T17:23:32Z")

</div>

お伝えをし忘れてしまい申し訳なかったのですが、わんコメ5.0以上に対応しているものとして、 **参加型カスタマイズ用ベーステンプレート** というのは別途配布されています。

> **[DL テンプレート | わんコメ - OneComme | 配信者のためのコメントアプリ](https://onecomme.com/templates/downloads/)**
>
> プリセット以外でダウンロードできるテンプレート一覧

* * *

こちらを使えばテンプレート形式であるため、プロフィールアイコン（アバター）が表示できることを確認できます。

デフォルトだとスライド形式で、「アイコン」「名前」「参加回数」「参加時のコメント」が出ます。

CSSで`.comment-block`を非表示にすれば、アイコンだけ表示も可能です。

* * *

自作されるのであれば、この「参加型カスタマイズ用ベーステンプレート」をベースに作られると、楽になるかもしれませんね。

---

<div class="post-metadata">

**Author:** ![nikogori\_z](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/nikogori_z/32/338_2.png) [@nikogori\_z](https://forum.onecomme.com/u/nikogori_z)\
**Post date:** [2023 年 11 月 12 日午前 11:02 UTC](https://forum.onecomme.com/t/topic/1409/5 "2023-11-12T11:02:21Z")

</div>

ありがとうございます！

---

<div class="post-metadata">

**Author:** ![ASTIE](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/astie/32/58_2.png) [@ASTIE](https://forum.onecomme.com/u/ASTIE)\
**Post date:** [2023 年 11 月 29 日午後 1:56 UTC](https://forum.onecomme.com/t/topic/1409/6 "2023-11-29T13:56:15Z")

</div>


