かんたんかんたんJSF - DENの思うこと
先日登壇したセミナー参加者のアンケートでは、皆さんJSFにあまり興味が無い感じでした。発表的にはJSFの内部的な話のつもりだったのでJSFを知らない人にはちょっとわかりにくかったかなと思います。 そこで、初心者がJSFって簡単にアプリ開発が出来るんだなってわかりやすいようなスライドを作ってみました。 かんたんかんたんJSF from den2sn JSFはStrutsやSpring MVC等のアクションベースの開発ではなくコンポーネントベースの開発になるので、URLやHTTPの事をほとんど考えずに、シンプルに画面とロジックの事を考えた開発が可能です。 JSF2.0からはXMLもほとんど不要でこのように開発が出来るので、JavaでWEBアプリケーションを開発する選択肢としてJSFに少しでも興味を持ってもらえればと思います。
JSF2.0で一覧表示 - DENの思うこと
JAX-RSでデータの一覧表示を作成してみましたが今度は同じ画面をJSFで作成してみます。 JSFはサーバサイドのメモリーを多く使用するため不特定多数ユーザが利用するサービスには不向きですが、クライアントサーバ型のアプリケーションのようにWEBアプリケーションを作成する事ができるので社内アプリケーションや利用者が限定されているアプリケーションを簡単に作成＆メンテナンスするにはとても良いアーキテクチャです。JSFはバージョン2.0よりテンプレートにFaceletsが導入されビューがとても簡単に作成できるようになりました。また、ajax対応等現状のWEBのアーキテクチャが多く取り入られています。 バッキングビーンの作成 JSFではバッキングビーンという画面の値や処理を記載するクラスを作成するのが一般的です。まずはそのクラスを作成します。 package com.den2sn.mavenproj
JSF 2.2ではf:eventのpreRenderViewではなくf:viewActionを使う？ - DENの思うこと
JSF 2.2でf:viewActionというコンポーネントが追加されています。 基本はJSF 2.0で初期画面表示時に処理を動作させる時に使っていた f:eventのpreRenderViewと同じなのですが微妙に違うところがあります。 まずは単純に呼び出された回数をカウントするバッキングビーンを作ります。 package sample; import javax.faces.view.ViewScoped; import javax.inject.Named; @Named @ViewScoped public class ViewAction { private int count = 0; public int getCount() { return count; } public void init() { count++; } } そして画面 <?xml version='1.
JavaEE 7 JSF 2.2の超簡単カスタムコンポーネント - しんさんの出張所 はてなブログ編
2.2ではカスタムコンポーネントをすぐに作成、実装することができる。 XMLとかなにもいらない。 やっと来たかーって感じ。 カスタムコンポーネントのコード。 package jsf; import java.io.IOException; import javax.faces.component.FacesComponent; import javax.faces.component.UIComponentBase; import javax.faces.context.FacesContext; import javax.faces.context.ResponseWriter; @FacesComponent(value = "custom.aoi_blink" ,tagName = "aoi_blink" , createTag = true) public class Blink
JavaEE 7 HTML5に対応したJSF 2.2 - しんさんの出張所 はてなブログ編
JSF 2.2はHTML5に対応したのもポイントになっています。 というか、柔軟性はかなり意識してきていますね。 HTML5ではフォーカスの設定やプレースホルダ、カスタムデータ属性など属性による設定が柔軟に使える必要があります。 そして今後もおそらく属性はどんどん追加されていきますが、そのすべての設定をJSFがサポートするのは骨が折れます。というか、きりがありません。 というわけで、JSF2.2は属性を簡単に設定できるようになりました。 まず基本 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:jsf="http://xmlns.jcp.org/jsf" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:f="http://xmlns.jcp.org/jsf/core" xmlns:p="http:
JPA + EJB + JSF による Web アプリケーションのまとめ - 似非プログラマの覚え書き
8 回にわたって JPA + EJB + JSF による Web アプリケーション開発の例を見てきましたが、私の感想としては この組み合わせは非常に相性が良い というのが率直なところです。全て Java EE の標準であり、Java EE サーバさえ用意すれば動かすことができます。サードパーティのフレームワークのように別途ライブラリを用意する必要がありません。JBoss の場合は JPA の実装に Hibernate を使っていますが、表向きは Hibernate を使っていることを意識することなく開発できますし、JPA の実装の違いさえ押さえておけば Java の精神である「Write Once, Run Anywhere」で、他の Java EE サーバで動かすこともできる*1というのがいいところです。 Java EE の魅力の一端を垣間見たところで、このシリーズは締めといたします。
JPA + EJB + JSF による Web アプリケーション(その 8) - 似非プログラマの覚え書き
これまでの総仕上げとして、一からテーブルを作って JPA + EJB + JSF で Web アプリケーションを作成してみましょう。 テーブルの作成 今回は RDBMS として PostgreSQL を使います。 CREATE TABLE district ( id INT PRIMARY KEY, name VARCHAR(30) ); INSERT INTO district ( id, name ) VALUES (1,'北海道'); INSERT INTO district ( id, name ) VALUES (2,'東北'); INSERT INTO district ( id, name ) VALUES (3,'関東'); INSERT INTO district ( id, name ) VALUES (4,'中部'); INSERT INTO district ( i
JPA + EJB + JSF による Web アプリケーション(その 7) - 似非プログラマの覚え書き
前回の続きです。 管理 Bean の作成 package jp.mydns.akanekodou; import javax.faces.bean.ManagedBean; import javax.annotation.PostConstruct; import javax.ejb.EJB; import java.util.List; import jp.mydns.akanekodou.dao.EmployeeDAO; import jp.mydns.akanekodou.entity.Employee; @ManagedBean public class EmployeeList { @EJB private EmployeeDAO dao; private List<Employee> items; @PostConstruct private void init() { ite
JPA + EJB + JSF による Web アプリケーション(その 6) - 似非プログラマの覚え書き
エンティティ間の結合を表現する 現在サンプルとして使用しているデータベースにおいて、担当者マスタテーブルには MGR_ID というカラムがあります。これは外部キーとして同じ担当者マスタテーブルの担当者IDカラムを参照しており、上司である担当者の担当者IDを入力することになっています。これを JPA で表現してみましょう。 package jp.mydns.akanekodou.entity; import java.io.Serializable; import java.util.Date; import java.util.List; import javax.persistence.Entity; import javax.persistence.FetchType; import javax.persistence.Table; import javax.persistence.I
JPA + EJB + JSF による Web アプリケーション(その 5) - 似非プログラマの覚え書き
CSS を作成する ちょっと間が開きましたが CSS の作成に進みます。Facelets と合わせて、JSF では最も難しい部分と言えます。何しろ Facelets のタグがどんな HTML タグに変換されるかわからないと CSS が書けないからです。 resources/css/customer/search.css body { background-color : silver } h1 { font-size : x-large; text-align : center } table { margin : auto } p { text-align : center } resources/css/product/search.css .name { width : 15em } 後は menu.html にリダイレクトするダミーの index.jsp (ソースコードは省略)と
JPA + EJB + JSF による Web アプリケーション(その 4) - 似非プログラマの覚え書き
Facelets を作成する 管理 Bean の次は Facelets を作成します。 /customer/list.xhtml <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"> <h:head> <title>顧客マスタ一覧</title> </h:head> <h:body> <
JPA + EJB + JSF による Web アプリケーション(その 3) - 似非プログラマの覚え書き
さて、DAO の実装が済んだところで Web アプリケーション側の構築に入ります。普通に Servlet と JSP でも作れますが、今回は JSF を使ってみましょう。 JSF(JavaServer Faces) とは JSF は Java EE 純正規格であるコンポーネントフレームワークです。Struts との決定的な違いは「Java EE 純正の API である」ということでしょう。*1 Struts では View にカスタムタグが使えましたが、あくまでも JSP です。それに対し、JSF 2.0 からは Facelets という、独自のタグが用意された XHTML で View を作成します。また、Struts では ActionForm を継承した Form Bean のクラスと Action クラスを継承したクラスを用意する必要がありましたが、JSF では管理(Managed
JPA + EJB + JSF による Web アプリケーション(その 2) - 似非プログラマの覚え書き
EJB による DAO 層の実装 DAO を EJB を用いて実装します。 package jp.mydns.akanekodou.dao; import javax.ejb.Local; import java.util.List; import jp.mydns.akanekodou.entity.Customer; @Local public interface CustomerDAO { List<Customer> all(); Customer find(int id); } package jp.mydns.akanekodou.dao; import javax.ejb.Stateless; import javax.persistence.PersistenceContext; import javax.persistence.EntityManager; import
JPA + EJB + JSF による Web アプリケーション(その 1) - 似非プログラマの覚え書き
いよいよ本日から JPA + EJB + JSF による Web アプリケーションの作成に入ります。まずは既存のデータベースで単一のテーブルを利用して、Hibernate のサンプルとして作ったものと同じものを作ってみます。その後、新規にデータベースとテーブルを作成して(以前作ったものではありますが)一から Web アプリケーションを構築する例を取り上げます。結合の話もここでやる予定です。 エンティティクラス(永続化クラス)の作成 EJB プロジェクトを用意して、そこにエンティティクラスを作成します。 package jp.mydns.akanekodou.entity; import java.io.Serializable; import javax.persistence.Entity; import javax.persistence.Table; import javax.per
JSFのFaceletsでxhtmlに直接アクセスさせない方法 - DENの思うこと
JSFでFaceletsを作成すると/facesでアクセスする場合は良いのですが、直接xhtmlファイルにアクセスするとソースがそのまま表示されて微妙な感じですよね。xhtmlファイルに直接アクセスさせないようにするには基本JSPで行う対処法と変わりません。 ただし、JSPでもっともよく使われているWEB-INF配下にファイルを配置する方法が、faceletsの場合テンプレートファイルでは可能ですが普通のファイルでは使えないと思うのでその他２つの方法を試してみたいと思います。 web.xmlのsecurity-constraintを使用する方法 特にアプリケーションの認証でsecurity-constraintを使用していない場合、security-constraintでxhtmlにアクセス制限を付加する事で直接アクセスを防ぐ事ができます。ただし、web.xmlのURLパターンマッチングは
JSF 2.2 で待ちに待ったFileUploadを試す - DENの思うこと
JSF 2.2 でやっと導入されたFileUploadを試してみました。 まずサーバ側のBackingBeanを作成します。 package sample; import javax.inject.Named; import javax.enterprise.context.RequestScoped; import javax.servlet.http.Part; @Named @RequestScoped public class UploadPage { private Part file; public Part getFile() { return file; } public void setFile(Part file) { this.file = file; } } JSFすごい。もはや処理すらありません。 fileのゲッターセッターを準備します。 ファイルはServlet
JavaEE 7 JSF 2.2のすげーいいところ - しんさんの出張所 はてなブログ編
まずはJSF2.2のすげーいいところを軽く書く。簡単で効果が大きいもの。 解説用ということで前提となる知識を減らすためにCDIもなにも使わない。AJAXもなにもつかわない。 マネージドビーン package jsf; import javax.faces.bean.ManagedBean; import javax.faces.bean.RequestScoped; import javax.faces.bean.ViewScoped; @ManagedBean @ViewScoped public class Hoge { String text = "初期値"; public String action1(){ text = "action1"; return null; } public String action2(){ text = "action2"; return null;
開発現場で実際にJSFを利用していて感じること - Challenge Engineer Life !
今日はJSF(JavaServer Faces)に関する雑記です(^^; 自分が今までJSFを開発で触れてみて思ったことや海外でのJSFについて等、つらつらと書いてみた感じです。 JSFの利用状況って… 数日前にtwitter上の会話からJSFってどれくらい利用されているんだろう？、的な流れから、最終的に@aoetkさんがJSFが使われた一般向けWebサイトをリサーチされ、まとめられていました。 昨日つぶやいていましたが、JSFが使われた一般向けWebサイトについてblogにまとめてみました。 d.hatena.ne.jp/aoe-tk/2013050…— AOE Takashiさん (@aoetk) 2013年5月3日 RichFacesなどが実際に使われているサイトをみて驚いたと同時に、そのサイトが結構色々なコンポーネントを利用していて、かつ、Ajaxも多々利用していたため、何か個人的
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSFリッチコンポーネントPrimeFacesの紹介 20130819@JJUGナイトセミナーLT
https://blog.ik.am/entries/176