Web時計 & 天気予報
こんな人におすすめ
- すぐに使える全画面時計をブログ/サイトに置きたい
- 都道府県・市区町村ごとの天気を簡単に見せたい
- アナログ/デジタルを切り替えたい、秒針の有無や針の太さを調整したい
- BGMループを流して雰囲気を出したい(※ブラウザの仕様に従いユーザー操作後に再生)
主な機能(要点)
- 時計:デジタル/アナログ切替、12/24時間、秒表示、フォント、サイズ、テーマ
- アナログ:目盛り・数字(1~12)付き、秒針ON/OFF、針の太さ、サイズ
- 天気:日本の都道府県/市区町村に対応。未入力orミス時は都道府県の代表地点で表示
- 全画面:ワンクリックでフルスクリーン表示、時計と天気を縦並びで見やすく
- BGMループ:複数のプリセットから選択、次の“秒”に同期して開始、音量調整
クイックスタート(最短手順)
- 都道府県/市区町村を入力(例:東京都 / 渋谷区)
- 全画面ボタンで大きく表示
- 表示切替:アナログ/デジタル、秒表示、サイズ、テーマを調整
- BGMループ:音源を選択 → 音量を上げる →(必要なら)秒に同期をON
メモ:市区町村が空or見つからない場合は、都道府県の代表地点で表示します。ガイド文も自動で表示。
主要設定の説明(UIの並び順)
時計(共通)
- 表示:デジタル / アナログ
- フォント:System / 明朝 / 丸ゴ / Monospace / Serif
- テーマ:Light / Dark / OLED(背景色・文字色も自動最適化)
- 色:文字色 / 背景色
デジタル
- 秒表示:ON/OFF
- 12時間表記:ON/OFF
- サイズ:S / M / L / XL
アナログ
- 秒針:ON/OFF
- 針の太さ:薄い / 標準 / 太い
- サイズ:S / M / L / XL(SVGの最大幅)
天気
- 都道府県(選択)+市区町村(テキスト)
- 更新:⟲ ボタンで手動更新(自動更新も実装/一定間隔で再取得)
- メッセージ:条件に応じて案内文を表示(未入力/該当なしなど)
BGMループ
- 音源:複数から選択 / OFF
- 音量:0–100
- 秒に同期:ONで次の秒境界に合わせて再生開始(聴覚と視覚の一体感UP)
よくある質問(FAQ)
更新履歴
- v0.9.1:BGMループ(秒同期)、Figma風UI、天気フォーム統合、全画面で縦レイアウト
- v0.9.0:アナログ時計(目盛り・数字・秒針ON/OFF)、天気の都道府県フォールバック
使い心地や要望(例:週間予報・湿度・降水確率など)があれば、コメントで教えてください。順次アップデートに反映します!
コメント