Your SlideShare is downloading. ×
0
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Webシステムとちょっと便利なツール
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

1,240

Published on

Published in: Technology
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,240
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Transcript

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

    ×