📝 ローカルのHTMLをfile://で開くのをやめ、127.0.0.1で配信することにした
haruki256

フォルダ再編で、ローカルHTMLの相対リンクが切れた

手元のHTMLを分野ごとのフォルダへ整理したら、ページ間のリンクがまとめて切れました。../別分野/index.html のように、今いるファイルからの位置でリンクを書いていたためです。

ファイルを移すと、リンクに必要な ../ の数も変わります。今後もフォルダ構成を直す前提だったので、置き場所を基準にするリンクをやめることにしました。

スレッドを開く スレッドを閉じる 2

フォルダ再編でリンクを壊さず、別の端末でも同じHTMLを開けるようにするため、/common/style.css のように、サーバが公開するフォルダを基準に書くURLへ変えました。

端末内の絶対パスは、Google Driveの同期先が端末ごとに違うため使えません。このURLも、HTMLファイルを file:// で直接開く方法では、プロジェクトのフォルダを基準にできません。

そこで、自分のPC内だけで動くサーバを用意し、自分のPCを指す 127.0.0.1 のURLで開く形へ変えました。使っていたWindows環境では、WindowsにあるPowerShellと.NETだけで動かせました。

これを記事にまとめました。

https://haruki256.com/2026/07/30/local-html-over-localhost/