元に翻訳・加筆したものです。詳しくは元記事をご覧ください。デベロッパーの皆さんに開放いたしました。一般公開されたことをお知らせします。機能を詳しく紹介したいと思います。次のように紹介しました。インタラクティブ性のモデルに根本的な変革をもたらすものです。レイヤーのように機能します。ように、ユースケースを主眼に置いた限られたインタラクティブ性しか持たないコンポーネントでした。その先を行き、ユーザーのアクションをさまざまなドキュメントの状態のトリガーとリンクさせます。それによって、デベロッパーが定義できるインタラクションの自由度が大きく高まります。これは技術的に正しい定義ですが、かなり抽象的です。この機能は非常に柔軟性が高いため、大まかな説明では実際何ができるのかよくわからないでしょう。できることではまず、この機能の基本動作から見てみましょう。実際に一部のコードを書き換えて試してみることができます。基本を学習した後は、以下の例をご覧ください。機能を組み合わせて何ができるかを紹介しています。商品の色とサイズの選択この例では、商品説明のページでよく見られる数多くの機能が組み込まれていますが、一部の機能のみを必要とする場合は、分割して個々に使用することもできます。間で、イベントやアクションを連携させています。使われているため、ユーザーは選択した内容を視覚的に確認できます。そのため、フォームを送信する前に何を購入するのかを確実に理解できるようになります。バインディングによって、サーバーサイドでのデータの並べ替えとフィルタリングができるようになります。間のイベントやアクションを連携させています。細かく見てみましょう。イベントは入力の配列から呼び出すこともできるため、追加で結果を表示する「さらに表示」ボタンや結果リストのページングなどの機能にもこの基本パターンを使うことができます。その場合、ユーザーは現在のページを再読み込みせずに、リストの追加アイテムを参照できるようになります。ユーザーにパーソナライズされたおすすめのリストを表示するような実装も可能です。使って静的に結果を表示します。すると、遅延することなく結果をユーザーに表示できます。呼び出し、結果を表示します。ページを再読み込みせずに検索結果を表示ページ全体を再読み込みすることなく検索結果をインラインで取得して表示することにより、ユーザーは帯域幅を節約でき、現在のページの枠組みを維持したままシームレスな操作を行えるようになります。バインディングのもう少し複雑な例です(コードはこちら)。間のイベントやアクションを連携させています。重なって表示されるのを避けるため、独自の自動候補表示を行う場合は、ブラウザの自動候補表示をオフにしてください。ある例をご覧ください。この例は、別のページにコピーして貼り付けたり、テンプレートやバックエンドをカスタマイズして任意の候補を表示することができます。ユーザーが検索する可能性がある単語を細かく提示することもできれば、価格や写真、評価などが詳しく掲載された商品のカードを表示することもできます。デフォルトの矢印を使う必要はなくなります。安定版となりましたが、現在も多くの機能が積極的に追加されています。損なわずにこのコンポーネントをさらに強化する機能追加が進められています。主なロードマップには、以下のような機能が含まれています。パラメータと対応する履歴状態を更新できるようにする予定です。親ドキュメントと間のメッセージングを可能にする予定です。サーバーの呼び出しによって検証されるフォームとページ状態を連携させるために、バインディングの強化も行われる予定です。チームが紹介したものよりもたくさんの新機能を見つけてくれることでしょう。実際に利用して試してみてください。試してみて、発見したことをお知らせください。コミュニティに共有してくれるアプリを楽しみにしています。サポートが必要な他の機能について、フィードバックをお寄せください。皆さんからのご連絡をお待ちしています。元に翻訳・加筆したものです。詳しくは元記事をご覧ください。デベロッパーの皆さんに開放いたしました。一般公開されたことをお知らせします。機能を詳しく紹介したいと思います。次のように紹介しました。インタラクティブ性のモデルに根本的な変革をもたらすものです。レイヤーのように機能します。ように、ユースケースを主眼に置いた限られたインタラクティブ性しか持たないコンポーネントでした。その先を行き、ユーザーのアクションをさまざまなドキュメントの状態のトリガーとリンクさせます。それによって、デベロッパーが定義できるインタラクションの自由度が大きく高まります。これは技術的に正しい定義ですが、かなり抽象的です。この機能は非常に柔軟性が高いため、大まかな説明では実際何ができるのかよくわからないでしょう。できることではまず、この機能の基本動作から見てみましょう。実際に一部のコードを書き換えて試してみることができます。基本を学習した後は、以下の例をご覧ください。機能を組み合わせて何ができるかを紹介しています。商品の色とサイズの選択この例では、商品説明のページでよく見られる数多くの機能が組み込まれていますが、一部の機能のみを必要とする場合は、分割して個々に使用することもできます。間で、イベントやアクションを連携させています。使われているため、ユーザーは選択した内容を視覚的に確認できます。そのため、フォームを送信する前に何を購入するのかを確実に理解できるようになります。バインディングによって、サーバーサイドでのデータの並べ替えとフィルタリングができるようになります。間のイベントやアクションを連携させています。細かく見てみましょう。イベントは入力の配列から呼び出すこともできるため、追加で結果を表示する「さらに表示」ボタンや結果リストのページングなどの機能にもこの基本パターンを使うことができます。その場合、ユーザーは現在のページを再読み込みせずに、リストの追加アイテムを参照できるようになります。ユーザーにパーソナライズされたおすすめのリストを表示するような実装も可能です。使って静的に結果を表示します。すると、遅延することなく結果をユーザーに表示できます。呼び出し、結果を表示します。ページを再読み込みせずに検索結果を表示ページ全体を再読み込みすることなく検索結果をインラインで取得して表示することにより、ユーザーは帯域幅を節約でき、現在のページの枠組みを維持したままシームレスな操作を行えるようになります。バインディングのもう少し複雑な例です(コードはこちら)。間のイベントやアクションを連携させています。重なって表示されるのを避けるため、独自の自動候補表示を行う場合は、ブラウザの自動候補表示をオフにしてください。ある例をご覧ください。この例は、別のページにコピーして貼り付けたり、テンプレートやバックエンドをカスタマイズして任意の候補を表示することができます。ユーザーが検索する可能性がある単語を細かく提示することもできれば、価格や写真、評価などが詳しく掲載された商品のカードを表示することもできます。デフォルトの矢印を使う必要はなくなります。安定版となりましたが、現在も多くの機能が積極的に追加されています。損なわずにこのコンポーネントをさらに強化する機能追加が進められています。主なロードマップには、以下のような機能が含まれています。パラメータと対応する履歴状態を更新できるようにする予定です。親ドキュメントと間のメッセージングを可能にする予定です。サーバーの呼び出しによって検証されるフォームとページ状態を連携させるために、バインディングの強化も行われる予定です。チームが紹介したものよりもたくさんの新機能を見つけてくれることでしょう。実際に利用して試してみてください。試してみて、発見したことをお知らせください。コミュニティに共有してくれるアプリを楽しみにしています。サポートが必要な他の機能について、フィードバックをお寄せください。皆さんからのご連絡をお待ちしています。@googledevjp"プロダクトに関するご意見はプロダクトフォーラムにお願いします"GooglePrivacyTerms。