どんなサイトにもなじむ、ライブスケジュール

課題

会場もアーティストも LiveTribe で日程を管理していますが、多くは自分のサイトも持っています。よくある iframe での埋め込みは、フォントも色も違い、スクロールバーも出て、どうしても浮いて見えます。検索エンジンも、公演情報を別サイトのものとして扱います。

行ったこと

• scriptタグ1つ、依存ライブラリなし。 インストール不要で、常に最新版が表示されます。
• Shadow DOM。 カレンダーと掲載先のサイトが、互いのデザインを崩しません。
• アダプティブなテーマ。 ページの色とフォントを読み取り、最新の CSS の色の混合機能で配色を組み立てます。
• コンテナクエリ。 サイドバーでも全幅のページでも、与えられた幅にぴったり収まります。
• サーバーで描画した HTML。 公演とリンクは掲載先ページの中にあり、検索エンジンに読まれます。
• ライブプレビュー付きのコード生成。 会場やアーティストは設定を選び、仕上がりを確認してからコピーできます。

変わったこと

会場もアーティストも、1分ほどで自分のサイトにスケジュールを載せられるようになりました。見た目はサイトの一部になじみ、日程の管理は一か所で済みます。