スマートフォンの画面を、ライブやイベントで振れるサイリウム（ペンライト）に変えるWebアプリ。推しのメンバーカラーを全画面に表示し、名前やメッセージを大きく映し出せる。アプリのインストールは不要で、ブラウザで開くだけですぐ使える。ペンライトを忘れたときや、うちわ代わりにメッセージを掲げたいときにも便利だ。
こんな場面で使える
- ライブやコンサートで、推しのメンバーカラーを光らせて応援したいとき
- ペンライトを持っていない友達と、同じ色で応援したいとき
- 推しの名前やメッセージを、手作りうちわのように掲げたいとき
- 誕生日パーティーやイベントの演出で、会場を一色に染めたいとき
主な機能
- 多彩なカラー設定: カラーピッカー・16進数のカラーコード・プリセットパレットから色を選べる。メンバーカラーのコードが分かれば、ぴったりの色を再現できる。
- テキスト表示: 推しの名前などの好きな文字を表示できる。縦書きと横書きの切り替えにも対応。
- 7種類のフォント: かわいい・かっこいい・シンプル・SF風・モダン角ゴ・モダン明朝・ドットから、雰囲気に合わせて選べる。
- プリセット保存: 色・テキスト・フォントの組み合わせを最大5つまで保存し、曲ごとにワンタップで切り替えられる。
- 設定の自動保存: 一度設定すれば、ページを閉じても次に開いたときに同じ状態で始まる。
- QRコード・URLで共有: 今の設定とプリセットを丸ごとQRコードやURLにして友達に渡せるので、みんなで「おそろい」の応援ができる。
- オフライン対応: ホーム画面に追加すれば、電波が届きにくいライブ会場でも使える。
使い方
- スマートフォンでページを開き、画面下の操作パネルで色・テキスト・フォントを設定する。
- 画面の色の部分をタップすると操作パネルが消え、全画面で光る。
- もう一度タップすると操作パネルが戻る。
- よく使う設定はプリセットに保存しておき、曲に合わせて切り替える。
ライブの前に、ブラウザのメニューから「ホーム画面に追加」しておくのがおすすめ。
技術構成
HTML・CSS（Tailwind CSS）・JavaScriptで作った静的なWebアプリで、GitHub Pagesから配信している。設定はlocalStorageに保存し、QRコードの生成にはqrcode.jsを使用。Service WorkerによるPWA対応で、オフラインでも起動できる。フォントはGoogle Fontsから読み込んでいる。ライセンスはMIT。
工夫した点
ライブ中は暗い会場で、しかも片手で操作することになる。そこで画面をタップするだけで操作パネルの表示・非表示を切り替えられるようにし、余計なボタンが光の邪魔をしないようにした。設定の共有はURLに情報を埋め込む方式にしたので、サーバーもアカウントも不要で、QRコードを読み取るだけで同じ設定を再現できる。会場の電波が弱くても困らないよう、一度開けばオフラインで動くことも重視した。
よくある質問
無料で使えますか？
無料で、アカウント登録も不要。ソースコードもMITライセンスで公開している。
もっと明るく光らせるには？
画面の明るさは端末の設定に従う。ライブの前に、端末の画面の明るさを最大にしておくのがおすすめだ。
友達と同じ色・同じ文字にするには？
共有機能でQRコードかURLを作り、友達に読み取ってもらう。保存したプリセットもまとめて渡せるので、曲ごとの色替えまで「おそろい」にできる。
ライブ会場で使っても大丈夫ですか？
公演によっては、スマートフォンの使用や光る応援グッズについてルールが決められていることがある。使う前に、公演や会場のルールを必ず確認してほしい。
