翻訳: ヴラド・メルジェヴィチ

Web フォームについては誰もが知っていますよね? タグをいくつか挿入し、ボタンですべてを完了すれば完了です。

あなたは半分も知りません。 HTML5 では、フォームで使用できる 10 を超える新しいフィールド タイプが定義されています。 そして、私が「使用する」と言うときは、特別な仕掛けやハック、回避策を必要とせずに、すぐに使用できることを意味します。 あまり心配しないでください。これらのエキサイティングな新機能がすべて実際にすべてのブラウザーでサポートされていると言っているわけではありません。 絶対にそうではありません、全員がという意味ではありません。 で 最新のブラウザはい、フォームには機能がすべて表示されます。 ただし、古いブラウザでもフォームは機能しますが、その可能性を最大限に発揮することはできません。 つまり、これらの機能はすべてのブラウザーで正常に機能低下します。 IE6でも。

プロンプトテキスト プロンプトテキストのサポート

I.E.	Firefox	サファリ	クロム	オペラ	iPhone	アンドロイド
-	4.0+	4.0+	4.0+	11.0+	4.0+	-

フォームに関する HTML5 の最初の改良点は、入力フィールドにプロンプ​​ト テキストを設定できることです。 このテキストは、入力フィールドが空でフォーカスがない場合に表示されます。 入力フィールドをクリックすると (またはタブで入力フィールドに移動すると)、ヒント テキストが消えます。

おそらく、プロンプト テキストを以前に見たことがあると思います。 例えば、 モジラ Firefoxヒントテキストが含まれています アドレスバー「ブックマークと日記を検索」という碑文が付いています。

アドレスバーをクリックすると、ヒントテキストが消えます。

ここでは、フォームに示唆的なテキストを含める方法を説明します。

placeholder 属性をサポートしていないブラウザは、単に無視します。 危害や違反はありません。

マークアップ教授に聞く

☞ Q. プレースホルダー属性に HTML マークアップを使用できますか? 写真を挿入したり、色を変更したりしたいです。

A. プレースホルダー属性にはテキストのみを含めることができ、HTML コードは含めることはできません。 ただし、一部のブラウザではテキスト スタイルを設定できる特別な CSS 拡張機能があります。

オートフォーカスフィールド オートフォーカスのサポート

I.E.	Firefox	サファリ	クロム	オペラ	iPhone	アンドロイド
-	-	4.0+	3.0+	10.0+	-	-

Web サイトでは JavaScript を使用して、 自動領収書最初のフォームフィールドにフォーカスします。 たとえば、メインページでは Google.com検索フィールドにはオートフォーカスが付いています キーワード。 これはほとんどの人にとって便利ですが、上級ユーザーや特別なニーズを持つユーザーにとっては煩わしい場合があります。 ページがスクロールするのを待っている間にスペースを押した場合、フォーカスはフォームの入力フィールドにあるため、スクロールは行われません (スクロールする代わりにフィールドにスペースが入力されます)。 ページの読み込み中にフォーカスを別の入力フィールドに移動すると、サイトのオートフォーカス スクリプトが「勝手に」フォーカスを元の入力フィールドに戻し、入力を中断して間違った場所に入力してしまう可能性があります。

オートフォーカスは JavaScript を通じて機能するため、このような極端なケースに対処するのが困難になる可能性があり、Web ページにフォーカスを「盗まれたくない」人にとっては選択肢がほとんどありません。

これらの問題を解決するために、HTML5 ではすべてのフォーム要素に autofocus 属性が導入されています。 autofocus 属性は、その名の通りの動作を行います。ページが読み込まれるとすぐに、フォーカスが指定されたフィールドに移動します。 ただし、これはスクリプトではなく単なるマークアップであるため、動作はすべてのサイトで一貫しています。 さらに、ブラウザの製造元 (または拡張機能の作成者) が、オートフォーカスを無効にする方法をユーザーに提供する場合があります。

フォームフィールドをオートフォーカスに設定する方法は次のとおりです。

autofocus 属性をサポートしていないブラウザは無視します。

どうしたの？ 高級な HTML5 ブラウザだけでなく、どこでもオートフォーカスを機能させたいと思いませんか? 現在のスクリプトをオートフォーカスのままにしておくことができます。2 つの小さな変更を加えるだけです。

• autofocus 属性を HTML コードに追加します。
• ブラウザが autofocus 属性をサポートしているかどうかを確認し、サポートしていない場合は独自のスクリプトを実行します。

代替機能によるオートフォーカス

if (!("autofocus" in document.createElement("input")) ) (
document.getElementById("q").focus();
}

集中力を早めに設定する

多くの Web ページは、window.onload が起動してフォーカスが設定されるのを待ちます。 ただし、すべての画像が読み込まれるまで window.onload イベントは発生しません。 ページに多くの画像がある場合、このような単純なスクリプトは、ユーザーがページの別の部分との対話を開始した後にフォーカスを変更する可能性があります。 それが理由です 経験豊富なユーザーオートフォーカススクリプトが嫌いです。

たとえば、前のセクションでは、オートフォーカス スクリプトは、参照するフォーム フィールドの直後に配置されました。 これ 最適解, ただし、気分を害する可能性がありますので、ブロックしてください。 JavaScriptコードページの中央にあります (または、もっと現実的です。システムがそれほど柔軟ではない可能性があります)。 ページの途中にスクリプトを挿入できない場合は、 window.onload の代わりに jQuery の $(document).ready() などのカスタム イベントを介してフォーカスを設定する必要があります。

jQueryによるオートフォーカス

$(document).ready(function() (

$("#q").focus();
}
});

jQuery カスタム イベントは、DOM にアクセスできるようになるとすぐに起動します。つまり、ページ テキストが読み込まれるのを待ちますが、すべての画像が読み込まれるのは待ちません。 これは最適なアプローチではありません - ページが異常に大きい場合や、 ネットワーク接続速度が遅い場合、フォーカスされたスクリプトが実行される前にユーザーがまだページを操作している可能性があります。 ただし、window.onload イベントが発生するのを待つよりははるかに優れています。

あなたが同意し、単一ステートメントのスクリプトをページのコードに挿入することに同意する場合、これは最初のオプションよりも厄介ではなく、2 番目のオプションよりも優れた妥協策です。 jQueryカスタムイベントを使用して設定できます 自分のイベント、autofocus_readyとしましょう。 オートフォーカス フィールドが使用可能になるとすぐに、このイベントを手動でトリガーできます。 このテクニックを教えてくれた E.M. Shtenberg に感謝します。

代替カスタムイベントによるオートフォーカス

$(document).bind("autofocus_ready", function() (
if (!("autofocus" in document.createElement("input"))) (
$("#q").focus();
}
});





$(document).trigger("autofocus_ready");

この解決策は、最初のアプローチと同様に最適です。 ページ テキストの読み込み中に、技術的に可能な限り早くフォーカスがフォーム フィールドに設定されます。 アプリケーション ロジックの一部 (フォーム フィールドのフォーカス) がページの本文からセクションに移動されました。 この例は jQuery に基づいていますが、カスタム イベントの概念は jQuery に固有のものではありません。 YUI や Dojo などの他の JavaScript ライブラリも同様の機能を提供します。

要約しましょう。

• フォーカスを正しく設定することが重要です。
• 可能であれば、フォーカスしたいフィールドでブラウザに autofocus 属性を使用させます。
• 古いブラウザ用の代替コードを使用している場合は、スクリプトが古いブラウザでのみ実行されるように autofocus 属性のサポートを定義します。
• できるだけ早く焦点を合わせます。 フォーカス スクリプトをコードのフォーム フィールドの直後に挿入します。 これが気にならない場合は、カスタム イベントをサポートする JavaScript ライブラリを埋め込み、フォーム フィールドの直後のコードでイベントを発生させます。 これが不可能な場合は、jQuery の $(document).ready() などのイベントを使用します。
• いかなる状況でも、window.onload がフォーカスを取得するのを待ってはいけません。

住所 電子メール

10 年以上にわたり、フォームには数種類のフィールドしか含まれていませんでした。 最も一般的なものは次のとおりです。

これらのフィールド タイプはすべて HTML5 でも引き続き機能します。 「HTML5 にアップグレード」する場合 (おそらく !DOCTYPE を変更することによって)、フォームに 1 つの変更も加える必要はありません。 やった、下位互換性！

ただし、HTML5 では 13 の新しいフィールド タイプが定義されており、それらを使用しない理由はありません。

新しいタイプの電子メール アドレスの最初のもの。 こんな感じです。

「type="email" をサポートしていないブラウザでは…」で始まる文章を書こうとしましたが、やめました。 なぜ？ ブラウザが type="email" をサポートしていないのかどうかわからないからです。 すべてのブラウザは type="email" を「サポート」します。 特別なことは何も行わないかもしれませんが、type="email" を認識しないブラウザはそれを type="text" として扱い、通常のテキスト フィールドとして表示します。

これがいかに重要であるかを強調します。 インターネット上には、電子メール アドレスの入力を求めるフォームが何百万もあり、そのすべてで が使用されています。 テキストボックスが表示されるので、そこにメールアドレスを入力するだけです。 そして、 type="email" を定義する HTML5 が登場します。 ブラウザがおかしくなっているのでしょうか？ いいえ。 地球上のすべてのブラウザは、IE6 であっても、不明な type 属性を type="text" として扱います。 そのため、今すぐ type="email" を使用してフォームを「更新」できます。

ブラウザが type="email" をサポートしているとするとどうなるでしょうか? まあ、それは何かを意味するかもしれません。 HTML5 仕様では、新しいフィールド タイプに特定のユーザー インターフェイスは必要ありません。 Opera はフォーム フィールドに小さなアイコンを追加します。 Safari や Chrome などの他の HTML5 ブラウザは、type="text" と同じテキスト フィールドとして表示されるため、ユーザーは (ソース コードを見るまで) 違いに気づきません。

そしてiPhoneです。

iPhone には物理キーボードがありません。 すべての「入力」は、Web ページのフォーム フィールドに移動したときなど、適切なタイミングでポップアップ表示されるスクリーン キーボードをクリックすることによって行われます。 Apple は iPhone のブラウザで何か賢いことをしました。 いくつかの新しい HTML5 フィールドを認識し、画面上のキーボードを動的に変更して入力を最適化します。

たとえば、メールアドレスはテキストですよね？ もちろんですが、これは特殊なタイプのテキストです。 したがって、ほぼすべての電子メール アドレスには @ 記号が含まれており、 少なくとも、単一のドット (.) ですが、スペースが含まれる可能性はほとんどありません。 そのため、iPhone を使用しているときに にアクセスすると、小さなスペースバーと記号専用のキーを含むオンスクリーン キーボードが表示されます。 そして @。

要約してみましょう。 すべてのフィールドをすぐに翻訳することにマイナス面はありません。 メールアドレス type="email" で。 iPhone ユーザーを除いて、これに気づく人はほとんどいないでしょうし、iPhone ユーザーもおそらく気づかないでしょう。 しかし、それに気づいた人は静かに微笑み、仕事が少し楽になったことに感謝するでしょう。

Webアドレス

Web アドレス (URI と呼ぶ少数の衒学者を除いて、専門家の間では URL と呼ばれています) も、別の種類の特殊なテキストです。 Web アドレスの構文は、関連するインターネット標準に限定されます。 Web アドレスをフォームに入力するよう求められた場合、「125 Farwood Road」ではなく、「http://www.google.com/」のようなものを期待します。 斜線はメインでもよく見られます Googleページそのうちの3つがあります。 ドットも一般的ですが、スペースは禁止されています。 そして、すべての Web アドレスには、「.com」や「.org」などのドメイン サフィックスが付いています。

それで... (ドラムロールをお願いします)... 。 iPhoneではこんな感じです。

iPhone は電子メールの場合と同様に仮想キーボードを再設計しましたが、Web アドレスの入力用に最適化されました。 スペースは完全に 3 つに置き換えられます 仮想キー: スラッシュ、ドット、および「.com」 (「.com」キーを押したままにすると、「.org」や「.net」などの別のサフィックスを選択できます)。

HTML5 をサポートしていないブラウザは type="url" を type="text" として扱うため、Web アドレスを入力する必要があるすべてのフィールドにこの型を使用してもデメリットはありません。

カウンターとしての数字

次のステップ: 数字。 番号のリクエストは、電子メールや Web アドレスのリクエストよりも複雑です。 まず第一に、数字はあなたが思っているよりも複雑です。 番号をすばやく選択します。 -1? いいえ、1 から 10.7 1/2 までの数字のことを言いましたか? いやいや、分数じゃないよ、バカ。 π？ 今、あなたは無理数を選んだだけです。

「ただの数字」を尋ねられることはあまりないことに注意してください。 特定の範囲の数値を要求される可能性が高くなります。 その範囲内の特定の種類の数値のみが必要な場合があります。整数は可能ですが、分数や分数は必要ありません。 10進数 HTML5 はすべてをカバーします。

ほぼ任意の番号を選択してください

一度に 1 つの属性を見てみましょう。

• type="number" は、これが数値フィールドであることを意味します。
• min="0" は、このフィールドに許可される最小値を指定します。
• max="10" は最大許容値です。
• step="2" と最小値の組み合わせは、0、2、4 などから最大値までの範囲の有効な数値を定義します。
• value="6" デフォルト値。 見覚えがあるはずですが、これはフォーム フィールドの値を定義するために常に使用されるのと同じ属性です。 ここで出発点として言及しますが、HTML5 は以下に基づいています。 以前のバージョン HTML。 すでに行ったことを再度学習する必要はありません。

これは数値フィールドのコードです。 これらの属性はすべてオプションであることに注意してください。 最小値はあるが最大値がない場合、min 属性は指定できますが、max 属性は指定できません。 デフォルトのステップ値は 1 であり、別のステップ値が必要になるまでステップ属性を省略できます。 デフォルト値がない場合は、value 属性を空の文字列にすることも、完全に省略することもできます。

しかし、HTML5 はそれだけではありません。 同じ低価格の自由を得るために、これらの便利な JavaScript テクニックを手に入れることができます。

• input.stepUp(n) はフィールド値を n ずつインクリメントします。
• input.stepDown(n) はフィールド値を n ずつ減らします。
• input.valueAsNumber は、現在の値を浮動小数点数として返します (input.value プロパティは常に文字列です)。

表示の問題? そうですね、数値を管理するための正しいインターフェイスは、ブラウザーでは異なる方法で実装されます。 iPhone では、入力が難しいため、ブラウザは数字入力用の仮想キーボードを再び最適化します。

Opera のデスクトップ バージョンでは、type="number" フィールドが小さな上下矢印が付いたカウンターとして表示され、クリックして値を変更できます。

Opera は min 、 max 、 step 属性を尊重するため、常に許容可能な数値が得られます。 値を最大まで増やすと、カウンターの上矢印が灰色に変わります。

この章で説明した他のすべての入力フィールドと同様、 type="number" をサポートしていないブラウザは、これを type="text" として扱います。 デフォルト値は (value 属性に格納されているため) フィールドに表示されますが、min や max などの他の属性は無視されます。 これらを自分で実装することも、カウンター管理がすでに実装されている JavaScript フレームワークを使用することもできます。 まずはこちらをご確認ください。

if (! .inputtypes.number) (
// フィールド type=number はネイティブでサポートされていません
// Dojo または別の JavaScript フレームワークを試す可能性があります
}

スライダーとしての数字

カウンタは数値入力を表す唯一の方法ではありません。 おそらく次のようなスライダーも見たことがあるでしょう。

フォーム上にスライダーも追加できるようになりました。 コードは不思議なことにカウンターフィールドに似ています。

使用可能なすべての属性は、 type="number" の場合と同じ ( min 、 max 、 step 、 value ) であり、同じことを意味します。 唯一の違いは、 ユーザーインターフェース。 ブラウザでは、入力フィールドの代わりに type="range" をスライダーとして表示することが想定されています。 執筆時点では 最新バージョン Safari、Chrome、Opera はこれで動作しました。 残念ながら、iPhone は単純なテキスト フィールドとして表示されます。数値入力用のオンスクリーン キーボードも最適化されていません。 他のすべてのブラウザはフィールドを type="text" として扱うだけなので、この型をすぐに使用し始める理由はありません。

HTML 4 には、カレンダーによる日付の選択が含まれていません。 JavaScript フレームワーク (Dojo、jQuery UI、YUI、Closure Library) を使用すると、この問題を回避できますが、当然ながら、これらの各ソリューションでは、組み込みカレンダーのフレームワークを「実装」する必要があります。

HTML5 はついに、スクリプトを使用せずにネイティブの日付ピッカーを有効にする方法を定義しました。 実際には、日付、月、週、時刻、日付 + 時刻、およびタイムゾーン付きの日付 + 時刻の 6 つがあります。

今のところ、サポートは...不足しています。

日付ピッカーのサポート Opera と入力します その他のブラウザ

type="日付"	9.0+	-
type="月"	9.0+	-
type="週"	9.0+	-
type="時間"	9.0+	-
type="日付時刻"	9.0+	-
type="日時ローカル"	9.0+	-

Opera では次のように表示されます。

日付とともに時間が必要な場合、Opera は以下もサポートしています。

1 か月と 1 年が必要な場合 (有効期限など) クレジットカード)、Opera では以下を表示できます。

あまり一般的ではありませんが、次の方法で年間の週を選択する方法もあります。

最後になりましたが、次のタイミングです。

代替機能を備えた日付ピッカー

...

var i = document.createElement("入力");
i.setAttribute("タイプ", "日付");
if (i.type == "テキスト") (
// ネイティブの日付ピッカーはサポートされていません :(
// Dojo/jQueryUI/YUI/Closure を使用して作成します。
// 次に要素を動的に置き換えます
}

おそらく他のブラウザも最終的にはこれらのタイプをサポートするようになるでしょう。 type="email" やその他のタイプと同様、これらのフォーム フィールドは、type="date" とそのバリアントを認識しないブラウザではプレーン テキストとして表示されます。 必要に応じて、 を使用して Opera ユーザーを満足させ、他のブラウザが追いつくのを待つこともできます。 これを使用するのがより現実的ですが、ブラウザーがネイティブの日付ピッカーをサポートしているかどうかを確認し、選択したスクリプト (Dojo、jQuery UI、YUI、Closure Library、またはその他のオプション) の形式で代替ソリューションを含めます。

検索ウィンドウ

それで、検索してください。 Google や Yahoo からの検索だけではありません (もちろん、それらもです)。 あらゆる Web サイトのあらゆるページ、あらゆる検索ボックスについて考えてみましょう。 Amazon にも検索ボックスがあり、Yandex にも検索ボックスがあり、ほとんどのブログにも検索ボックスがあります。 どのように作られているのでしょうか？

、Web 上の他のテキスト フィールドと同じです。 これを修正しましょう。

新しい世代を求めて

ブラウザによっては、通常のテキスト フィールドと何の違いも感じられない場合があります。 ただし、Mac OS X で Safari を使用している場合は、次のように表示されます。 違いは分かりましたか？ 入力欄の角が丸くなっています！ わかります、わかります、あなたは自分の感情を抑えるのが難しいです。 しかし、待ってください、まだあります! フィールドに type="search" と入力し始めると、Safari はウィンドウの右側に小さな「x」ボタンを挿入します。 「x」をクリックすると、フィールドの内容がクリアされます。 Google Chrome 内部的には同じテクノロジーを搭載しており、同じように動作します。 これらの小さなトリックはどちらも、iTunes や他のクライアントのネイティブ検索と見た目も動作も似ています。 Mac アプリケーション

OS X

Apple.com は、サイトが「コンゴウインコを愛する」雰囲気を伝えるためにサイト検索を使用しています。 ただし、ここでは Mac に特有のものは何もありません。 これは単なるコードであるため、すべてのプラットフォームのすべてのブラウザーは、プラットフォームの規則に従ってレンダリング方法を選択できます。 他のすべての新しい型と同様、 type="search" を認識しないブラウザはこれを type="text" として扱うため、今すぐすべての検索ボックスで type="search" を使用し始めない理由はまったくありません。

マークアップ教授は言う

デフォルトでは、Safari はほとんどのスタイルを適用しません。 Safari で検索フィールドを通常のテキスト フィールドとして強制的に扱うようにしたい場合 (独自のスタイルを適用できるように)、このルールをスタイル シートに追加します。
入力（
}

-webkit の外観:テキストフィールド;

このトリックを教えてくれた John Lane に感謝します。

HTML5 では、色を選択してそれを 16 進数で返すフィールドも定義されています。 カラーピッカーをサポートしているブラウザはありません。私はずっと Mac OS のパレットが大好きなので、これは残念です。 たぶんいつか。

注記 翻訳者 Opera 11 はこの機能をサポートしています。

フォームの検証

この章では、新しいフォーム要素やオートフォーカスなどの新機能について説明しましたが、おそらく HTML5 フォームの最も魅力的な部分である自動入力検証については触れませんでした。 フォームに電子メール アドレスを入力する際に​​よくある問題を見てみましょう。 おそらく、JavaScript を使用してクライアント側の検証を行った後、PHP、Python、または別のサーバー側の言語を使用してサーバー側の検証を行っているでしょう。 HTML5 がサーバー側の検証に取って代わることはありませんが、いつかクライアント側の検証に取って代わる可能性があります。

JavaScript での電子メール アドレス検証には 2 つの大きな問題があります。

少数の訪問者 (おそらく約 10%) は JavaScript を有効にしていません。

住所が間違って届いてしまいます。

真剣に言うと、住所を間違えます。 ランダムな文字のセットが有効な電子メール アドレスであるかどうかを判断することは、非常に困難です。 注意深く見れば見るほど、それは難しくなります。 これはとてもとても難しいことだと言いましたか? この頭痛の種をブラウザ上でハングアップする方が簡単ではないでしょうか?

Opera は type="email" をチェックします

以下は Opera 11 のスクリーンショットですが、この機能は Opera 9 から存在しています。コードには、type 属性の email 値の設定が含まれています。 Opera ユーザーが を使用してフォームを送信しようとすると、スクリプトが無効になっている場合でも、ブラウザは自動的に電子メール アドレスをチェックします。

HTML5 では、フィールドを使用して Web アドレスを検証し、 を使用して数値を検証することもできます。 数値の検証では min 属性と max 属性の値が考慮されるため、大きすぎる数値を入力するとブラウザーはフォームの送信を許可しません。

HTML5 にはフォーム検証を有効にするコードはなく、デフォルトで行われます。 検証を無効にするには、novalidate 属性を使用します。

私を試しないでください

ブラウザーが HTML5 にフォーム検証のサポートを組み込むのは遅れています。 Firefox 4 は完全にサポートされます。 残念ながら、Safari と Chrome は部分的にしか実装されていません。これらはフォーム要素を検証しますが、フォーム フィールドが検証に失敗した場合に表示されるメッセージは表示しません。 つまり、 type="date" に間違った (またはスペルを間違えた) 日付を入力すると、Safari と Chrome はフォームを送信しませんが、送信しなかった理由は通知しません。 無効な値を含むフィールドにフォーカスが設定されますが、Opera や Firefox 4 のようなエラー メッセージは表示されません。

必須フィールド サポート

I.E.	Firefox	サファリ	クロム	オペラ	iPhone	アンドロイド
-	4.0+	-	-	9.0+	-	-

HTML5 でのフォーム検証は、各フィールドの型に限定されません。 一部のフィールドが必須であることを指定することもできます。そのようなフィールドには、フォームを送信する前に値が必要です。

必須フィールドのコードは可能な限り単純です。

ブラウザによって、必須フィールドの元の外観が変更される場合があります。 Mozilla Firefox 4.0 での例を次に示します。

さらに、必須の値を入力せずにフォームを送信しようとすると、Firefox はフィールドが必須であり空にはできないことを示す情報バーを表示します。

この記事では、組織またはプロジェクトがリスクを管理するために講じることができる対応の概要を説明します。 リスクは、ポジティブ (機会) かネガティブ (脅威) かにかかわらず、結果の不確実性として定義できます。

リスク管理はプロジェクトの成功に不可欠であり、プロジェクトのリスクへのエクスポージャーを管理するのがリスク管理の仕事です ()。

特定のリスクに対する対応は、リスクの種類、リスク評価 (可能性、影響、重大度)、およびリスクに対する組織の態度を反映する必要があります。 リスクには多数の可能な対応があり、リスクは脅威または機会となる可能性があるため、これらには潜在的な機会に適した対応が含まれます。 回答は以下の表にまとめられています。

リスク対応表	リスク対応	説明/例
…に適しています。 リスクの種類 (これらは提案であり、すべてを網羅するものではありません)
脅威	避ける	リスクを回避するには、何らかの方法でプロジェクトを変更することでリスクを回避します。
いくつかの政治的リスク、例: 否定的な世論 いくつかの技術的/運用的/インフラストラクチャのリスク (例: メンテナンスの問題。 法的および規制上のリスク 例: 規制管理、ライセンス要件。		移行
いくつかの戦略的/商業的リスク (例: 盗難、倒産に対して保険をかけることができます。 その他の例については、「ビジネス リスク」を参照してください。	リスクが発生する可能性またはリスクが及ぼす影響を軽減するための措置が講じられます。	リスクへの対応として最も頻繁に使用されます。 広く適用可能 - 技術/運用/インフラストラクチャなど 過失、パフォーマンスの失敗、範囲の「クリープ」、不明確な期待。 組織/管理/人的要因 例: 性格の不一致、不十分なリーダーシップ、不適切なスタッフの選択。
		一部の政治的、法的規制、および経済的/財務的リスクは、適切な措置を講じた上で受け入れる必要がある場合があります。 戦争と混乱、為替レートの変動。
不測の事態	ここでは、リスクが実現した場合に対応するための計画が立てられます。	経済・金融・市場 政治的 法的規制 おそらく、すべてのリスクには緊急時対応計画を立てることができ、またそうすべきです。
機会
共有	共有リソース/テクノロジーなどの使用を通じて利益を最大化するために、パートナーまたはサプライヤーと機会が共有されます。	技術/運用/インフラストラクチャ 例: 新しいテクノロジー、改良されたデザイン。
悪用する	プロジェクトは、テクノロジーの変化や新しい市場を活用するように調整される可能性があります。	経済/金融/市場 例: 新興市場、為替レートまたは金利の前向きな変化。
強化する	機会が発生する可能性、またはそれがもたらす可能性のあるプラスの影響を高めるために行動がとられます。	新しいパートナーシップ、新しい資本投資、新しいプロモーターなどの戦略的/商業的機会。
拒否する	ここでは何の行動も取られず、その機会から利益を得る機会は拒否されます。 機会があれば導入される可能性があります。	政治的または環境的なもの 例: 新しい交通機関、政策に前向きな変化をもたらす政権交代、ロビー活動の機会など。

緊急時対応計画では、リスクが発生した場合に取られる措置を特定する必要があります。 偶発的なアクションには関連コストがかかることが多く、これをカバーするためにビジネス ケースで予算を確保する必要があります。

トップ50のビジネスリスクとその管理方法!

20 の一般的なプロジェクト リスク - 例 30 の建設リスクのリスク登録チェックリスト リスク対応 - 参考文献 Office of Government Commerce (2002)、PRINCE2 による成功したプロジェクトの管理、ロンドン: TSO。

• The Projects Group PLC、2006 年、リスク管理の概要、サットン: The Projects Group plc。
• リクエスト メッセージを受信して​​解釈した後、サーバーは HTTP 応答メッセージで応答します。
• ヘッダフィールドの終わりを示す空の行（つまり、CRLF の前に何もない行）
• オプションでメッセージ本文

次のセクションでは、HTTP 応答メッセージで使用されるエンティティについてそれぞれ説明します。

メッセージステータス行

ステータス行は、プロトコルのバージョンと、その後に続く数値ステータス コードおよびそれに関連するテキスト フレーズで構成されます。 要素はスペース SP 文字で区切られます。

ステータス行 = HTTP バージョン SP ステータスコード SP 理由フレーズ CRLF HTTP バージョン

HTTP バージョン 1.1 をサポートするサーバーは、次のバージョン情報を返します。

HTTP バージョン = HTTP/1.1

ステータスコード

Status-Code 要素は 3 桁の整数で、Status-Code の最初の桁は応答のクラスを定義し、最後の 2 桁は分類の役割を持ちません。 最初の桁には 5 つの値があります。

S.N.

1	コードと説明 1xx: 情報
2	これは、リクエストが受信され、プロセスが継続中であることを意味します。 2xx: 成功
3	これは、アクションが正常に受信、理解、受け入れられたことを意味します。 3xx: リダイレクト
4	これは、リクエストを完了するにはさらにアクションを実行する必要があることを意味します。 4xx: クライアントエラー
5	これは、リクエストに不正な構文が含まれているか、リクエストを実行できないことを意味します。 5xx: サーバーエラー

これは、サーバーが一見有効なリクエストを実行できなかったことを意味します。

HTTP ステータス コードは拡張可能であり、HTTP アプリケーションは登録されているすべてのステータス コードの意味を理解する必要はありません。 すべてのステータス コードのリストは、参照用に別の章に記載されています。

応答ヘッダーフィールド

General-header と Entity-header については、HTTP ヘッダー フィールドを学習する別の章で学習します。 ここでは、Response ヘッダー フィールドが何であるかを確認してみましょう。

• 応答ヘッダー フィールドを使用すると、サーバーはステータス行に配置できない応答に関する追加情報を渡すことができます。 これらのヘッダー フィールドは、サーバーに関する情報と、Request-URI で識別されるリソースへのさらなるアクセスに関する情報を提供します。

• プロキシ認証

WWW認証

独自のカスタム Web クライアントとサーバーを作成する場合は、カスタム フィールドを導入できます。

応答メッセージの例

次に、すべてをまとめて、サイトで実行されている Web サーバーから hello.htm ページを取得するリクエストに対する HTTP 応答を形成しましょう。

次の例は、Web サーバーが要求されたページを見つけられなかった場合に、エラー状態を表示する HTTP 応答メッセージを示しています。

HTTP/1.1 404 Not Found Date: Sun, 18 Oct 2012 10:36:20 GMT Server: Apache/2.2.14 (Win32) Content-Length: 230 Connection: Closed Content-Type: text/html; charset=iso-8859-1 404 見つかりません 見つかりません

要求された URL /t.html がこのサーバー上に見つかりませんでした。

以下は、Web サーバーが指定された HTTP 要求で間違った HTTP バージョンを検出したときのエラー状態を示す HTTP 応答メッセージの例です。

HTTP/1.1 400 Bad Request Date: Sun, 18 Oct 2012 10:36:20 GMT Server: Apache/2.2.14 (Win32) Content-Length: 230 Content-Type: text/html; charset=iso-8859-1 接続: クローズ 400 不正なリクエスト 不正なリクエスト

ブラウザが送信したリクエストは、このサーバーが理解できませんでした。

リクエスト行に、プロトコル文字列の後に無効な文字が含まれていました。