【ろーかるほすと】

localhost とは?

最終更新:
💡 どのパソコンでも、その「自分自身」を指す名前

接続する側のコンピュータ自身を指す特別なホスト名。IPv4の127.0.0.1やIPv6の::1などのループバックアドレスで、自分の中のサービスへ接続する。

📌 このページのポイント
localhost:開いた端末の「自分」PCで開くlocalhostブラウザ自分の中その端末自身へ接続スマホで開くlocalhostブラウザ自分の中その端末自身へ接続IPv4:127.0.0.1 / IPv6:::1名前とIPアドレスは別別端末のlocalhostは、PCの住所ではない
どちらで同じ名前を開いても、接続する側の端末自身を指します。
ひよこ ひよこ
localhostのページは、どこにある?
ペンギン先生 ペンギン先生
接続する側のコンピュータ自身だよ。例えば自分のPCでポート3000のウェブサーバーが動いていれば、http://localhost:3000で接続する。ポートはサーバーの設定によるので、起動時に表示されるURLを確認しよう。
ひよこ ひよこ
スマホにも同じURLを送れば見られる?
ペンギン先生 ペンギン先生
スマホでlocalhostを開くと、スマホ自身を指すよ。PCのlocalhostへ直接つながるわけではない。別の端末へ共有するときは、サーバーの待ち受け先と共有方法を確認するんだ。
ひよこ ひよこ
127.0.0.1と、同じなの?
ペンギン先生 ペンギン先生
localhostは名前で、127.0.0.1はIPv4のアドレスだよ。IPv6の::1も自分を指す。localhostはループバックへ解決する特別な名前として定義されていて、必ずhostsファイルだけで処理されるわけではない。接続できないときは、サーバーが対応するIPv4・IPv6も確かめよう。
ひよこ ひよこ
localhostだと、必ずCORSエラーになる?
ペンギン先生 ペンギン先生
そうではないよ。例えばhttp://localhost:3000とhttp://localhost:8080はポートが違い、別のオリジンになる。ブラウザのfetchなどで応答を共有するには、API側のCORS設定などが関係する。異なるポートだけで必ず失敗する、ということではないんだ。
ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「localhost」って出てきたら「接続する側のコンピュータ自身を指す特別な名前」と思えばだいたいOK!
📖 おまけ:英語の意味
「localhost」 = ローカルのホストを指す特別な名前
💬 名前のlocalhostと、IPアドレスの127.0.0.1や::1は区別しよう。自分へ戻る通信でも、コンピュータのネットワーク機能は使うよ。

参考資料

← 用語集にもどる