AIツール

hiboardのスクリーンショット

ai-tool

hiboard

Claude Codeを3つ4つ並列で走らせると、どれが自分の返事を待っているのか分からなくなる。複数のセッションを最大3列のグリッドに並べ、Hooks連携で実行中・確認待ち・完了などの状態を枠色に表示する。VOICEVOXが応答を読み上げるため、画面を見ずに進捗を追える。transcriptを解析し、消費トークンとおおよそのコストも集計する。

配信ツール

手書き風時計オーバーレイの表示例

streaming-tool

手書き風時計オーバーレイ

配信画面の時計を、手書きのまま動かし続けるために作った。手書き風フォントを表示しているのではなく、数字を構成する7セグメントの一画ずつを手描きのストロークとして引き、0.18秒ごとに引き直している。同じ時刻でも1秒前と1秒後では線のかたちが違う。マーカー・クレヨン・鉛筆・チョーク・筆ペン・ボールペンの6画材を、かすれ・粒・にじみの出方から作り分け、背景あり/なし・日付あり/なし・秒あり/なしを掛けた48種をHTMLとCSSだけで組んだ。

OBS YouTube Panelのスクリーンショット

streaming-tool

OBS YouTube Panel

配信中のYouTubeチャンネル登録者数や動画の反応をOBS画面へまとめて表示するために開発した。登録者数・高評価・再生回数・コメント数・総再生回数・動画本数から表示項目を選べる。ブラウザでAPIキーとチャンネルIDを設定するとOBS用URLが生成され、その場で見た目も確認できる。5つのテーマ、7色、6つのレイアウトを組み合わせられ、複数のライブ配信の高評価・再生回数・コメント数も自動で合算する。

movie-clipperのスクリーンショット

streaming-tool

movie-clipper

ゲーム実況配信からYouTube Shorts向けの切り抜きを作る手間を減らすために開発した。Geminiが音声を文字起こしし、見どころ候補を3〜5件提案する。タイムラインでIN・OUTを手動調整し、プレビュー上の枠で切り出し範囲を指定できる。1080x1920へ変換して書き出し、生成済みShortsは一覧・プレビュー・お気に入りで管理できる。

Subscriber Overlayのスクリーンショット

streaming-tool

Subscriber Overlay

YouTubeのチャンネル登録者数を配信画面にリアルタイム表示するために開発した。YouTube StudioのアナリティクスページをOBSのブラウザソースで読み込み、カスタムCSSでデザインを適用する。ダークカードにオレンジ枠とゴールドの数字を使うテーマと、インク飛沫背景にゴールドエッグと白文字を使うテーマを用意している。ブラウザでは全テーマをプレビューでき、登録者数とラベルの表示も差し替えられる。