a-blog cms Training Camp KANMONで,jQuery Mobileを紹介してきた

初のユーザーさん主催イベント

a-blog cms Training Camp in KANMON : ATNDにお呼ばれしまして,ちょっとネタを披露させていただきました.

jQuery Mobile です

今回の合宿の開催にあたって,去年の秋合宿でやったjQuery Mobileっぽい話のリクエストをいただいたので,こそこそと用意させていただきました.今の方が当時よりjQuery Mobile盛り上がってますね.

なんでもHTMLを書いて解決するa-blog cmsと,HTMLにdata-*属性を書くだけで,モバイルUIを構築してくれるjQuery Mobileは相性抜群ですよ,というテーマです.

jQM っていう略は,なんとなく即興.でもそのうちそんな感じに略される気がするー.


実習に利用したファイル

実習に利用した際のサンプルファイルと,当初の予定だった完成品を置いておきます.これらのディレクトリをthemesに入れて,テーマとして利用できるように設定します.


ファイルイメージ

jQuery Mobile のお題ファイル


ファイルイメージ

a-blog cms のテーマっぽく組み込んだ完成品ファイル


2011-07-18追記:上記のサンプルファイルでは,jQuery Mobile alpha4.1が使用されていますが,同バージョンにはXSS脆弱性が確認されています。よって公開サイト用のベースとする場合は、かならず最新版のjQuery Mobileを利用するように差し替えてください


参考URLとして挙げさせてもらったところ