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として挙げさせてもらったところ


Author

ahomuAyumu Sato

CyberAgent, Inc.Web開発者 + 技術人事

渋谷資本で生きる名古屋の鳥類

Web 技術、組織開発、料理、旅行、ランニングなど雑多なブログ

Bio: aho.mu
Twitter: @ahomu
Github: ahomu

Related

Latest

Archives

Tags

Search