カテゴリBからカテゴリCへ
カテゴリBでは、1台のコンピュータの中で何が起きているかを見てきました。このカテゴリCからは、コンピュータどうしをつなぐ世界へ視点を広げます。あなたが作るWebアプリは、自分のパソコンの中だけで完結するものではありません。利用者の機器と、処理を行うサーバーとの間で、絶えずデータをやり取りしながら動きます。まずはその土台となる、ネットワークという言葉の意味をはっきりさせておきましょう。
このスライドのポイント
- カテゴリB: 1台のコンピュータの中を見てきた
- カテゴリC: コンピュータどうしをつなぐ世界へ
- Webアプリは自分のPCの中だけで完結しない。利用者の機器とサーバーの間でデータをやり取りして動く
ネットワークとプロトコルの定義
ネットワークとは、複数の機器が、決められた規則に従ってデータを送受信する仕組みのことです。そして、その通信の規則のことをプロトコルと呼びます。プロトコルは、データの送り方、受け取り方、やり取りの順番などを、あらかじめ取り決めたものです。この規則がそろっているからこそ、メーカーもOSも違う機器どうしが、たがいに意味の通じる会話をできます。人間どうしが同じ言語で話すから通じ合えるのと、同じ考え方です。
このスライドのポイント
- ネットワーク＝複数の機器が、決められた規則に従ってデータを送受信する仕組み
- プロトコル＝その通信の規則。送り方・受け取り方・順番の取り決め
- 規則が同じだから、メーカーもOSも違う機器どうしが会話できる
なぜプロトコルが要るのか
この仕組みを知らないと、「つながらない」というトラブルの正体を考える枠組みを持てません。原因が機器そのものにあるのか、途中の経路にあるのか、それとも規則が一致していないのか。この切り分けができるかどうかで、対処の速さが変わります。Webアプリの不具合は、通信がらみのものが少なくありません。ネットワークの基本を押さえておくことは、後々の問題解決の土台になります。
このスライドのポイント
- 知らないと「つながらない」トラブルの正体を考える枠組みが持てない
- 原因の候補: 機器そのもの／途中の経路／規則の不一致
- Webアプリの不具合は通信がらみのものが少なくない
ネットワークの構造
ネットワークの全体像を、単純な形で捉えておきましょう。パソコン、スマートフォン、サーバーといった複数の機器が線でつながり、その間をデータが流れています。ただし、データがただ流れているだけでは会話になりません。真ん中には、共通の言語にあたるプロトコル、つまり規則があります。すべての機器がこの同じ規則を使うからこそ、送った側の意図が、受け取る側に正しく伝わります。
このスライドのポイント
- 複数の機器（PC・スマホ・サーバー）が線でつながる
- 間を流れるのは「データ＋規則」
- 真ん中に共通の言語としてのプロトコルを置く
具体例: 同じWi-Fiの機器が通じ合う
身近な例で考えてみましょう。同じWi-Fiにつないだスマートフォンとパソコンで、同じアプリが問題なく使えます。2つの機器はメーカーも中身も違うのに、なぜ通じ合えるのでしょうか。それは、両方が同じ規則に従ってデータをやり取りしているからです。これは人間の会話とよく似ています。相手と同じ言語を話していれば意味が伝わり、違う言語ならまったく通じません。規則がそろって初めて、通信は成り立ちます。
このスライドのポイント
- 同じWi-Fiのスマホとパソコンで同じアプリが使える
- メーカーも中身も違うのに通じるのは、同じ規則で話しているから
- 人間の言語と同じ。規則がそろって初めて意味が通じる
技術サンプル: つながりの構成図
ここで、機器どうしのつながり方を構成図で確認します。目的は、「つながっている」という状態が、単に線でつながっていることではなく、規則が一致していることだと確かめることです。読み方のポイントは2つあります。1つは、機器と機器の間には必ず規則があること。もう1つは、その規則が同じでなければ、線でつながっていても会話は成立しないことです。AIに相談するときは、どの機器からどの機器への通信なのかを言葉にすると、話が具体的になります。
混同しやすい点: Wi-Fiとインターネット
混同しやすいのが、「Wi-Fiにつながっている」ことと「インターネットにつながっている」ことの違いです。この2つは別の段階です。Wi-Fiにつながるとは、まず家や会社の中の網に接続した状態を指します。その先の、世界へ出ていく接続は、また別の話です。ですから、Wi-Fiの表示が出ていても、外のサイトが見られないことがあります。手元の網への接続と、その先の世界への接続は、分けて考えましょう。
バイブコーディングでの確認点
バイブコーディングでの確認点です。「つながりません」とAIに相談するときは、どの機器から、どこへの通信なのかを言葉にしてから伝えましょう。「スマートフォンから、自分のパソコンで動かしているアプリへ」のように具体的にするだけで、AIの回答は的確になります。このカテゴリCの残りの講義で、この切り分けの解像度を段階的に上げていきます。
このスライドのポイント
- AIに「つながりません」と相談するときは、どの機器から、どこへの通信かを言葉にする
- 例:「スマートフォンから、自分のパソコンで動かしているアプリへ」
- この切り分けの解像度は、C-10までで段階的に上げていく
まとめと一問一答
最後に一問一答です。メーカーの違う機器どうしが通信できるのは、なぜでしょうか。（間）答えは、同じ規則、つまりプロトコルに従っているからです。30秒でまとめます。ネットワークとは、複数の機器が決められた規則に従ってデータを送受信する仕組みです。その規則をプロトコルと呼び、規則がそろうから、異なる機器どうしが会話できます。次回は、ネットワークを規模で区別します。LAN、インターネット、クラウドという言葉を整理し、「作ったアプリはどこにあるのか」に答えられるようにします。関連資料は「Webアプリ構成図入門」です。
このスライドのポイント
- 一問一答:「メーカーの違う機器どうしが通信できるのはなぜ？」→ 同じ規則（プロトコル）に従っているから
- 30秒まとめ: ネットワーク＝複数の機器が規則に従ってデータを送受信する仕組み／プロトコル＝その規則
- 次回: LAN・インターネット・クラウド（ネットワークの規模と場所の区別）
- 関連資料:「Webアプリ構成図入門」
