Contents
- 1 Web3層アーキテクチャー
- 2 ステータスコード
- 3 HTTPリクエスト
- 4 ヘッダフィールド
- 5 URL
- 6 キャッシュ
- 7 Cookie
- 8 Set-Cookie
- 9 HTTP/2
- 10 データURL
- 11 HPACK
- 12 SOAP
- 13 Basic認証
- 14 Base64
- 15 Digest認証
- 16 クロスサイト・リクエスト・フォージェリ
- 17 SQLインジェクション
- 18 クロスサイト・スクリプティング
- 19 ディレクトリ・トラバーサル
- 20 HTTPヘッダ・インジェクション
- 21 Web広告
- 22 MVCアーキテクチャ
- 23 data URIスキーム
- 24 マイクロデータ
- 25 RDF
- 26 RDFa
- 27 OGP
- 28 画像ファイル
- 29 インターレース
- 30 W3C
- 31 WHATWG
- 32 IETF
Web3層アーキテクチャー
一般的なWebシステム
クライアント・サーバ方式
![](https://ntorelabo.com/wp-content/uploads/2023/03/web1.png)
レスポンス(様々な処理)↓
プレゼンテーション層
HTTPリクエストでクラアントとのやり取り、アプリケーション層の呼び出し
Apache
- Webサーバーソフトウェア
- モジュール単位でApacheに機能を追加削除できる
アプリケーション層
中心的なシステムの処理
データ層
データベース
ステータスコード
メソッド | 説明 |
---|---|
200 | リクエスト成功 |
301(リダイレクト) | リソースが恒久的に異動 |
307 | リソースが一時的に異動 |
400(クライアントエラー) | 不正なリクエスト |
401 | 承認が必要 |
403 | アクセスが禁止されている、アクセス券が必要 |
404 | リソースが見つからない |
500(サーバエラー) | サーバ内部エラー |
503 | サービスが一時的に利用不可 |
HTTPリクエスト
メソッド | 説明 |
---|---|
GET | サーバにページの取得をリクエスト URLにパラメータが表示 |
HEAD | サーバにヘッダのみの取得をリクエスト |
POST | サーバにデータを送信 パラメータはボディに書かれる → 大きい重要なデータ |
PUT | ファイルの保存をリクエスト |
DELETE | ファイルの削除を要求 |
OPTIONS | サーバの調査 |
CONNECT | トンネルを開く |
TRACE | ネットワーク経路の調査 |
ヘッダフィールド
- ヘッダーフィールドは0行の場合あり
![](https://ntorelabo.com/wp-content/uploads/2023/03/スクリーンショット-2023-04-02-11.53.13.png)
Accept | 受け入れ可能なメディア (text/html、text/plain、application/json) |
Accept-Language | ブラウザが受け入れ可能な言語 |
Authorization | 認証情報(ユーザ名、パス) |
Cache-Control | キャッシュを制御する指示情報 |
Content-Language | コンテントの言語コード |
Content-Type | コンテンツのMINEタイプ、エンコーディング、 メッセージボディのメディア型 |
Cookie | ブラウザが保持するCookieの内容 |
Expires | コンテンツの有効期限 |
Last-Modified | リソース・コンテンツの最終更新時刻、Date値 |
Referer | リンク下のリソースのURL |
Set-Cookie | サーバが生成するCookieの内容 |
User-Agent | クライアントの識別情報、名前 |
![](https://ntorelabo.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-28-15.16.29.png)
URL
https://ntorelabo.com/2023/03/17/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a0/#co-index-2
スキーマ//ホスト名:ポート番号/ディレクトリ/ファイル名?パラメータ(クエリ文字列)#フラグメント
オリジン … スキーマ//ホスト名:ポート番号
キャッシュ
- 一時的に保存
- 表示速度の上昇
キャッシュ | Cookie |
---|---|
テキスト、画像などのWebページの情報を保存 | ID、パスワードなどユーザーの入力情報を保存 |
Cookie
- ブラウザとサーバ間の通信プロトコル
- 4096バイトのASCII文字列を保存
- ブラウザごとに保存
![](https://ntorelabo.com/wp-content/uploads/2023/03/Frame-25.png)
HttpOnly属性
クライアント側でJavaScriptなどからアクセス不可にするもの
Set-Cookie
- Webサーバからブラウザに送信する
HTTP/2
- HyperText Transfer Protocol version 2
- バイナリフレーム
- ストリームの並行処理、優先度設定
- HTTPヘッダの圧縮
- HTTPSでの通信
- サーバプッシュ
データURL
HTMLやCSSにデータを直接埋め込む
HPACK
- 2度目以降はヘッダフィールドの通信データ量を削減
- HTTP/2で使われるアルゴリズム
SOAP
- 異なるコンピュータ上でWebサービス間でメッセージを、連携するプロトコル
- XML形式
- 主にHTTP
Basic認証
- 簡易的な認証
- Base64でエンコード
- Authorizationヘッダに付加して送信される
- 認証が失敗 → ステータスコード401
Base64
- エンコード方式
- 64文字で表す(a~z、A~Z、0~9、+、/)
- ファイルのサイズが1.3倍に
Digest認証
- バイナリデータやマルチバイトの文字を64種類の英数字と一部の記号のみに置き換える(ハッシュ化)MD5でダイジェスト化
- 改ざんや覗き見が困難
- 暗号化しない
クロスサイト・リクエスト・フォージェリ
- CSRF: Cross Site Request Forgeries
- 攻撃用Webページにアクセスすると、ページ内に用意されていた不正なHTTPリクエストが攻撃対象サーバに送られます。
- 対策 サーバで外部サイトのリクエストを受け取らないようにする
SQLインジェクション
- データベースを不正に操作、SQLを挿入
- データベースを不正の操作
- データ消去、改竄 → 情報漏洩
- 対策 入力値を適切にエスケープ処理
- 対策 プリペアードステートメント(変数入りのSQL文をあらかじめ作成しておく)を使用
クロスサイト・スクリプティング
- HTMLに悪質なスクリプトを埋め込む
- 別のWebサイトへと誘導する
- 対策 悪意あるスクリプトに対して出力値を適切にエスケープ処理
ディレクトリ・トラバーサル
- 本来アクセスできないはずのファイルにアクセス
- 対策 アクセス権を設定
- 対策 絶対パスに変換
HTTPヘッダ・インジェクション
- HTTPリクエストに、不正な文字列を挿入
- WebサーバからのHTTPレスポンスを不正操作
- 対策 改行をエスケープ処理、入力エラーとする
Web広告
![](https://ntorelabo.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-08-10.46.22.png)
MVCアーキテクチャ
- Model-View-Controller
- ソフトウェア設計モデル
![](https://ntorelabo.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-10-15.39.27.png)
data URIスキーム
- データ(画像など)をリンクではなく直接HTMLに書き込む
- base64で変換
マイクロデータ
- 検索エンジン、プログラムが理解
- itemscope … 宣言
- itemtype … URL
- itemprop … プロパティ
<div itemscope itemtype="http://schema.org/Person">
<p>このサイトの著者は<span itemprop="Name">ida</span>です。</p>
</div>
このサイトの著者はidaです。
RDF
- Resource Description Framework
- XMLベースのメタデータを記述するための仕様
RDFa
- Resource Description Framework in Attributes
- RDFによるメタデータをXHTMLに埋め込むための仕様
OGP
- Open Graph Protocol
- SNSでシェアするときに、その内容を表示
画像ファイル
![](https://ntorelabo.com/wp-content/uploads/2023/03/スクリーンショット-2023-03-12-16.35.09.png)
インターレース
- 画像全体をとびとび(通常は上から)に表示
- GIF、PNG
- 徐々に鮮明に表示
W3C
- World Wide Web Consortium
- Web関連技術の標準化を目的とした非営利団体
- DOM、HTML、CSSを標準化
WHATWG
- Web Hypertext Application Technology Working Group
- HTML、Web関連技術の開発コミュニティ
- Apple、Mozilla、Operaのメンバーが設立
- 2019年以降W3Cと共同でHTML、DOMの仕様を統一、開発
IETF
- Internet Engineering Task Force
- インターネット技術の標準化を推進する任意団体
- HTTPを標準化
W3C | |
WHATWG | |
IETF | HTTPを標準化 |