メインコンテンツへスキップ

OptiSyncデータマッピングとGoogleスプレッドシートを使用して誕生日リストを表示する方法

**記事本文（HTMLコンテンツ）:**

OptiSyncを使用すると、Googleスプレッドシート、Microsoft Excel、HRシステムなど、さまざまなソースからデータを動的にマッピングして、画面に従業員の誕生日のお祝いを表示できます。この記事では、データソースをDesignerアプリに接続し、画面上の誕生日祝いを自動的に更新する方法について説明します。

OptiSyncで誕生日リストを設定するには、次の手順に従います：

  1. OptiSyncで誕生日リストを設定する
  2. 値を自動更新する方法
  3. リピーターで空のデータ値を処理する方法
  4. シートで自動ソートを設定する
  5. デザインを画面にプッシュする

注記：OptiSyncは動的データマッピング機能で、Pro Plus以上のプランでのみご利用いただけます。

OptiSyncで誕生日リストを設定する

OptiSignsを使用して誕生日リストを画面に動的にマッピングする方法の詳細な説明ビデオについては、以下のガイドをご覧ください：

  1. OptiSignsにアクセスしてアカウントにログインします
  2. デザイナーまたはアカウント設定のDataSourceからDataSourceを追加して進みます。
    • データソースの追加方法についてはこちらをご覧ください。
  3. 「Add DataSource」をクリックし、Googleスプレッドシートを選択します。

注記：この機能はGoogleスプレッドシートに限定されませんが、例ではデモンストレーション目的で主要なデータソースとして使用されます。

オプション1：ゼロからリピーターを作成する

リピーターデザインのいずれも実現しようとしているデザインに合わない場合は、リピーター自体の中でゼロから独自のデザインを作成できます。方法は次のとおりです：

  1. Designerアプリ を開きます
  2. DataSource → カスタムDataSourceを選択 → 「Row 1」を展開します。
  3. リピーターに表示したい情報をドラッグ＆ドロップします。
  4. リピーターをダブルクリックしてエディターを開きます
  5. リピーターのデザインをカスタマイズします。
  6. カスタマイズが完了したら「Update to Save」を押します。

作成後は、任意のテンプレートデザインにリピーターを追加したり、独自のデザインを作成したり、選択したデザインをアップロードしたりできます。

オプション2：フルリピーターテンプレート

データソースが追加されたら、Designerアプリを使用してデザインを作成します。すぐに始めるには、事前に構築されたリピーターテンプレートを活用できます。

    1. Files/Assetsページから Designerアプリを開きます → Apps → Designer
    2. Repeaters → Repeater Templates Section → Birthdayに移動します
    3. 使用したいテンプレートを選択します
    4. リピーターアイテム（名前の要素など）をクリック → Settings → 「Replace Data Source」をクリックします。
    5. 「Other Data Source」の矢印をクリック → アップロードしたデータソースを選択します。
    6. Continueをクリックします。
    7. リピーターアイテムをダブルクリックして開く → 左側のData Sourceを開きます。
    8. 従業員名をテキストボックスにドラッグして入力します。

オプション3：リピーターコンポーネント

リピーターコンポーネントを使用すると、異なるテンプレート背景を使用しながら、気に入ったリピーターデザインを保持できます。ライブラリから任意のコンポーネントテンプレートを選択するか、独自のデザインをアップロードして、その上にリピーターコンポーネントを追加します。これにより、お好みのリピーターと希望するテンプレート背景を組み合わせることができます。

リピーターコンポーネントの設定方法は次のとおりです：

  1. Templates → テンプレートデザインを選択 （例：Birthday）に移動します
  2. テンプレートから不要なデザインを削除します。
  3. Repeaters → Repeater Component Section → Birthdayに移動します。
  4. Repeaterを一度クリック → 「Settings」ボタンを選択 → Replace DataSourceをクリックします。
  5. 「Other DataSources」の左側にある矢印をクリック → カスタムDataSourceを選択 → Continueをクリックします。
  6. Repeaterをダブルクリックして開く → 左側のData Sourceを開きます。
  7. 希望する行（従業員名など）をテキストボックスにドラッグして入力 → Updateをクリックして保存します。

値を自動更新する方法

テンプレートにマッピングされたセル値を更新するには、従業員の誕生日リスト用に別のシートを作成し、お好みに応じて今日の日付または月と一致する数式を使用します。

こちらはGoogleスプレッドシートの誕生日リストのサンプルリンクです。使用方法：コピーを作成して、特定の要件や好みに応じて変更および調整できるようにしてください。

Googleスプレッドシートの設定内で、再計算がオンになっていることを確認してください（例：変更時および毎時/毎分）。そうでない場合、数式は再計算されません。

chrome_vVrfIwHVno.png

Googleスプレッドシートでファイル > 設定 > 計算を選択してアクセスできます。

リピーターで空のデータ値を処理する方法

このデザインを単一のアセットとして再生したり、スライドショーのように実行したりしているが、誰の誕生日でもない場合を考えてみましょう。リピーターが空のデータ値をどのように処理するかを設定できます。

  1. Designerで、リピーターを選択してハイライト表示します。
  2. 上部バーからSettingsを選択します。
  3. 右端のメニューで、Empty Data Handlingのドロップダウンメニューを使用して以下を選択します：
    • Skip：スキップする、または設定された「ページごとに表示される合計アイテム数」に達するのに十分なデータがない場合は、追加のリピーターアイテムを削除します。
    • Use Default Value：デフォルトコンテンツを表示します。これは、リピーター要素単体の外観です。
    • Use Blank：リピーターは何も表示しません。
  4. 必ずデザインを保存してください。

シートで自動ソートを設定する

スプレッドシートで大量のデータを扱う場合、自動ソート機能は非常に便利で、時には不可欠です。エントリを追加または更新するたびに手動でデータを並べ替える代わりに、SORT関数が自動的に実行してくれます。

注記：上記で提供した例のスプレッドシートを使用している場合、そのGoogleスプレッドシートには、そのデータセットアップの自動ソートの設定方法に関する特定の指示があります。「Tips」セクションをお読みください。そのスプレッドシートを使用していない場合は、以下の例に従ってソートを理解するのに役立ててください。

例：誕生日リストの自動ソート

従業員とその誕生日のリストがあるとします。今後の誕生日でこのリストをソートし続けたいと思っており、2人の従業員が同じ誕生日を共有している場合は、名前をアルファベット順にソートしたいとします。

ステップバイステップの手順を見ていきましょう：

ステップ1：Googleスプレッドシートを開きます。簡単にするために、データは次のようになります：

祝われる人の名前 誕生日
Alice 12/05/1990
Bob 12/15/2001
Carol 12/05/1990
David 12/01/1988

ステップ2：空のセルを選択

ソート済みリストを表示したい空のセルをクリックします。この例では、新しいタブのセルA1を使用します。

ステップ3：SORT数式を入力

選択したセルA1に、次の数式を入力してEnterキーを押します。

={"祝われる人の名前", "誕生日"; SORT(A2:B, B2:B, true, A2:A, true)}

数式はすぐにデータをソートし、セルA1から始まる結果を表示します。

数式の仕組み：

  1. ={"祝われる人の名前", "誕生日";
    • 目的：ソートされたデータのヘッダーを作成します。
    • 説明：ソート済みリストの上部に「祝われる人の名前」と「誕生日」という列タイトルを設定します。セミコロン;は、Googleスプレッドシートにこれらのヘッダーの下にソート済みデータを表示するよう指示します。
  2. SORT(A2:B, B2:B, true, A2:A, true)
    • A2:B：ソートしたいデータの範囲です（両方の列を含む：祝われる人の名前と誕生日）。
    • B2:B：最初にソートする列を指定します。これは誕生日です。
      1. true：昇順でソートする必要があることを示します。
      2. false：降順でソートする必要があることを示します。
    • A2:A：2番目にソートする列を指定します。これは祝われる人の名前です。
      1. true：名前も昇順でソートする必要があることを示します。
      2. false：名前も降順でソートする必要があることを示します。

ソート済みテーブル：

数式を適用した後、ソート済みリストは次のようになります：

祝われる人の名前 誕生日
David 12/01/1988
Alice 12/05/1990
Carol 12/05/1990
Bob 12/15/2001
  • Davidは最も早い誕生日（12/01/1988）を持ち、最初に表示されます。
  • AliceとCarolは同じ誕生日（12/05/1990）を共有しているため、アルファベット順にソートされます。
  • Bobは最も遅い誕生日（12/15/2001）で最後にリストされます。

リストは誕生日と名前で自動的にソートされるようになりました。

誕生日列の元のデータへの更新や追加は、新しいタブのリストを自動的にソートするトリガーとなります。

デザインを画面にプッシュする

従業員に見せるためにデザインを表示するには：

  1. デザインに名前を追加します。
  2. 保存アイコンをクリックします。
  3. 次に「Push to Screen」を選択します。

このページに移動します：

  1. 画面を選択します。
  2. 画面にプッシュします。

画面にプッシュされたときのデザインの外観は次のとおりです。

以上です！

選択した月または日の従業員の誕生日を表示するテンプレートができました！

関連

この記事は役に立ちましたか？
Deutsch English (United States) Español Français Italiano Nederlands Português Svenska