jQueryMobile+PHP+MySQL+WebMatrix+ExpressWebで作成・公開する勉強会申し込みサイト

先日 2/11(土) に開催された CLR/H 第67回 勉強会。

Web 系で固められた全 4 セッション中、3セッション目を担当させて頂いた。

諸事情により大変遅くなったが、使用したスライド資料に、いくつかネット上のリソースの URL を書き加えたものを slideshare に公開した。

View more presentations from Jun-ichi Sakamoto

以下、いくつか補足を。

HTML5 Forms Validation を使わなかった理由

HTML5 からは、input 要素に required 属性を書いたり、type="email" などとすることで、入力必須や e-mail書式の入力検証が機能するようになる。

にも関わらず今回のセッションでは、あえて jQuery Validate を使ったのは、手持ちの Android 2.2 ケータイ標準のブラウザで試したところ、HTML5 Forms Validation が機能しなかったから。

Windows7上の Firefox9 や Google Chrome 16 ではちゃんと機能したのだが。

ということで、HTML5 Forms Validation に頼ることはあきらめて、jQuery Validate の利用に走った次第。

なお、jQuery Validate による入力検証結果を、jQuery Mobile のダイアログで表示させるサンプルにもなったので、まぁ、これはこれでよかったのでは、と思っている。

jQuery 類のロードに CDN を使わなかった理由

単純に、セッション会場のネットワーク回線をなるたけ信頼しないことにしたからである。

なので、通常は、jQuery などの JavaScript ファイルやスタイルシートなどなどは、CDN 経由でロードするようにしたほうがいいであろう。

プロジェクトのソース

Zip 圧縮して SkyDrive に置いておく。
https://skydrive.live.com/?cid=5dd1e083875ff918&id=5DD1E083875FF918%211128#

サンプルコード的なものにすぎないので License とか適当でいいです。
ご自由にどうぞ。
（困るなら、Ms-PL か CPOL のお好きなほうで）。

WebMatrix v2βがインストール済みのWindows OS 上で、上記 Zip ファイルを適当なフォルダに解凍、そのフォルダを右クリックすると、「Open as a Web Site with Microsoft WebMatrix」というメニュー項目があるはずなので、これを選べば、WebMatrix で開くことができる。

なお、MySQL のデータベースは別途ご自身で用意しないと、すべての機能は動作しないのでご注意を。

オープンソースカンファレンス 2011 のセッションビデオ

実は今回のセッションも Microsoft Expression Encoder Screen Capture で PC 画面を動画記録していたのだが、大変残念ながら Expression Encoder Screen　Capture が途中でクラッシュしてしまった。

代わりと言っては何だが、昨年6月に開催されたオープンソースカンファレンス 2011 Hookaido でも、WebMatrix ( ただし v1 ) を利用しての、jQuery Mobile によるモバイルサイトのライブコーディングをやっていたので、そのときの練習ビデオを再録する。

CLR-H-59-OSC11Do.wmv
http://t.co/tVC06s9

謝辞

最後になったが、当日のセミライブコーディングのこのセッション、ご参加頂いた皆様の支援で、どうにか時間内にデプロイにまでこぎ着けた。

コーディング中のタイプミスをご指摘頂けなければ、あのセッションはかなり残念な形で終わっていたと思う。

この場を借りて御礼申し上げたい。