!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。7のJSF2.2で試してみました。Middleware辺りで出ていますので、詳細はそちらを(^^;JSF2.2でHTML5上記リンクの情報ではいずれ「jsf:~」を使った書き方となっていますが、今回の例では以下のサイトのように普通に書いてみました。http://www.infoq.com/jp/news/2013/07/jsf22-html5環境はNetBeans7.3.1でGlassFish4.0を使っています。HTML5のタグで試してみたのは以下5つ。各々「HTMLクイックリファレンス」のタグ解説ページにリンクはってます。placeholderautofocusemailrangestep実行画面はこんな感じ。テキストにガイド情報つけたり、フォーカス制御したり、幅を持つレンジや値を刻むステップなど。簡単に表現できるようになってる!メール形式もバリデーションがついてて、Chromeでは以下のような感じにエラーが表示されました。ちなみにFirefoxだとと色が変わりました。この辺の細かい挙動はブラウザごとに違う...のかな(^^;上記のビューはJSFで以下のように定義したものです。html>にしておくほうが良いと思いますが、上記のビュー定義(xhtml)でも実行したHTMLをみると宣言が上記HTML5の宣言に書き換わっていました。7はリリースされましたが、実際に使うにはまだ少し様子をみたほうがよいようです。6、JSF2.1で同じことをやろうとすると...どうなるのか(^^;とりあえず、リッチコンポのPrimeFacesを使うと以下のような感じかなと。</h:body></html>実行するとウォーターマークやフォーカスというコンポーネントがあるので、それほどの手間はないのですが、それでもHTML5に比べると宣言も増えるし記述量は増えます。ここからサイズを調整するCSSとかも必要なので、結構手間...。PrimeFaces使わなかったら、フォーカス制御をJavaScriptで書いたり、jQuery使ったり、といった所ですかね...。してみると、HTML5で楽できる部分が色々ありそうだなぁ、と。7が安定化して、JSF2.2使えるといいなぁ。その1Tweet関連記事2013-11-01JSFでもレスポンシブWebをやってみたい!Twitterで以下の情報が流れてました。〜Maven編〜JSFのリッチコンポーネント「OpenFaces」を触ってみました。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。