# 半角数字のみのコメントを非表示にしたい

**URL:** <https://forum.onecomme.com/t/topic/1559>\
**Category:** 質問\
**Created:** [2024 年 3 月 18 日午前 9:02 UTC](https://forum.onecomme.com/t/topic/1559 "2024-03-18T09:02:05Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![hoshikagelapis](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hoshikagelapis/32/1482_2.png) [@hoshikagelapis](https://forum.onecomme.com/u/hoshikagelapis)\
**Post date:** [2024 年 3 月 18 日午前 9:02 UTC](https://forum.onecomme.com/t/topic/1559/1 "2024-03-18T09:02:06Z")

</div>

## 対象

わんコメ

## 利用OS

Windows

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

Windows: 11  
わんコメ： 5.1.4  
OBS: 0.0.0（こちら今回関係がないためSKIPさせてくださいませ）

## PRO版を利用

している

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

した

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

した

## 内容

いつもお世話になっております！

配信プラットフォームのイベントなどでポイントのために「視聴者が1~100をカウントする」という行為があるのですが、こちらが通常コメントと混ざってしまうため、可能であれば半角数字のみのコメントを非表示にしたいと思っています。

こちら現状の仕様で非表示にする方法はございますでしょうか。  
ご教示いただけますと大変助かります。

何卒よろしくお願いいたします。

---

<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:** [2024 年 3 月 18 日午前 10:22 UTC](https://forum.onecomme.com/t/topic/1559/2 "2024-03-18T10:22:51Z")

</div>

半角数字「1～100」のみで投稿されているコメントを非表示にしたいのですね。

残念ながら、現状のわんコメの設定では、非表示にはできません。

要望の「非表示」とは異なってしまいますが、[文字列置換機能](https://onecomme.com/docs/settings/comments#%E3%82%A2%E3%83%97%E3%83%AA%E7%94%BB%E9%9D%A2%E3%81%AE%E9%A0%85%E7%9B%AE%E5%88%A5%E8%AA%AC%E6%98%8E)を使えば、好きな文字に置き換えることは可能です。

* * *

ただ、わんコメの設定にはご希望の機能がないだけで、ご自身でテンプレートをカスタマイズすれば、希望いただいている **半角数字を非表示にすることは可能** です。

basicをベースにしたサンプルのテンプレートを用意いたしましたので、そちらも確認いただくとわかりやすいかと思います。

▼サンプルテンプレートのダウンロード  
[https://nvl-game.tokyo/uploads/onecomme/templates/basic-ngword-forum-1559.zip](https://nvl-game.tokyo/uploads/onecomme/templates/basic-ngword-forum-1559.zip)

* * *

このサンプルテンプレートのindex.htmlの26行目には、

```auto
:data-ngcomment="comment.data.comment"

```

というものが追加されています。

そして、style.cssを開いていただくと「1」と「2」だけ設定してありますが、半角数字の「1」だけのコメントを消すために

```auto
[data-ngcomment="1"] {
    display: none;
}

```

が指定してあります。

面倒ではありますが、これを「100」まで設定すれば（上記コードをコピペして、数字だけ書き換えればいいと思います）、1～100の半角数字だけのコメントは非表示とすることができます。

![スクリーンショット 2024-03-18 192025](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/b/b472a0f907b32f7423635d8c2aeadccb59e954ce.png)  
1と2だけ非表示にしている例のスクショ（左がサンプルそのままのbasicテンプレ）

* * *

サンプルのテンプレートはbasicを使っていますが、その他のテンプレートでも同じような手法が使えますので、ご自身でのカスタマイズを試してみてください。

【重要】  
テンプレートをカスタマイズする際には、必ず **もとのテンプレートをコピーして別名にしたうえで作業** してください。

---

<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:** [2024 年 3 月 18 日午後 12:40 UTC](https://forum.onecomme.com/t/topic/1559/3 "2024-03-18T12:40:18Z")

</div>

ちなみに、1～100までの100パターン登録するのが面倒、ということがあれば、以下のように **非表示の絞り込みを緩く** することもできます。

```auto
[data-ngcomment^="1"] {
    display: none;
}

```

このコードを使う場合は先の投稿で示したコード違い、半角の「1」から始まるコメントは **すべて表示されません** 。  
1～100の間で言うと、1と10～19と100がこの1つのCSSだけで非表示にできます。

つまり、1～100の半角数字を非表示にする場合、先の投稿で示したコードだと1～100の **100パターン** 必要でしたが、こちらは1～9で始まるコメントの **9パターン** の指定で解決するということです。

* * *

**【デメリット】**  
1～100の半角数字のみをキッチリ指定していないため、たとえば

「1000回腹筋しました」

という半角数字以外も含んでいるコメントや、1～100の範囲外の数字があっても、半角「1」から始まるコメントであるため、非表示になってしまいます。

ただ同じようなコメントでも

「腹筋1000回しました」

というコメントであれば、半角数字以外から始まるコメントであるため、半角数字を含んでいても表示が可能です。

![スクリーンショット 2024-03-18 213619](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/2X/b/b538d3985db2e9e54b95cae4f08e21de70f000c5.png)  
1から始まるコメントが数字以外を含んでもすべて非表示なる例

**【メリット】**

- テンプレートをカスタムする工程が少ない
- 工程が少ないため半角数字以外に全角数字の指定もしやすい（必要ならば）

* * *

こちらのパターンのように、大まかな指定で作業工程を減らすこともできますが、思っていなかったコメントまで非表示へと巻き込んでしまう可能性があるため、一長一短ですね 😅

どちらのパターンで非表示を実現するにせよ、テンプレートをカスタマイズする際には、必ず **もとのテンプレートをコピーして別名にしたうえで作業** するのを忘れないようお願いいたします。

---

<div class="post-metadata">

**Author:** ![hoshikagelapis](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/hoshikagelapis/32/1482_2.png) [@hoshikagelapis](https://forum.onecomme.com/u/hoshikagelapis)\
**Post date:** [2024 年 3 月 20 日午後 3:11 UTC](https://forum.onecomme.com/t/topic/1559/4 "2024-03-20T15:11:24Z")

</div>

shinkunoshizuku様

テンプレートの制作までありがとうございました！  
こちら無事に解決いたしました。

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

---

<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:** [2024 年 3 月 20 日午後 5:43 UTC](https://forum.onecomme.com/t/topic/1559/5 "2024-03-20T17:43:06Z")

</div>

解決したようでなによりです 👍

サンプルとして用意させていただいたテンプレートはbasicを使わせていただきましたが、  
index.htmlに追記する

```auto
:data-ngcomment="comment.data.comment"

```

や、style.cssに追記（もしくはOBSのカスタムCSSに追記）する

```auto
[data-ngcomment="1"] {
    display: none;
}

```

といったものをわんコメのその他テンプレートにも適用すれば、同じように半角数字の非表示が可能となります。

* * *

また、おせっかいかもしれませんが、イベントでカウントするとのことで、もう一つ環境によってはテンプレートを見直すといいかもしれない部分もあります。

テンプレートには **script.js** が含まれていますが、1行目の

```auto
const LIMIT = 30

```

で表示するコメントの数（上記コードで非表示にしたを含む）を制限しています。

LIMITの数字（30）を大きくすると **負荷は高くなります** が、本件で非表示に設定した1～100の数字が一気にコメントされた際に、通常のコメントが押し出されて不自然に消えてしまうことを防ぎやすくはなります。

> **通常コメントが押し出される例 ←クリックでオープン**
>
> - カウントする人が一気に増え、通常コメントが極端に少なくなったとき

ただ若干ながらPCへの負荷が高まるため、数字を大きくする際には一気にではなく、少しずつ調整するとよいかと思います。

* * *

もし今後、こんなカスタマイズがしたいという相談が出てきた際には、カスタマイズカテゴリもご活用いただければと思います。

> **[カスタマイズ](https://forum.onecomme.com/c/customize/9)**
>
> このカテゴリはわんコメのテンプレート、WordPartyのカスタマイズについてのカテゴリです 
> マニュアル外のカスマイズ相談やCSS/JavaScriptの実装相談はこちらのカテゴリで行ってください

* * *

**【気をつけていただきたい点】**  
本件に限らずテンプレートをカスタマイズする際には、そのまま進めるとわんコメ本体やお使いの配布テンプレートのアップデートがあるとき上書きされてしまうため、必ず **テンプレートを複製して別名のフォルダを作ってカスタマイズ** を進めていただくようお願いいたします。  
（テンプレエディタを使うなど、OBSのカスタムCSSに追記するだけのときは別）