あなただけの待合室：CrowdHandlerの新しいテンプレートをご紹介

CrowdHandlerは、常に待合室を思い通りにカスタマイズできる自由を提供してきました。例えば、独自のHTMLをアップロードしたり、表示メッセージを調整したり、自社のブランドイメージに合わせてデザインしたりすることができます。

時が経つにつれ、顧客はその柔軟性を、当初私たちが想像していた範囲をはるかに超えるレベルまで活用し始めました。没入感のある動画背景が採用された待合室や、インタラクティブな3D製品ビジュアル、さらにはリアルタイムの待ち行列状況に応じて体験全体を適応させるカスタムスクリプトなどが登場しています。

ただ、一つだけ問題がありました。そのレベルの高度な機能を実現するには、多くの場合、JavaScriptに関する深い専門知識が必要だったのです。本来なら単純な調整（メッセージの修正や、特定の条件下での要素の非表示など）で済むはずだったものが、結局はミューテーションオブザーバーやDOM操作、さらにはキューデータに紐づく複雑なイベント処理を伴うことになってしまったのです。

さまざまな顧客の間で、同じパターンが繰り返されているのを何度も目にしてきました。そして、ある結論が明らかになりました。これほど難しいはずがない、と。

というわけで、いくつかチャンを作りました

なぜVue.jsなのか？

テンプレートエンジンの再設計に着手した際、私たちは「実際にこれらのテンプレートを編集するのは誰なのか？」というシンプルな問いに焦点を当てました。

必ずしもシニア開発者ばかりというわけではありません。むしろ、デザイナーやマーケター、あるいはジュニア開発者の方が多いのです。彼らはHTMLやCSSを扱うことに慣れているものの、ほんの少しの変更を加えるためだけに、複雑なJavaScriptのロジックをリバースエンジニアリングする必要はないはずです。

Vueは、他に類を見ないほど優れたバランスを実現しています。その構文は馴染み深いHTMLのようで、ロジックを追加するための直感的な属性がいくつか追加されています。複雑なビルド設定も、JSXも、ツール関連のオーバーヘッドもありません。マークアップを書くだけで、そのまま動作します。

レイアウトの更新、文章の推敲、セクションの並び替えといった日常的な編集作業においては、その操作感はプレーンなHTMLを編集するのとほとんど変わりません。しかし、動的な動作が必要な場合、Vueを使えばDOMを直接いじる手間をかけずに、マークアップに直接その機能を追加することができます。

複雑な回避策からシンプルなマークアップへ

長年にわたりお客様が構築してきたカスタマイズ事例の多くは、実用的でユーザー重視の微調整という同じパターンに従っており、これらは以前は本来必要以上に多大な労力を要していたものです。

これで、待ち時間の表示を監視・変更するためにカスタムスクリプトを作成する代わりに、単純な条件式で処理できるようになりました。また、カウントダウンモード中に在庫数を非表示にするためにキューの更新情報を傍受する代わりに、マークアップ内に直接1つのディレクティブを適用するだけで済みます。

より良い出発点

新しいテンプレートエンジンに加え、デフォルトの待合室テンプレートも全面的に刷新しました。その目的は単純明快です。大幅なカスタマイズを行いたい場合でも、ちょっとした変更を加えたい場合でも、より強固な基盤を提供することです。

この新しいテンプレートは、柔軟性が高く、アクセシビリティに優れ、導入直後から世界中のユーザーに対応できるよう設計されています。自社ブランドに合わせて素早くカスタマイズでき、AAA準拠のアクセシビリティを備えており、追加の設定なしで多言語対応が可能です。

アクセシビリティに加え、これらのテンプレートはユーザーに多言語対応の体験を提供します。標準の多言語テンプレートは、導入直後から50の言語に対応しています。

より高速で、よりスマートなワークフロー

お客様（特にデザイナー）から寄せられた最大の課題の一つは、フィードバックループでした。変更を加え、アップロードし、キューシナリオをトリガーし、問題を発見し、それを繰り返す――という流れです。

その作業は時間がかかり、イライラさせられ、しかも不必要なものでした。

新しいシステムでは、組み込みの模擬データをローカルで利用して作業を行うことができます。

待ち行列に何千人ものユーザーが並んだ場合、待合室がどのように機能するか見てみたいですか？値を1つ変更するだけで確認できます。

カウントダウンモードやデフォルトの動作をプレビューしたいですか？フラグを切り替えてください。

開発環境を離れることなく、あらゆるシナリオを検証することができます。

モバイル表示

既存のテンプレートについてはどうでしょうか？

何も変わらない。

現在お使いのテンプレートは、これまでと全く同じように引き続きご利用いただけます。強制的な移行や廃止のスケジュールはなく、既存の設定に支障が生じることもありません。

新しいテンプレートは、現行システムと並行してベータ版としてリリースされます。現在お使いのシステムに問題がなければ、そのまま使い続けても構いません。しかし、一から始める場合（またはアップグレードを検討している場合）は、新しいシステムの方がはるかにスムーズに進めることができます。

今すぐお試しください

新しいテンプレートシステムは、CrowdHandlerのコントロールパネル内でベータ版としてご利用いただけるようになりました。

複雑なスクリプトを使わずにピクセル単位でデザインを細かく制御したい場合でも、DOMとの格闘を避けつつ、よりすっきりとした保守性の高いロジックを実現したい場合でも、今回のアップデートは皆様の作業をよりスムーズにするために設計されています。

すでにCrowdHandlerをご利用の方は、ぜひ新しいテンプレートを試してみてください。初めての方は、今が始め時です。CrowdHandlerには無料で登録できます。