配信サイトのアイコンをテンプレートに表示できるわんコメの配布プラグイン【attach-service-icon】

attach-service-icon わんコメ プラグイン 配信サイト アイコン表示 プラグイン
この記事は約4分で読めます。
記事内に広告が含まれています。

今回は以前公開したYouTubeのライブ配信で使えるアンケートを表示できるわんコメのテンプレに続き、ユーザーごとに配信サイトのアイコンをお持ちのテンプレートに表示できるわんコメの配布プラグインです。

attach-service-icon」についてよくご確認の上、ご利用をお願いいたします。

スポンサーリンク

attach-service-iconとは

attach-service-icon」は、わんコメのプラグインとして動作し、YouTubeとTwitchなど、複数サイトで同時配信をしているときに役立つ配信サイトごとのアイコンをテンプレートに表示できるわんコメの配布プラグインです。

attach-service-icon わんコメ プラグイン 配信サイト アイコン表示

こちらは、テンプレートではなくプラグインであるため、これまでに公開していたテンプレートたちとは導入方法が異なります。

プラグインの導入方法や使い方は、わんコメ公式サイトのドキュメントをご確認ください。

テンプレートではなくプラグインとして制作されているため、プラグインの干渉がなければお持ちのどのテンプレートにもご利用いただけます。

ただし、バッジ部分に配信サイトのアイコンを表示させているため、バッジが表示されないテンプレートの場合はカスタマイズしないと表示できません。

audiencenewstickerのように、バッジの表示部分がない場合にはカスタマイズしないと効果はありません。

簡単な動作状況は、以下の動画をご確認ください。

\動画準備中/

更新情報

1.0.2 ニコ生接続時のアイコンを変更(2025/05/31)
1.0.1 プラグイン表示時のnameをわかりやすく変更(2025/05/30)
1.0.0 公開版(2025/05/30)

HTML&CSS Webデザイン 現場レベルのコーディング・スキルが身につく実践入門
技術評論社
¥3,520(2025/05/30 20:29時点)
本書は、HTML&CSSの最初の学習を完了し、Webサイト制作を仕事にするレベルへと進みたい人のために、実案件をもとに作成した練習サイトを使って制作方法をマスターし、現場レベルのコーディング・スキルを身につけることのできる書籍です。

ご利用条件

「attach-service-icon」プラグインご利用にあたっては、以下の条件に同意できる方のみご利用をお願いいたします。

  • 再配布をしないこと
  • (再配布を伴わないご自身でのカスタマイズ利用は自由です)

  • 自作等のご自身で作成されたものと誤解される発言をなさらないこと
  • ご自身でカスタマイズされた場合にも配布をなさらないこと
  • いかなる問題が生じた場合にも当方が責任を負うものではないことをご理解いただくこと
  • 直接のダウンロードリンク(直リンク)を公開しないこと

再配布は禁止とさせていただくため、プラグインをご友人や企業間などいかなる場合でも、配布はなさらないようお願いいたします。

プラグインは直接配布なさらず、必ず当ページからダウンロードしていただきたいです。

また、ダウンロード用のリンク(直リンク)は公開なさらないようにご紹介をお願いいたします。

上記のように再配布等は禁止させていただいておりますが、条件を守っていただける限りは個人・企業勢どのような方でも商用利用を含むご利用が可能です。

概要欄などで、このプラグインを使っている表記やダウンロード元の記載(いわゆるクレジット表記)をする必要はありません。
それでも、書いてくれたり使ってみた感想をいただけると喜びます。

ダウンロード

ダウンロードにあたっては、ご利用条件の確認をいただいた上で、同意できる方のみご利用をお願いいたします。

ちょくちょくアップデートされる可能性があるため、このページをブックマークされるか、ツイッター(X)をフォローいただくのをおすすめ!
動作におかしな点がありましたら、ページ下部にあるコメント欄作者のTwitter(X)にお知らせいただけると嬉しいです。

通常版
attach-service-icon 1.0.2ダウンロード

ダウンロードしましたら、わんコメのプラグインフォルダに入れてください。

動作確認は、わんコメ8.0βバージョンにて行われています。


プラグインの情報

「attach-service-icon」プラグインは無料でご利用いただけますが、ご利用条件にあるとおりの利用や紹介をしてください。

今回作ったattach-service-iconは、Visual Studio CodeのCopilot(GPT-4.1)に活躍してもらい作成しました。

動作の検証を行うために最低限度のJavaScriptの知識は必要になりますが、しっかりと指示を出せばおおよそ正しいコードを吐き出してくれるので大助かりです。

実はこのテンプレートは、テンプレートの初開発品として手を出してみた作品です。

SVGでのアイコン表示をメインにしたかったのですが、見た目を優先してファビコンを参照している経緯があります。

また、制作した初期段階では、コメント部分に各サイトのアイコンを表示させていたのですが、配信中にわんコメ本体でコメントを参照する場合や解析(ログ)を使う場合に、若干邪魔に思えてしまったのでバッジ後ろに表示をさせました。

attach-service-icon わんコメ プラグイン 配信サイト アイコン表示 わんコメ本体の表示

このように、テンプレートだけでなく、わんコメ本体側にもバッジの後ろにどの配信サイトからコメントされたのかのアイコンが表示されます。

Copilot Proへの加入は続けているため、追加でまた何か新しいわんコメのプラグインやテンプレートを作るかもしれませんので、期待してお待ちいただけると嬉しいです。

コメント

スポンサーリンク
タイトルとURLをコピーしました