クリーム色の背景、色付き表示、高コントラスト、大きな文字のほうが読みやすいですか?配色と文字を選ぶと、すべてのページに一度で反映されます。

無料レッスン

WebGoat の基本 2:開発者ツール

レッスン全文をここで読めます。無料アカウントを作成すると、実際のラボで実践できます。

コンテナラボ読了目安 5分コマンド1個

このレッスンでやること

WebGoat のほとんどのレッスンでは、ブラウザが何を送り、何を受け取っているかを見ます。そのための道具は、ブラウザにもう入っています。開発者ツールです。このレッスンでは、それを使ってみて、同じリクエストをターミナルからも見ます。

一つだけのルール

注意

このラボで動いているウェブサイトは、わざと安全でなく作られています。攻撃してよいのはこのサイトだけです。これはあなた専用のコピーで、インターネットへの出口がないので、ほかの人に影響することはありません。自分のものでないサイトでは、絶対にこれらを試さないでください。英国のコンピューター不正使用法(Computer Misuse Act 1990)では犯罪にあたります。

はじめる前に

メモ

このレッスンの上のバーにある ラボを起動 を押して、実行中と表示されるまで待ちます。WebGoat は Java のプログラムで、バーに実行中と出てからも、約1分は起動が続きます。ページがまだ開かないときは、1分ほど待ってからもう一度試してください。下の 実行 ボタンを押すと、コマンドがラボのターミナルに順番に入力されます。同じセッションの中で続けて動きます。動きを見たり自分で入力したりするには、バーの ターミナルを開く(新しいタブ) を押します。

1. 開発者ツールのレッスンを開く

バーの最初のリンク WebGoat を押して、サインインします。WebGoat の基本で登録していなければ、ここで登録してください。左のメニューで General を開き、Developer Tools(開発者ツール)を選びます。最初のページを読んでください。ツールの開き方が書かれています。

2. ツールを開く

ページのどこかを右クリックして 検証を選ぶか、Ctrl + Shift + I(Mac では Cmd + Option + I)を押します。ツールがページのとなりに開きます。Elements(要素)タブには、ページの HTML が表示されます。行の上にカーソルを動かすと、その行が描いているページの部分が青くなります。レッスンはこのあとほかのタブへ進み、練習問題は正解すると自動でチェックが付きます。

3. ターミナルで応答を見る

Network(ネットワーク)タブには、ブラウザが出したリクエストと、返ってきたものが全部並びます。ターミナルからもページを頼めます。-I は、答えの最初の部分であるヘッダーだけを表示します。1行目の 200 は「どうぞ」という意味で、残りはそれがどんな種類のページかを表します。これは、Network タブでリクエストを開くと見えるものと同じです。

コマンド
curl -s -I http://web/WebGoat/login

ここでは表示のみで、実行されません。無料アカウントを作成すると、実行ボタンで自分のラボのターミナルに入力できます。

先生へ

ヒント

このレッスンは、ラボで進めるレッスンの小さな例です。手順と実行ボタンがレッスンで、ラボは生徒一人ひとりのコピーです。開発者ツールは、ウェブセキュリティを学ぶ生徒が最初に覚える道具で、WebGoat はラボの中でそれを教えてくれます。ラボからあなたに送られるものはありません。リクエストを1つ開いた Network タブのスクリーンショットを提出させてください。ご自分のモジュールにコピーして変更するか、レッスンビルダーの ラボ メニューから最初から作ってください。

このラボのほかのレッスン

このラボとソースについて: WebGoat のラボ:自分のコピーで WebWolf と進める、手順つきの Web セキュリティ学習

授業で教えていますか?これらのレッスンを生徒に割り当て、採点と生徒ごとのラボを使えます。