【WEB App】Analog Clock UI v1.1 — 使い方 ＆ 機能カスタマイズガイド

概要

本アプリは、デスクトップ上に配置して自由に移動・デザインをカスタマイズできる浮遊型アナログ時計ウィジェットです。

文字盤の数字（ローマ数字／アラビア数字）やカラーのリアルタイム変更はもちろん、手元のお気に入り画像を背景スキンとして保存したり、毎時0分0秒に鳴る時報（Chime）機能を備えています。

基本操作

操作	動作内容
ドラッグ ＆ ドロップ	時計本体を掴んで画面内の好きな場所へ移動できます
右クリック (コンテキストメニュー)	設定画面（SYSTEM CONFIGURATION）やヘルプを呼び出します

主な機能と設定（SYSTEM CONFIGURATION）

時計の上で右クリックすると専用の設定画面が開きます。後ろの時計を確認しながらリアルタイムに調整が可能です。

1. DIAL & TEXT（文字盤・デザイン変更）

• 文字盤スタイル: ローマ数字（Ⅰ, Ⅱ, Ⅲ…）とアラビア数字（1, 2, 3…）をワンタップで切替
• フォント ＆ サイズ: 時計の大きさ、文字の太さ、半径、配色を自由自在にカスタマイズ
• カラーピッカー: 文字盤・針・外枠の色を個別に指定可能

2. BG SKINS（背景スキンギャラリー）

• プリセットスキン: あらかじめ用意された標準スキンから選択
• カスタム画像アップロード: 手元の画像ファイルを背景スキンとして追加可能
• 完全ローカル保存: アップロードした画像データはブラウザ内（IndexedDB）に安全に保存されるため、外部サーバーへ送信されることはありません

3. AUDIO & CHIME（音響設定）

• 秒針 SE: 秒針の動きに合わせたステップ音（On/Off）
• 正時時報（Chime）: 毎時 0分0秒 に時報チャイムを自動再生

4. PRESETS & DATA（設定のバックアップ・入出力）

• スロット保存: 現在のデザイン状態をスロットに保存・ワンクリック復元
• JSON エクスポート / インポート: 作成した時計デザイン設定を JSON ファイルとして保存したり、別端末へ読み込ませることが可能

よくある質問 (FAQ)

Q. アップロードした画像はサーバーに保存されますか？
A. いいえ。すべてお使いのブラウザ内部（IndexedDB）にのみ暗号化保持されます。プライベートな画像でも安心してご利用いただけます。

Q. 設定を初期状態に戻したい
A. 設定画面の「PRESETS & DATA」タブ内にある RESET ボタンを押すことで、デフォルトのデザインへ安全に戻すことができます。