Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Webシステムとちょっと便利なツール

1,620 views

Published on

Published in: Technology
  • Be the first to comment

Webシステムとちょっと便利なツール

  1. 1. Webシステムとちょっと便利なツール 2012/06/23 @shin1x1
  2. 2. 自己紹介• 新原 雅司(しんばら まさし) @shin1x1• 1×1株式会社• Shin x blog http://www.1x1.jp/blog/• PHP / AWS / 勉強会 / MotoGP
  3. 3. http://www.evememo.jp/
  4. 4. Webシステムを 知ろう!
  5. 5. Agenda1. システムの特徴2. Webシステムの特徴3. Webエンジニアのツール
  6. 6. システムの特徴
  7. 7. 1か0か• 融通が効かない• ミスが許されない• 仕様を細かく具体化する
  8. 8. 仕様を具体化していく 何回も購入してくれた人には おまけを付けたい!・対象は何回?・購入者特定のために要ログイン・おまけの有無はメールに記載?DBにも記録?
  9. 9. 正確無比に動く• 正確無比に同じ処理を行う• 間違った仕様もそのまま動く
  10. 10. 正確無比に動く • 正確無比に同じ処理を行うプログラムは思った通りに動かない。 書いた通りに動く。 • 間違った仕様もそのまま動く
  11. 11. データが大事• 何をするにもデータが必要• データのIN/OUTでシステムが見える• データを扱うのがシステム
  12. 12. データで判断 5回購入してくれた人には おまけを付けたい!・5回(設定ファイル)・購入履歴(DB)・会員情報(DB)
  13. 13. Webシステムの特徴
  14. 14. 1. インターネットで公開
  15. 15. 2. 組み合わせる技術が多様 HTML PHP ネットワーク CSS SQL データベース JavaScript サーバ セキュリティ
  16. 16. 3. 動作レイヤが違う(1) ブラウザからリクエスト送信
  17. 17. 3. 動作レイヤが違う(2) PHPが各種処理をして、HTMLを生成
  18. 18. 3. 動作レイヤが違う(3) 生成したHTMLをブラウザへ返す
  19. 19. 3. 動作レイヤが違う(4) ブラウザでHTMLを画面に表示 JavaScriptを実行
  20. 20. PHPファイルを表示1. サーバがPHPを実行して、HTMLを生成2. ブラウザがHTMLを表示3. ブラウザがJavaScriptを実行
  21. 21. 画像が出ない! 商品画像が出てないよ。ブラウザでソースを見てみる・imgタグなし=PHPが問題・imgタグあり=画像が問題
  22. 22. 4. セキュリティ• いつでも攻撃可能• どんなデータでも送信される
  23. 23. フォーム改ざん• フォームの値は自由に変更できる• Firefox + Firebug• サーバでの入力チェックが大事! (送信されたデータは信用しない)
  24. 24. Webエンジニアの ツール
  25. 25. git• バージョン管理• 変更履歴が見れる• 変更前に戻せる• 安心して変更できる!
  26. 26. Redmine• タスク管理システム• 作業タスクを登録、進 を更新• gitとの連携• PHPならCandyCane
  27. 27. Firebug• サーバとの通信を見る• JavaScriptで更新されたHTMLを見る• HTMLを改変
  28. 28. FireMobileSimulator• 携帯、スマートフォンをシミュレート• UserAgent などを書き換え• Chrome用もあり
  29. 29. まとめ• Webシステムの特性を押さえる• 便利なツールを活用• 一緒に良いものを作りましょう!
  30. 30. @shin1x1

×