TOKI×Maker

OBSの配信画面に貼るカスタム時計を作って書き出すツール

プレビュー
14:30:00

表示タイプ

時刻フォーマット

動きを確認するときは「秒の表示」を一時的に ON にすると毎秒アニメーションが走るのでおすすめです。

タイマー設定

起動時に過ぎていたら 24h 単位で翌日にロール (毎日のリピート配信 OK)

カウントアップ設定

数字 (時・分・秒)

時刻と日付の区切り線

コロン

コロンの丸を任意の文字やアイコンに置き換えます

タイムゾーン表示

副時計 (別タイムゾーン)

プリセットにないタイムゾーンは「カスタム…」を選び、すぐ下の入力欄に Europe/Madrid のような IANA 形式の名前を入れます。

OFF: 主時計の設定を継承 / ON: 副時計で個別指定
使えるプレースホルダ
記号意味例 (ja)例 (en)
YYYY年 4 桁2026
YY年 2 桁26
MM月 (0 埋め)05
M5
DD日 (0 埋め)28
D28
MMMM月名 (長)5月May
MMM月名 (短)5月May
Do序数28日28th
dddd曜日 (長)木曜日Thursday
ddd曜日 (短)Thu

曜日を表示したい場合は ddd / dddd をフォーマットに入れてください (例: YYYY-MM-DD ddd)。

プレースホルダと衝突する文字 (M / D / Y など) をリテラルとして表示するには [...] で囲んでください (例: [Mar] D ❤ [Birthday]Mar 28 ❤ Birthday)。

スタイル

漢字非対応フォントで曜日が崩れる場合に別フォントを指定
上の要素との間隔
下の要素 (時刻など) との間隔

アイコン

プリセットにないアイコンは「カスタム…」を選び、すぐ下の入力欄に Material Symbols の名前を入れます (例: crown, sword_rose, favorite)。

アニメーション

OBS シーン内での位置

時計を画面のどこに表示するか。OBS で位置調整しやすい四隅などを選べます。

並び順

上下の並びを ↑↓ で入れ替えできます。

テキスト配置

時刻 / 日付 / バッジ / 副時計を個別に左右配置

余白 (カード内側)

塗り

背景画像

塗り (単色やグラデーション)の上に重なります。複数枚重ねることもできます (上のリストほど下のレイヤー)。

枠線

プリセット

クリックすると現在の設定が上書きされます (元に戻すは Ctrl+Z)。

設定をすべて埋め込んだ単一HTMLを書き出します。OBSの「ブラウザソース」→「ローカルファイル」で読み込めます。

設定の共有・移行

他の人と同じ時計を共有したり、別端末に設定を移したい場合に。

大きい設定をファイルで送受信したい場合:

シェア