ページを作成する事ができます。通信処理も記載する必要がないため開発効率が向上します。対応させる事ができます。対応ページを実現しています。対応を意識をせずに記載できるようになっています。対応について詳細に説明していきます。「実行」と「描画」に分けて処理を行います。描画フェーズでは下記を行います。必要な描画部分だけを更新できるため、サーバ、クライアント(ブラウザ)共に負荷(データ転送容量や全データの描画処理等)を軽減する事ができるようになります。サンプルアプリケーションの作成それでは、サンプルのアプリケーションを作成してみます。ユーザ名、パスワードを入力し、ボタンを押下するアプリケーションを作成します。下記のように記載します。下記のように書きます。実行される)、画面遷移は行わず入力されたデータのバリデーションのみ行います。記載する事が多いと思いますが、今回は説明をかんたんにするためサーバ側でチェックを行っています。文字以上は入力できません。FacesMessage("アンダースコアは入力できません。文字でなければなりません。}コードを記述した後、アプリケーションを実行してください。この際、画面の一部ではなく全画面が再読み込みされている事を確認してください。次に、上記のコードに対して下記のコードを追加してください。</h:form>コードを追記後、アプリケーションを再実行してください。実行する事が確認できます。つの属性を持っています。コンポーネント名を指定します(複数のコンポーネントを実行する場合、スペースで区切ります。等の予約語を指定する事もできます。コンポーネントが実行されます。コンポーネントを指定します(複数のコンポーネントを実行する場合、スペースで区切ります)。部分が再描画されます。実行されるかを指定します。事を指し、コンポーネントのフォーカスが失われた際に実行する事を意味しています。指定した箇所にエラーコードを出力するという動きになります。タグを記載しています。ボタン押下のイベントが競合して同時実行されてしまう可能性があるため、このような意図しない振る舞いを防ぐために記載しています。リクエストが実行されるようになります。属性を指定する事ができます。下記のようにしてエラーハンドリングを行う事ができます。対応ができる事ができました。ページを作成してみます。このページはテキストフィールド内に入力したデータをテーブル内に追加していく(カートのような)ページです。この例では直接製品名を入力していますが、製品の写真を表示したりボタン等を設けてよりリッチなページも作成する事ができるかと思います。今回は説明かんたんにするためテキスト入力にさせて頂きます。下記のように記載します。