12 Web

★Web開発ルール

1.Speed

2.Instant Utility

3.Voice

4.Less is More

5.Programmable

6.Personal

7.RESTful

8.Discoverable

9.Clean

10.Playful

★リクエストとレスポンス

・PHP

$xxx = $_GET["xxx"];

$xxx = $_POST["xxx"];

$xxx = $_FILES["xxx"];

$user_agent = $_SERVER["HTTP_USER_AGENT"];

echo "xxx";

・ASP.NET

var xxx = Request.QueryString["xxx"];

var xxx = Request.Form["xxx"];

var xxx = Request.Files["xxx"];

var userAgent = Request.ServerVariables["HTTP_USER_AGENT"];

Response.Write("xxx");

★ブラウザでのデバッグ

・Firefox

Firebug JavaScriptデバッグ

Live HTTP headers HTTPヘッダの確認

・IE8以上

開発者ツール(F12) JavaScriptデバッグ

ieHTTPHeaders HTTPヘッダの確認

★Firefoxで「このページから移動する」を出さないようにする

1.アドレス欄にabout:configと入力

[最新の注意を払って使用する]をクリック

2.検索欄にdom.disable_beforeunloadと入力

項目をダブルクリックして、値をfalseからtrueに変更

※最新Chromeはこういう設定がなくなったので、拡張機能が必要

★テストツール

IETester IE5.5~IE8の同時表示 http://www.my-debugbar.com/wiki/IETester/HomePage

IETab IEの表示テストができるFirefoxプラグイン http://addons.mozilla.org/ja/firefox/addon/1419

★console API

https://getfirebug.com/wiki/index.php/Console_API

console.log('sample');

console.debug('sample');

アイコンと色をつける

console.info('sample');

console.warn('sample');

console.error('sample');

処理の実行時間を計測

console.time('sample');

...

console.timeEnd('sample');