データバインディング

.NET Framework用語集

データ バインディング [data binding]

データベース、XML ファイルなどのデータ ソースからのデータのフェッチ、またはデータ ソースへのデータの書き込みを行うように、フォームまたは Web ページ上のコントロールを構成するためのプロセスまたはメソッド。

ウィキペディア

データバインディング

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2024/09/29 13:12 UTC 版)

データバインディング（データバインド、データ結合、英: data binding）は、コンピュータプログラミングにおいて、データ（ソースオブジェクト）とそれに対応する対象要素（ターゲットオブジェクト）を結びつけ、データあるいは対象の変更を暗黙的に（自動的に）もう一方に反映（同期）することであり、またそれを実現する仕組みのことである。データバインディングは特にGUIを持つアプリケーションソフトウェアの効率的な開発を目的とした技術であり、Model-View-ViewModel (MVVM) パターンの実現に必須の技術でもある。

概要

GUIアプリケーションは画面上でテキストボックスやチェックボックス、ボタンなどのユーザー操作を受け付けるインタラクティブな要素を持つ。また、しばしばUIはデータを表示・操作するための役割を果たす。例えば従業員情報を管理するソフトウェアであれば、ダイアログ画面上で従業員の氏名や生年月日、住所などのプロパティを入力し、確定後にデータベースに反映するというような機能を持つが、古典的な実装では確定ボタンが押下された際に発生するイベントを処理するハンドラー（コールバック関数）を記述して、現在の画面上のテキストボックスに入力されている文字列やチェックボックスのON/OFF状態などを取得し、それらをプログラム内部で従業員を表す不可視データ（従業員レコードの各フィールド）に設定し、データベースに反映する。また、リストビューに一覧表示した従業員情報のひとつを選択してプロパティを変更する場合、リスト上で選択された行番号から従業員番号を特定し、データベースから読み出した現在の情報をもとにダイアログ画面上で対応するUI要素にそれぞれ設定して反映する必要がある。このようなプログラミングは一般的に煩雑であり、またデータの処理ロジックとUIの操作が密結合しがちになるため、プログラムのメンテナンス性が低下する。

データバインディングでは、明示的なUI要素の操作やデータの更新を用いてお互いの変更を反映するのではなく、それらを抽象化してアプリケーションフレームワーク側に隠蔽することで、片方の変更がもう片方の状態にも自動的に反映されるようにする。またデータバインディングを用いることにより、配列やリストのようなデータ構造（コレクション）をリストビューやグリッドで表示・操作することが簡単になる。データバインディングはSQLデータベースやXMLなどのデータソースとアプリケーションやウェブページ（ウェブアプリケーション）のユーザインタフェースを結合する際にしばしば用いられる。データバインディングを基礎とするプログラミングスタイルをリアクティブプログラミングと呼ぶ。

Microsoft Windowsおよび.NET Framework/.NET Core環境では、XMLの独自拡張であるExtensible Application Markup Language (XAML) をUIの記述に利用するXAMLファミリーのUIフレームワークが充実している。XAMLフレームワークではデータバインディングを標準的にサポートし、XAML上のUI要素（ターゲット）のプロパティに、バインディングしたいデータ（ソース）のプロパティに関するパス情報を記述することで対応付けが行なわれる。

単方向バインディングと双方向バインディング

データバインディングには変更反映の方向性によって以下の2種類が存在する。

• 単方向バインディング (one-way): 「ソース ⇒ ターゲット」あるいは「ターゲット ⇒ ソース」のみの一方向の暗黙的反映
• 双方向バインディング (two-way): ソース ⇔ ターゲット間の双方向の暗黙的反映

データバインディングの実装例

React

Reactはhookと呼ばれる仕組みで一方向バインディングを実現している。

React専用関数 hook（useX）でデータ変数を定義し、UIを宣言する際にデータ変数を用いることでバインディングを行なう。その後、hookから返された更新関数（setXと慣習的に名付けられる）に新しいデータを渡すことでUIの更新が暗黙的にスケジューリングされる。hookは関数であるため一般には状態の保持は行なえないが、hookはReactの内部リストへアクセスすることで状態を保持している。

function MyComp(){
  const [count, setCount] = useState(0);
  return (
    <div>
      <p>You clicked {count} times</p>
      <button onClick={() => setCount(count + 1)}>hello, myComp {count}</button>
    </div>
  );
}
ReactDOM.render(<MyComp />, document.getElementById('root'));

その他

• Adobe Flex
• Android - AndroidXデータバインディングライブラリ
• C/C++
  • Codalogic LMX
  • CodeSynthesis XSD
  • XBinder
  • Xmlbeansxx
• Cocoa Binding (macOS)
• Dynamic HTML (Internet Explorer)
• .NET
  • ADO.NET (LINQ to SQL)
  • ASP.NET
  • Windows Forms
  • Windows Presentation Foundation (WPF) - XAMLベース
  • Microsoft Silverlight - XAMLベース
  • Xamarin.Forms - XAMLベース
  • Spring.NET
• iBATIS (iBATIS Data Mapper framework)
• Java
  • Apache Struts
  • Apache XMLBeans
  • Castor
  • CookXml
  • EMF (Eclipse Modeling Framework)
  • Hibernate
  • JAXB (Java Architecture for XML Binding)
  • JiBX
  • Oracle ADF (Application Development Framework)
  • Spring Framework
• JavaScript
  • OpenLaszlo
  • Aurelia
• Liquid XML
• ユニバーサルWindowsプラットフォーム (UWP) アプリ - Windowsランタイム、XAMLベース

関連項目

• シリアライズ
• オブジェクト関係マッピング
• Model-View-ViewModel
• Extensible Application Markup Language (XAML)

ウィキペディア小見出し辞書

データバインディング

出典: フリー百科事典『ウィキペディア（Wikipedia）』 (2022/04/29 07:34 UTC 版)

「グラフィカルユーザインタフェース」の記事における「データバインディング」の解説

詳細は「データバインディング」を参照 データ（モデル）とUI（View）を結びつけ、片方の変更を暗示的に他方へ伝播する手法をデータバインディングという。宣言的UIと組み合わせることで、モデルの変更が自動的に宣言的UIの更新へと暗示的に反映されるようになる。

Weblio日本語例文用例辞書

「データ バインディング」の例文・使い方・用例・文例

• 彼は売り上げデータを呼び出した
• 強力な磁力を加えるとデータは破壊されます
• 基礎データ
• データバス
• データの取り込み
• データを集めて報告書にまとめる
• そのデータは手に入りますか
• データをコンピュータに入れて分析しなさい
• 電子データ処理
• コンピュータのデータ入力
• １時間ごとにデータを確認する以外は何もする必要はない
• コンピュータに新しいデータを入力する
• 新しいデータを送ります
• データをコンピュータにロードする
• 未処理データ
• このディスクをドライブに差し込めば，そのコンピュータは何も問題なくデータを読み出す
• これを証明するのにたくさんのデータを集めた
• 「ＵＮ」という語をデータベースで検索する
• データを整列する
• 彼の理論は新しいデータによって価値がそこなわれた