# 発言者を判断する機能の質問

**URL:** <https://forum.onecomme.com/t/topic/296>\
**Category:** 質問\
**Created:** [2022 年 5 月 21 日午前 11:24 UTC](https://forum.onecomme.com/t/topic/296 "2022-05-21T11:24:54Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![asashinneito](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/asashinneito/32/355_2.png) [@asashinneito](https://forum.onecomme.com/u/asashinneito)\
**Post date:** [2022 年 5 月 21 日午前 11:24 UTC](https://forum.onecomme.com/t/topic/296/1 "2022-05-21T11:24:54Z")

</div>

対象: わんコメ  
表示画面: OBSのCSS  
利用OS: Windows  
利用バージョン: 3.1.1  
過去ログ確認: していない  
ドキュメント確認（ [Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://onecomme.notion.site/d04d95b33a03419c8924dad00f550006) ）: した  
内容:

こんにちは、海外からの配信者です、日本語下手ですみません。

僕はYouTubeのみ配信しますが、最近Twitchも使用したいのでわんコメをダウンロードしました。

今YTチャットルームに使っているCSSはLineみたいな機能があります。

「自分がコメントする時：右から緑のバブル  
リスナーがコメントする時：左から白のバブル」

でも、テンプレートジェネレーターのLINEスタイルにはこのような機能がありません。

質問したいのは  
わんコメは↓こうみたいな、判断する機能がありますか？

yt-live-chat-text-message-renderer[author-is-owner]{  
flex-direction: row-reverse;  
}

(チャンネルオーナーの権限とか、名前で判断とか)  
もしないなら、何か他の方法がありますか？

よろしくお願いします！

---

<div class="post-metadata">

**Author:** ![hyk](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hyk/32/75_2.png) [@hyk](https://forum.onecomme.com/u/hyk)\
**Post date:** [2022 年 5 月 21 日午前 11:46 UTC](https://forum.onecomme.com/t/topic/296/2 "2022-05-21T11:46:40Z")

</div>

はじめまして、わんコメフォーラムへようこそ。  
以下のページが参考になるかもしれません。

- [わんコメ公…/OBS用テンプレ…/テンプレートで自分のコメントにだけスタイルを適用する方法](https://onecomme.notion.site/32a04cf145584981bb67cd34334262f6#f1d44b1184e14ccdbbd51dcbe7ead462)

この中にLine風テンプレートにて特定のユーザのみ吹き出しの向きを変える例があります。以下にとりあえず動いた例を載せておきます（切り貼りして作ったため最適ではないかもしれません）。

```css
:root {
    --lcv-name-color: rgba(0, 0, 0, 1);
    --lcv-text-color: rgba(0,0,0,1);
    --lcv-background-color: rgba(255,255,255,1);
    --lcv-name-shadow: var(--lcv-name-shadow-1);
    --lcv-name-shadow-color: rgba(255, 255, 255, 1);
    --lcv-comment-shadow: var(--lcv-comment-shadow-1);
    --lcv-comment-shadow-color: rgba(255, 255, 255, 1)
}

[data-user="streamer"] {
  --lcv-side-left-visible: none;
  --lcv-side-right-visible: block;
  --lcv-side: var(--lcv-side-right);
  --lcv-icon-side: var(--lcv-icon-side-right);
  align-self: flex-end;
}
[data-user="streamer"] .comment-block {
  text-align: right;
}
[data-user="streamer"] .comment-text {
  text-align: left;
}

[data-user="streamer"] {
    --lcv-name-color: rgba(0, 0, 0, 1);
    --lcv-text-color: rgba(0,0,0,1);
    --lcv-background-color: rgba(122,220,64,1);
    --lcv-name-shadow: var(--lcv-name-shadow-1);
    --lcv-name-shadow-color: rgba(255, 255, 255, 1);
    --lcv-comment-shadow: var(--lcv-comment-shadow-1);
    --lcv-comment-shadow-color: rgba(255, 255, 255, 1)
}

```

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/350ec48ec19533b20492e43fde837a142715b664.png)

---

<div class="post-metadata">

**Author:** ![asashinneito](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/asashinneito/32/355_2.png) [@asashinneito](https://forum.onecomme.com/u/asashinneito)\
**Post date:** [2022 年 5 月 21 日午後 1:31 UTC](https://forum.onecomme.com/t/topic/296/3 "2022-05-21T13:31:40Z")

</div>

> [@hyk](#):
>
> ```auto
> :root {
> --lcv-name-color: rgba(0, 0, 0, 1);
> --lcv-text-color: rgba(0,0,0,1);
> --lcv-background-color: rgba(255,255,255,1);
> --lcv-name-shadow: var(--lcv-name-shadow-1);
> --lcv-name-shadow-color: rgba(255, 255, 255, 1);
> --lcv-comment-shadow: var(--lcv-comment-shadow-1);
> --lcv-comment-shadow-color: rgba(255, 255, 255, 1)
> }
> 
> [data-user="streamer"] {
> --lcv-side-left-visible: none;
> --lcv-side-right-visible: block;
> --lcv-side: var(--lcv-side-right);
> --lcv-icon-side: var(--lcv-icon-side-right);
> align-self: flex-end;
> }
> [data-user="streamer"] .comment-block {
> text-align: right;
> }
> [data-user="streamer"] .comment-text {
> text-align: left;
> }
> 
> [data-user="streamer"] {
> --lcv-name-color: rgba(0, 0, 0, 1);
> --lcv-text-color: rgba(0,0,0,1);
> --lcv-background-color: rgba(122,220,64,1);
> --lcv-name-shadow: var(--lcv-name-shadow-1);
> --lcv-name-shadow-color: rgba(255, 255, 255, 1);
> --lcv-comment-shadow: var(--lcv-comment-shadow-1);
> --lcv-comment-shadow-color: rgba(255, 255, 255, 1)
> }
> 
> ```

できました！  
ありがとうございます！！！

---

<div class="post-metadata">

**Author:** ![hyk](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hyk/32/75_2.png) [@hyk](https://forum.onecomme.com/u/hyk)\
**Post date:** [2022 年 5 月 21 日午後 2:01 UTC](https://forum.onecomme.com/t/topic/296/4 "2022-05-21T14:01:02Z")

</div>

解決したのでクローズしました。何かあれば別topicを建ててください