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

4,304 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,304
On SlideShare
0
From Embeds
0
Number of Embeds
1,579
Actions
Shares
0
Downloads
10
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. jQuery Mobile PHP MySQL WebMatrix ExpressWeb で作成・公開する勉強会申し込みサイト
  2. 2. すみません。時間がないので、どんどんいきます! ※質問は後日、または懇親会にて。
  3. 3. About atend form.勉強会申し込みサイト
  4. 4. 背景• これまでは Google フォームで作成。
  5. 5. 背景• 参加申し込みしたかどうかの確認問い合わせがち らほら。• @sandinist さんが Ruby on Rails で作成、 heroku に配置して運用。 – 申し込み完了後、登録完了メールが自動送信され るようになった。
  6. 6. ほかのプラットフォームで作るとどうなるだろう?
  7. 7. Requirements要件
  8. 8. 要件• Webフォーム上からの参加申し込み – 氏名、e-mail、LT登壇有無...• 自分が参加申し込みしたか確認できること。 – 一解決策として、登録完了のメール自動送信• 参加者名簿が作れること。 – CSV形式でのエクスポートとか
  9. 9. Platform and Toolsプラットフォームと開発ツール
  10. 10. jQuery 1.6.4 jQuery Mobile 1.0.1jQuery Validation 1.9.0
  11. 11. Ver.5.3.5
  12. 12. MySQL Ver.5.1
  13. 13. ちなみに自分は PHP もMySQL も初心者 です。
  14. 14. WebMatrix Ver.2 β 作画: Paese (http://paese.sblo.jp/)
  15. 15. 開発ツール - WebMatrix 2 (β)• Ver.1 からさらに進化• PHP でもインテリセンス強化• MySQL のテーブル作成やデータ編集も GUI で できる – それで初めてのPHP & MySQL で作ってみようと思い 立った。
  16. 16. ExpressWeb Windows Server2008R2 / IIS7.5
  17. 17. 公開・運用 - ExpressWeb• データジャパン(株)のホスティングサービス。• 有料とはいえ、十二分に安価。• ASP.NET アプリの配置先としては最強!? – MVC3 も使える。 – SQL Server も使える。• そのほかにも盛りだくさん。 – PHP、Perl、MySQL、サブドメイン無制限 etc.
  18. 18. • 14日間無料のお試しアカウントもあります。• 最短3分で発行。
  19. 19. Building Development Environment開発環境の構築
  20. 20. Web PI Web Platform Installer / Ver.4.0 β
  21. 21. 開発環境の構築• Web Platform Installer のおかげで、あきれるほ ど簡単。 – WebMatrix と MySQL を選ぶ• 今回はさらに MySQL Connector/NET のインス トールが必要だが、検索しないと出てこないので 注意!
  22. 22. http://www.microsoft.com/web/webmatrix/を開いて、右上の「Try the latest Beta」をクリック。
  23. 23. Design構想
  24. 24. 参加申し込みフォーム
  25. 25. 参加者一覧
  26. 26. 手順1. 申し込みフォーム、入力のバリデーション2. データベースの構築、申し込み内容の保存3. 参加者一覧4. インターネットに公開
  27. 27. お断り
  28. 28. スニペット使いまくります。 http://blogs.msdn.com/b/osamum/archive/2011/12/2 6/10251004.aspx 物江さん、ありがとうございます。
  29. 29. インテリセンスもカリカリにカスタマイズ、チューニング してます。
  30. 30. メール送信機能は実装しません。
  31. 31. Live Coding.開発開始!
  32. 32. 参加者一覧は スタッフのみ アクセス可
  33. 33. 認証承認
  34. 34. 認証と承認• 実直に PHP で組んでもよし。 – PEAR:Auth とかあるそうで。• 今時代なら OAuth とか? – Twitter アカウントでログイン、みたいな。
  35. 35. しかし
  36. 36. 今回は
  37. 37. Digest 認証
  38. 38. なぜ?
  39. 39. ExpressWebではSSLが使えない!
  40. 40. パスワード が 平文で流れてしまう...orz
  41. 41. ダイジェスト認証なら大丈夫• パスワードが平文で流れることがありません。• リプレイ攻撃にも強い。• そして HTTP 標準な仕組みなので、さらなる特 典が... どんな特典かは、いまはヒミツ。
  42. 42. どうやってダイジェスト認証?• Apache なら簡単だけど、ExpressWeb = IIS で はどうやるの?• 「あ、オレ、IISのダイジェスト認証の設定、知って るよ!Active Directory のユーザーで認証する んだよな」• あのー、ExpressWeb = ホスティングサービスなん ですけど...orz
  43. 43. 大丈夫。
  44. 44. ASP.NET のモジュールを 使います!
  45. 45. Http Authentication Module• 基本認証ないしはダイジェスト認証を、ASP.NET のレイヤで提供。• Web.config に書いたユーザー情報で認証。
  46. 46. あのー、PHPなんですけど?
  47. 47. IIS7 の統合パイプラインモード• ASP.NET なページへの要求に限らず、すべての 要求を、ASP.NET のライフサイクルとして扱う。• .php に対する要求に対しても、ASP.NET HTTP モジュールが処理。• これで、.php なページも、Http Authentication Module による認証が機能する!
  48. 48. NuGetPackage Manager ページを有効にする手順の動画http://youtu.be/asKDyXzaT0g
  49. 49. Live Coding.認証の実装、承認の構成
  50. 50. 参加者一覧は当日の受付に使う。• 申し込み一覧は、なぜ素の HTML、素の TABLE 要素で組んだか?• 独自のフォーム認証や、OAuth ではなく、なぜ HTTP 標準の認証(今回は SSL は使えなかっ たのでダイジェスト認証)を採用したか?
  51. 51. Excel のWebクエリ
  52. 52. Demo実際にやってみよう
  53. 53. (アリスも知らなかった)Excel の Web クエリ• エクスポート/インポートとは違います!• Excel表とWebページが関連付けされます!• F9 押すだけで、最新情報になる!
  54. 54. Publishインターネットに公開
  55. 55. Conclusionまとめ
  56. 56. まとめ• WebMatrix – PHP + MySQL のスクラッチ開発、ExpressWeb への発 行、リモートビューによる保守(これは Visual Studio に もできない芸当)はかなり便利。• IIS 統合パイプラインモード – PHP なサイトでも ASP.NET 技術の恩恵にあずかれる。• ExcelのWebクエリ – HTML 中の TABLE 要素は、CSV エクスポート/インポー トとかしなくてもExcelに取込・更新可能。 HTTP 認証ならスタッフ専用ページでも大丈夫!
  57. 57. ほかのプラットフォームで作るとどうなるだろう?
  58. 58. 運用費¥0でWindows Azure上 に作ってみる!
  59. 59. to be continue!

×