![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheEBAE-p-jM21VzRgBhFeXG2Q4XMlAaMVuDgDFh0jAxmBhQSLPN3BrMndfZoDTZbbRP2qdKP5C7Vb5YVMLJ1bpI5pehKZ_TP3v8WiAGx-dNqe3F05MemZiQe7b7n4QEuzJ4wyFHFYgt80mDBi2na5hyfTyVJtZCTya7u9Jf9kyArMRNsHm660WPGUi/s1600/GoogleChrome.png)
PHPなどを使わない静的ページだけど、Javascriptのtype='module'を使う場合に必要な、httpアクセスを、GoogleChromeブラウザの機能拡張で簡単に実行できるアプリを見つけて便利だったので、手順を覚え書き。
インストール手順
手順1 : Webページにアクセス
https://chrome.google.com/webstore/detail/web-server-for-chrome/ofhbbkphhbklhfoeikjpcbhemlocgigb?hl=ja
手順2 : 「アプリを起動」ボタンを押す。
手順3 : chrome://apps/にアクセスする。
chrome://apps/
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzQBby2At1p0IxjbuVYIdiWBrXJa39nx98DqQ49gV56KL4YsKSvrfREOaLYdSOUZEtYcBOVAXcs3p_I7zSreL7jM4pRnkQa00c1Bonp4ImHUtoaKtTq6kDTCLyPqspdAA9eu8RyC_PDANisWE4bmt788mTWzyDaUmeUi83kLtycQralGOv6aCOvYOB/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-06-06%207.11.06.png)
アクセスして、上記のアイコンをクリック。
※エラーが出た場合でも、そのまま実行すれば使えます。
手順4 : 管理パネルの設定
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEir9_PyqWDPHlke3SWyQ3xMgVJXYK4sM5TmtOpd2C3wL5_MkIr7uTWtqyCKJszUqatRhnfgjvGpN7wt9Coxhe4af5BvFnSZB-ZAi8hdS8ZsXn7IOIaKf8Jygbd6RcE9YN5bNs8z-mLT8hqyVIVv5ag5B3fK00GjvN0dTodHGg3nDrRBvO1DD8Bl1Z6r/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-06-06%207.14.44.png)
「CHOOSE FOLDER」ボタンを押して、webページを表示したいパソコン内のフォルダを選択します。
今回の場合は、最初に作った、”number_place/”フォルダを選択します。
手順5: http://127.0.0.1:8887にアクセスする。
http://127.0.0.1:8887
表示されているURLをクリックすると、GoogleChromeブラウザでindex.htmlが表示されたら設定完了です。