ステップ 1 / 3

🔐 Twitch認証

新規作成ボタンをクリックして、このツールをTwitchで認証してください。ビューワーカウンターがあなたのチャンネルの視聴者数にアクセスできるようになります。<br>既にURLやHTMLファイルを生成済みの方はそれぞれの読み込みボタンから読み込んで設定を変更できます。HTMLファイルを読み込んでURLを新規発行することもできます。

📤 既存のURLから読み込み

以前に発行したURLがある場合、こちらにURLを貼って設定を復元できます。

📤 既存のHTMLファイルから再開

以前に作成したHTMLファイルがある場合、アップロードして設定を復元できます。

⚠️ HTML版は廃止されました。既存のHTMLファイルをアップロードして設定を復元し、URL版に移行してください。

または

🎯 セットアップ後の使い方

  1. 生成されたURLをコピー
  2. OBSでブラウザソースとして追加
  3. 視聴者数がリアルタイムで更新されます

🌟 主な特徴

  • 完全無料 - 一切の課金なし
  • 単一ファイルソリューション - 生成されたURL1つで動作
  • 背景透過 - 配信に重ねて表示可能
  • カスタマイズ可能 - フォント、色、サイズを選択
  • リアルタイム反応 - Twitch公式サイトと同じ速度で視聴者数を表示
  • 自動再接続 - 接続が切れても自動的に再接続

🔒 プライバシーとセキュリティ

このツールは以下のセキュリティ対策で安全に動作します:

  • Twitchアクセストークンは暗号化されて当サーバーに保存されますが、URL内の復号キーなしでは解読できませんので安心してご利用いただけます。

⚠️ 重要なセキュリティ通知

生成されるURLには、あなたの認証情報(Access Tokenなど)が含まれます。

  • このURLを他人と共有しないでください
  • URLはローカルに保存し、自分だけで使用してください
ステップ 2 / 3

🎨 デザイン設定

フォント、色、サイズを選択してください。リアルタイムでプレビューが表示されます。

📝 フォント

🎨 色

📏 サイズ

🔍 プレビュー

1,234
ステップ 3 / 3

🎉 URL生成

設定完了!URLを生成します。

📺 OBSでの設定方法

  1. OBS Studioを開く
  2. ソース」→「ブラウザ」を追加
  3. URL」に生成されたURLを貼り付け
  4. 幅と高さをお好みに設定(例: 200x100)
  5. ページがアクティブでない時にソースをシャットダウン」のチェックを外す(チェックが入っていると、シーン切り替え時に点滅することがあります)
  6. OKをクリックして保存
← ホームに戻る
Version 1.1.1 (Build 6)