# 【ニコニコ風テンプレート】niconicomments-for-onecomme

**URL:** <https://forum.onecomme.com/t/topic/812>\
**Category:** テンプレート配布\
**Created:** [2022 年 12 月 18 日午後 7:02 UTC](https://forum.onecomme.com/t/topic/812 "2022-12-18T19:02:13Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2022 年 12 月 18 日午後 7:02 UTC](https://forum.onecomme.com/t/topic/812/1 "2022-12-18T19:02:13Z")

</div>

テンプレート名：  
niconicomments-for-onecomme  
対応バージョン：  
わんコメ 3.2.2以上  
※開発者は3.2.2でのみ動作確認を行っています  
配布URL：

> **[GitHub - xpadev-net/niconicomments-for-onecomme: ニコニコ風のコメントを流すわんコメ用テンプレート /...](https://github.com/xpadev-net/niconicomments-for-onecomme)**
>
> ニコニコ風のコメントを流すわんコメ用テンプレート / Template for onecomme displaying Nicovideo style comments - GitHub - xpadev-net/niconicomments-for-onecomme: ニコニコ風のコメントを流すわんコメ用テンプレート / Template for onecomme displaying N...

ライセンス：  
MITライセンス(改変再配布OK※著作権表示とMIT ライセンスの全文を同梱すること)  
制限：  
ニコニコ動画準拠でコメントを描画するためスパチャなどの要素には一切非対応です  
説明：  
以前公式から提供されていたニコニコ風テンプレートの代替です

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/3395de201006ed8684eee58fa139328ddd100711.png)  
仕様などはニコニコ動画に(なるべく)準拠しています

---

<div class="post-metadata">

**Author:** ![user20](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/user20/32/782_2.png) [@user20](https://forum.onecomme.com/u/user20)\
**Post date:** [2022 年 12 月 19 日午前 5:51 UTC](https://forum.onecomme.com/t/topic/812/2 "2022-12-19T05:51:48Z")

</div>

はじめまして！ワンコメさんを使い始めてまだ浅くディスコードサーバーにも入ったばかりの新参者ですが、コメント失礼します。

テンプレを使ってみたいのですが、ワンコメのフォルダのなかに入れるまではできるのですが、それ以降の手順がわかりません。申し訳ないですが教えていただきたいです！

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2022 年 12 月 19 日午前 7:58 UTC](https://forum.onecomme.com/t/topic/812/3 "2022-12-19T07:58:48Z")

</div>

はじめまして！  
解凍したzipをtemplatesフォルダーに入れた後、わんコメ右上の三点リーダーからテンプレートを開くとniconicomments-for-onecomme\_v0.0.1というテンプレートが見えると思います

 ![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/e9f4b786dd52038a1004e769f7d142a3df167092.jpeg)  
これをOBSのウィンドウ上にD&Dすれば導入できると思います

---

<div class="post-metadata">

**Author:** ![user20](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/user20/32/782_2.png) [@user20](https://forum.onecomme.com/u/user20)\
**Post date:** [2022 年 12 月 19 日午後 12:22 UTC](https://forum.onecomme.com/t/topic/812/4 "2022-12-19T12:22:50Z")

</div>

説明ありがとうございます！  
テンプレート上にでてきてOBS上には出せたのですが、どうもコメントが流れてきません。  
ほかのテンプレートはコメント表示できているので、現在のVer.4.0.6で表示できない可能性が高いのでしょうか？

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2022 年 12 月 19 日午後 1:44 UTC](https://forum.onecomme.com/t/topic/812/5 "2022-12-19T13:44:41Z")

</div>

![image](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/9e38feaac5e2fb7b6603bef275a1585414ee485c.png)  
おそらくリンク先のCodeボタンからダウンロードされたのだと思いますが、  
そちらではなくリリース(赤枠の部分)から「Latest」がついているバージョンのAssetsの中に有る「niconicomments\_for\_onecomme-(バージョン).zip」をダウンロードしてください

---

<div class="post-metadata">

**Author:** ![user20](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/user20/32/782_2.png) [@user20](https://forum.onecomme.com/u/user20)\
**Post date:** [2022 年 12 月 19 日午後 5:47 UTC](https://forum.onecomme.com/t/topic/812/6 "2022-12-19T17:47:45Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![aiueoaoiex](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/aiueoaoiex/32/958_2.png) [@aiueoaoiex](https://forum.onecomme.com/u/aiueoaoiex)\
**Post date:** [2023 年 2 月 23 日午前 8:18 UTC](https://forum.onecomme.com/t/topic/812/7 "2023-02-23T08:18:42Z")

</div>

![画像](https://canada1.discourse-cdn.com/flex031/uploads/onecomme/original/1X/79c6409f34cda623d4496a572a7cfc82314f3c6e.jpeg)

はじめまして！コメント失礼致します。

ニコニコ風に流れるコメントずっと欲しいと思っていたのでとても嬉しいです。  
特許にご配慮いただきながらシステムの開発と配布ありがとうございます。

一つ質問したいのですが、  
絵文字がURLとして流れてしまうのですが、原因はなんでしょうか？  
CSSにて解決することはできますか？  
状況の画像を添付します。

---

<div class="post-metadata">

**Author:** ![aiueoaoiex](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/aiueoaoiex/32/958_2.png) [@aiueoaoiex](https://forum.onecomme.com/u/aiueoaoiex)\
**Post date:** [2023 年 2 月 23 日午前 8:19 UTC](https://forum.onecomme.com/t/topic/812/8 "2023-02-23T08:19:57Z")

</div>

わかりやす様に、背景にコメントも載っけています。

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 3 月 9 日午後 6:05 UTC](https://forum.onecomme.com/t/topic/812/9 "2023-03-09T18:05:44Z")

</div>

返信遅くなってしまい申し訳ないです  
[aka7774](https://github.com/aka7774)さんが以下のフォークで絵文字関連の対応をしてくださっているのでこちらを使用していただければと思います

> **[GitHub - aka7774/niconicomments-for-onecomme: ニコニコ風のコメントを流すわんコメ用テンプレート /...](https://github.com/aka7774/niconicomments-for-onecomme)**
>
> ニコニコ風のコメントを流すわんコメ用テンプレート / Template for onecomme displaying Nicovideo style comments - GitHub - aka7774/niconicomments-for-onecomme: ニコニコ風のコメントを流すわんコメ用テンプレート / Template for onecomme displaying Nico...

(元リポジトリの方についてはPRいただければマージしますが、勝手に他人のフォークからPR出してマージするのもどうかと思ったのでそのままになっています)

---

<div class="post-metadata">

**Author:** ![Boss\_00xl](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/boss_00xl/32/817_2.png) [@Boss\_00xl](https://forum.onecomme.com/u/Boss_00xl)\
**Post date:** [2023 年 3 月 18 日午後 1:11 UTC](https://forum.onecomme.com/t/topic/812/10 "2023-03-18T13:11:23Z")

</div>

お返事ありがとうございます！

実は配信中リスナー様に  
xpadevさんのテンプレートバグを相談したところ、こちらのAkaさんが私の為にわざわざ改良してくださいまして、こちらのURLはご本人様から共有済みです。ありがとうございます🙇🏻‍♂️！

引き続きこちらのテンプレート使用させて頂きたいなと思っております！よろしくお願いいたします。

---

<div class="post-metadata">

**Author:** ![Boss\_00xl](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/boss_00xl/32/817_2.png) [@Boss\_00xl](https://forum.onecomme.com/u/Boss_00xl)\
**Post date:** [2023 年 3 月 18 日午後 1:12 UTC](https://forum.onecomme.com/t/topic/812/11 "2023-03-18T13:12:24Z")

</div>

すみません私↑の質問者の別アカウントです！

---

<div class="post-metadata">

**Author:** ![kuzuyo](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/kuzuyo/32/1108_2.png) [@kuzuyo](https://forum.onecomme.com/u/kuzuyo)\
**Post date:** [2023 年 5 月 21 日午後 4:30 UTC](https://forum.onecomme.com/t/topic/812/12 "2023-05-21T16:30:19Z")

</div>

はじめまして！  
こちらのテンプレートを使用したくてわんコメさんを導入させていただきました！  
まだわからないことも多く、見落としなどありましたら申し訳ないのですが、コメント失礼致します。

私はTwitchをメインに配信しているのですが、Twitchのエモートが文字列として表示されてしまいます。  
エモートを画像として表示させる方法などはありますでしょうか？  
お返事いただければ幸いです  
よろしくお願いいたします

---

<div class="post-metadata">

**Author:** ![BOCHI](https://avatars.discourse-cdn.com/v4/letter/b/a8b319/32.png) [@BOCHI](https://forum.onecomme.com/u/BOCHI)\
**Post date:** [2023 年 6 月 2 日午前 3:23 UTC](https://forum.onecomme.com/t/topic/812/13 "2023-06-02T03:23:45Z")

</div>

お初です✨  
ニコニコ風テンプレートで以下のことをしたいと思って中身を勝手に見させていただいているのですが、どこをどう変えればいいかわかりません💦  
・アイコン表示（コメントの左でアイコンがない配信サイトはその配信サイトのファビコンやロゴ）  
・ユーザ名表示（コメントの上にコメントより1/2の大きさで「：」付き）  
・コメント縁取り（これはCSSでできそー…）  
・スパチャ対応（コメントやアイコンを1枠で外枠太め覆って額ごとの色対応）

変えるのも許可がいるとかありましたでしょうか…？💦 javascriptもかじった程度で解析を試みましたが、かなり長いコーディングでちんぷんかんぷんでした💦💦  
お手すきな時にご教授いただければ幸いです✨

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 6 月 5 日午前 10:49 UTC](https://forum.onecomme.com/t/topic/812/14 "2023-06-05T10:49:29Z")

</div>

対応が遅くなってしまい申し訳有りません

エモートが文字列として表示される問題については画像をそのまま表示できるよう、現在対応作業を進めていますので、少々お待ちください

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 6 月 5 日午前 10:56 UTC](https://forum.onecomme.com/t/topic/812/15 "2023-06-05T10:56:46Z")

</div>

はじめまして！

改変についてですが、このテンプレートはMITライセンスというライセンスのもとで配布されています  
ですので、改変については自由に行っていただいて構いません

改変については案内にあるビルド成果物ではなく、[ソースコード](https://github.com/xpadev-net/niconicomments-for-onecomme/tree/master/src)を編集することをおすすめします

なお、コメントの描画は[niconicomments](https://github.com/xpadev-net/niconicomments/)というライブラリで実装しており、Canvasを使用して描画を行っているため、CSSでの干渉は出来ません  
コメントの動作を変更したい場合は内部で使用しているクラスを拡張して、動作を実装してください

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 6 月 5 日午前 11:02 UTC](https://forum.onecomme.com/t/topic/812/16 "2023-06-05T11:02:34Z")

</div>

# このテンプレートに関する問い合わせや要望などについて

ここのフォーラムはあまり頻繁に確認をしていないため、[GitHubのIssue](https://github.com/xpadev-net/niconicomments-for-onecomme/issues/new) または Twitter まで連絡をいただけると幸いです  
どうぞよろしくお願いします 🙇‍♂️

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 6 月 11 日午前 7:46 UTC](https://forum.onecomme.com/t/topic/812/17 "2023-06-11T07:46:21Z")

</div>

## niconicomments-for-onecomme v0.0.2をリリースしました

> **[Release v0.0.2 · xpadev-net/niconicomments-for-onecomme](https://github.com/xpadev-net/niconicomments-for-onecomme/releases/tag/v0.0.2)**
>
> 修正
> 
> 画像と一部HTMLエンティティに対応
> 内部処理の都合でgifには非対応です
> HTMLエンティティの対応は aka7774さんのフォーク から取り込ませていただきました
> 
> 機能追加
> 
> コンフィグ機能
> config.jsonを変更することで通常コメントの表示を変えたり、スパチャを大文字で表示したりできるようになりました

### 修正

- 画像と一部HTMLエンティティに対応  
内部処理の都合でgifには非対応です  
HTMLエンティティの対応は [aka7774さんのフォーク](https://github.com/aka7774/niconicomments-for-onecomme) から取り込ませていただきました

### 機能追加

- コンフィグ機能  
config.jsonを変更することで通常コメントの表示を変えたり、スパチャを大文字で表示したりできるようになりました

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 7 月 14 日午後 7:10 UTC](https://forum.onecomme.com/t/topic/812/18 "2023-07-14T19:10:59Z")

</div>

niconicomments-for-onecomme v0.0.4をリリースしました

> **[Release v0.0.4 · xpadev-net/niconicomments-for-onecomme](https://github.com/xpadev-net/niconicomments-for-onecomme/releases/tag/v0.0.4)**
>
> 修正
> htmlタグを削除するように変更しました
> "がそのまま表示されるバグを修正しました
> 追加
> configに置換オプション(replace)を追加しました
> → https://github.com/xpadev-net/niconicomments-for-onecomme#replace
> nico:fill:(color|color code)に対応しました
> → https:/...

## 修正

- img画像で表示される画像がはみ出すバグを修正しました(v0.0.3の更新内容です)

- htmlタグを削除するように変更しました

- &quot;がそのまま表示されるバグを修正しました

## 追加

- configに置換オプション(replace)を追加しました  
→ [GitHub - xpadev-net/niconicomments-for-onecomme: ニコニコ風のコメントを流すわんコメ用テンプレート / Template for onecomme displaying Nicovideo style comments](https://github.com/xpadev-net/niconicomments-for-onecomme#replace)

- nico:fill:(color|color code)に対応しました  
→ [niconicomments documentation](https://xpadev-net.github.io/niconicomments/#c_fill)

---

<div class="post-metadata">

**Author:** ![xpadev](https://yyz1.discourse-cdn.com/flex031/user_avatar/forum.onecomme.com/xpadev/32/780_2.png) [@xpadev](https://forum.onecomme.com/u/xpadev)\
**Post date:** [2023 年 7 月 18 日午前 11:23 UTC](https://forum.onecomme.com/t/topic/812/19 "2023-07-18T11:23:35Z")

</div>

niconicomments-for-onecomme v0.0.7をリリースしました

> **[Release v0.0.7 · xpadev-net/niconicomments-for-onecomme](https://github.com/xpadev-net/niconicomments-for-onecomme/releases/tag/v0.0.7)**
>
> 修正
> 
> nico:fill:(color|color code) 及び nico:waku:(color|color code) が機能していなかったバグを修正しました

## 改善

- 複数の条件を指定できるようになりました
- 比較条件を「等しい」「等しくない」「以上」「以下」「より多い」「未満」から選べるようになりました
- スーパーチャットのサンプルを追加

## 修正

- nico:fill:(color|color code) 及び nico:waku:(color|color code) が機能していなかったバグを修正しました

---

<div class="post-metadata">

**Author:** ![Y\_madyZero](https://avatars.discourse-cdn.com/v4/letter/y/b782af/32.png) [@Y\_madyZero](https://forum.onecomme.com/u/Y_madyZero)\
**Post date:** [2023 年 7 月 21 日午後 4:10 UTC](https://forum.onecomme.com/t/topic/812/21 "2023-07-21T16:10:08Z")

</div>

間違えて削除してしまったので再掲です。  
お世話になっております。  
わんコメでのニコニコ風のコメント表示、大変重宝させていただいております。  
ご質問なのですが、自分で色々試してみましたが文字サイズの変更の方法がわかりません。  
できればもう少し小さく表示できたらな、と思うのですが･･･  
お忙しいとは存じますが、ご教授のほどお願いできたらと思います。  
よろしくお願いいたします。

[次のページ](https://forum.onecomme.com/t/topic/812.md?page=2)
