🔰入門Cisco　パケットトレイサーでHPへつながる仕組みを知ろう

Posted at 2026-05-02

はじめに

15年来、事務職出身で「ITって何」という私が最近ネットワークの仕組みにはまり、
Cisco機器を買いあさりいじくりまわしていたある日、
「そんなことしなくてもこういうのがあるよ」と教えてもらったのがCiscoパケットトレイサーでした。

ネットワーク機器の動きを学べるデスクトップアプリ、それがパケットトレイサーなのです。

ルーターやスイッチ、アクセスポイントなどの実機や、
シリアルケーブやLANケーブルなどの周辺機器を用意することなく、それらを仮想的な空間でGUIを使って表現します。

注意

すでにCiscoのアカウントは作成済み、パケットトレイサーをインストールして起動、ログイン済みの状態で記事が始まります。あらかじめご了承ください。

バージョンは9.0.0.0810です。

また、初期設定ではPCやルーター、スイッチなどを設置すると「PC0」や「Switch0」と番号に0が降られ、「0…1…2」となる所ではありますが、
「1」から始まる番号に変更しており、名称変更方法は省略しております。

※ただし、Server部分では変更していません。

下記の参考図書を参考にしたうえで記事の執筆しておりますが、公式的な見解ではございませんので、PCの状況やアプリのバージョンによっては記事の通りに動作しない場合がございます。

説明については簡単なイメージとして例を出している場合もありますのでネットワークエンジニア方には「わかってないな…」と思わせる部分もあると思いますが、何卒ご容赦ください。

また、読み手の想像を意識はしているものの、細部まで説明を加えますと読みにくい記事となりますので、多少の省略はございます。

『ゼロからスタート! 弓削辰朗のCCNA1冊目の教科書』
出版:株式会社KADOKAWA
著者:弓削辰朗氏

『ネットワークはなぜつながるのか　知っておきたいTCP/IP、LAN、光ファイバの基礎知識』
出版:株式会社日経BP
著者:戸根勤氏

1.PCの配置とIPアドレス、デフォルトゲートウェイの設定

■　下図を参考にまずはPCを設置していきましょう。

■　6台分PCが配置されたことを確認したら、PC1アイコンを1回クリックしてください。

■　最初は左側のメニューが開きますので「Desktop」タブをクリックして、
次に右側のメニューに遷移しますので「IP Configration」をクリック。

■　「IPv4 Address」「Subnet Mask」「Default Gateway」「DNS　Server」の4項目を入力して右上の「✖」をクリックしてください。

■　同様にPC2~6も⑤~⑨の方法で4つの数値を設定してください。設定する値は次の表を参考にしてください。

■　PCの設定が終わったらスイッチを配置するだけです。設定はありません。

2.ルーターの設置

■　まずはルーターの設置です。

■　次に「Router1」を1回クリックしてください、この状態ではルーターは外のネットワークにつながるための設備が存在しないため作業が必要です。

3.ルーターコマンドライン編　図解解説版

■　次にルーターのIPアドレスとスタティックルートを設定していきます。

IPアドレスはネットワーク上の住所、スタティックルートというのは管理者側で設定をした、言わば他ルーターへの道路標識です。

他ルーターと接続はできますが、「ある宛先のものを、どの経路にデータを流すのか」というのを表すのがスタティックルートです。
現在はあまり主流でない様子です。
私の様なひよひよ超初心者でなければこの先の図解解説は不毛なので

「コマンドだけ見て設定したい!　図解なんぞいらん！」という方は
4.ルーターコマンドライン編　CLI版へお進みください

■　画像中の①~⑮手順の応用でRouter2とRouter3にも設定を行ってください。
ただし、シリアルポートの設定とスタティックルートの設定が多いので注意してください。
設定する値は下図に示しておきます。

4.ルーターコマンドライン編 CLI版

.Router1のコード

Would you like to enter the initial configuration dialog? [yes/no]:no
Router>en
Router#conf t
Router(config)#int s 0/1/0
Router(config-if)#ip address 172.16.2.2 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#int giga 0/0
Router(config-if)#ip address 172.16.3.3 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#ip route 172.16.1.0 255.255.255.0 172.16.2.1
Router(config)#ip route 172.16.4.0 255.255.255.0 172.16.2.1

.Router2のコード

Would you like to enter the initial configuration dialog? [yes/no]:no
Router>en
Router#conf t
Router(config)#int s 0/1/0
Router(config-if)#ip address 172.16.2.1 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#int s 0/1/1
Router(config-if)#ip address 172.16.5.1 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#int giga 0/0
Router(config-if)#ip address 172.16.1.3 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#ip route 172.16.3.0 255.255.255.0 172.16.2.2
Router(config)#ip route 172.16.3.0 255.255.255.0 172.16.5.2
Router(config)#ip route 172.16.1.0 255.255.255.0 172.16.5.2
Router(config)#ip route 172.16.4.0 255.255.255.0 172.16.5.2

.Router3のコード

Would you like to enter the initial configuration dialog? [yes/no]:no
Router>en
Router#conf t
Router(config)#int s 0/1/1
Router(config-if)#ip address 172.16.5.2 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#int giga 0/0
Router(config-if)#ip address 172.16.4.4 255.255.255.0
Router(config-if)#no shutdown
Router(config-if)#exit
Router(config)#ip route 172.16.3.0 255.255.255.0 172.16.5.1
Router(config)#ip route 172.16.1.0 255.255.255.0 172.16.5.1
Router(config)#ip route 172.16.2.0 255.255.255.0 172.16.2.1

5.PC1からPC6までをスイッチと接続

■　次にPCとスイッチをケーブル(Copper Straight Through)でつなぎます

6.スイッチとルーターを接続

■　次にスイッチとルーターをケーブル(Copper Straight Through)でつなぎます

7.ルーター同士を接続

■　次にスイッチとルーターをケーブル(Serial DCE)でつなぎます

8.DNSサーバーとWEBサーバーを設置

9.DNSサーバーの設定

■　次にルーターの設定を行います。
※「10.WEBサーバーの設定」の項目を行う場合の操作は「Server1」です。

10.WEBサーバーの設定

ここは前項目でDNSサーバーを設定した方法と①~③までは同じ手順を踏んでください。
ただし、④からは内容が下図の物となります。。

11.各サーバーとスイッチの接続

12.Webページへアクセスする

13.【上級者向け】表示するWebページを変更する。

※ここでは参考までに阿部寛さんのホームページを保存しました。著作権の兼ね合いもありますので詳細なHTML文は控えます。

参考：https://abehiroshi.la.coocan.jp/

サンプルHTMLコード

.htmlファイルのコード

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>東京hoge太郎のホームページ</title>
</head>

<body>

<table border="0" width="100%" height="100%">
  <tr>

    <!-- 左メニュー -->
    <td width="18%" valign="top" bgcolor="#F0F0FF">

      <!-- ▼ menu.html の <body> 内の中身だけ貼る ▼ -->
      <br>
      <table border="0" width="142">
        （ここに menu.html の中身をそのまま貼る）
      </table>
      <!-- ▲ ここまで ▲ -->

    </td>

    <!-- 右コンテンツ -->
    <td width="82%" valign="top" background="./sample.jpg">

      <!-- ▼ top.html の <body> 内の中身だけ貼る ▼ -->
      <br>
      <h1 align="center">東京hoge太郎のホームページ</h1>

      （ここに top.html の中身をそのまま貼る）
      <!-- ▲ ここまで ▲ -->

    </td>

  </tr>
</table>

</body>
</html>

以上です。最後まで閲覧いただきありがとうございました。

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up

🔰入門Cisco パケットトレイサーでHPへつながる仕組みを知ろう