Marquee（デジタル看板）
全画面アニメーションテキスト用のデジタル看板アプリ。典型的な使用例: ショーウィンドウの告知、イベント受付、カフェの「5分後に戻ります」、セカンダリーモニターのモチベーションバナー、オープンオフィスで誰かを呼ぶプロンプト。
機能
- テキストを書き、アニメーション効果、背景色、テキスト色、速度を選択
- 1キーでフルスクリーンモード（
Fまたは⛶ボタン） - 任意のモニターで動作 — ウィンドウを別の画面にドラッグしてフルスクリーンにするだけ
利用可能な効果
| 効果 | 動作 |
|---|---|
| 水平スクロール | テキストが右から左へスライド（クラシックな看板） |
| 垂直スクロール | テキストが上昇（映画クレジット） |
| フェードイン/アウト | テキストが中央でパルス |
| バウンス | テキストが角から角へ跳ねる |
| グロー | ネオンパルス、黒背景に最適 |
| ウェーブ | 文字が波打つ（レトロ効果） |
| 静止 | テキスト停止（シンプルバナー） |
色と背景
- テキスト色: HEXピッカー
- 背景色: HEXピッカー
- プリセット（トグル）: 黒/白、黒/ネオングリーン、黒/黄色（警告サイン）、赤/白（緊急）、青/白（コーポレート）
- グラデーショントグル: 背景が滑らかなグラデーションに（3プリセット）
速度
スライダー 0.5×〜5×。デフォルト 1×（30文字のテキストを横断するのに~10秒）。
フルスクリーンモード
右上の ⛶ をクリックまたは F を押します。Esc で終了。
フルスクリーン時:
- 壁紙、ドック、メニューバーが消える
- ウィンドウコントロール（X、_、▢）が消える
- カーソルは動かずに3秒後に隠れる
モバイルベストプラクティス: 向きをロック。横向きでは、長いテキストがより多く収まります。
モバイル
スマートフォン/タブレットで動作。上部のモバイルドロワーボタンでコントロールを表示。モバイルフルスクリーンでは、下端から上にスワイプしてコントロールを呼び戻す。
解決されたアンチパターン (2026-04-26)
以前のバージョンは、カスタムフルスクリーンジェスチャーをキャプチャするために <html> に touch-action: none を適用していました。バグ: OSレベルのスワイプダウン（ボタン経由ではない）でアプリが閉じられた場合、クラスはグローバルに固定され、ページが再読み込みされるまで すべての後続アプリ のスワイプトゥクローズが破損していました。
修正: 現在は、破棄時に自動解決する ブラウザのネイティブ Fullscreen API（element.requestFullscreen()）を使用しています。<html> のグローバルクラスはありません。
キーボードショートカット
| キー | アクション |
|---|---|
F | フルスクリーン切り替え |
Esc | フルスクリーン終了 |
Space | アニメーション一時停止/再開 |
↑ / ↓ | 速度上下 |
← / → | 効果切り替え |
制限事項
- プリセットを保存しない（閉じるとテキストが失われる）
- プレイリストなし（5メッセージ間でローテーション）
- サウンドなし
- 画像インポートなし（テキストのみ）
これらは需要が正当化されたらv2のロードマップにあります。
実際の使用例
| セットアップ | 設定 |
|---|---|
| ショーウィンドウ「5分後に戻ります」 | 黒背景、黄色テキスト、水平スクロール遅め（0.7×） |
| イベント受付「Welcome to ROADSHOW 2026」 | ネオングリーングロー、静止 |
| 現在の講演者名のショーポイント | コーポレートブルーグラデーション、フェードイン/アウト2秒 |
| 「使用中」会議室ドア | 赤/白、バウンス |
| セカンダリーデスクトップモチベーションバナー | ウェーブ + グラデーション背景、1×速度 |
参考
src/config/apps.jsに登録されたアプリ（id: 'marquee'を検索）- コンポーネント:
src/components/roqueos/apps/ROSMarquee.vue - 回帰ルール
.claude/rules/10-ui-patterns.mdの「アンチパターン:<html>/<body>のグローバルクラス」セクション