問題
- プロジェクトをダウンロードする。
- Index.htmlをブラウザにドラッグドロップしても動作しない。
原因
p5.jsなどの外部ファイルを「https://」で呼び出しているので、ブラウザのセキュリティ機能で読み込みができない。
P5.jsの公式サイトからp5.jsファイルをダウンロードして「<script src=”p5/p5.js”></script>」のようにしても、p5.jsの中で「https://」で外部ファイルをロードしているので、結局ローカルフォルダにおいて実行することは現実的でない。
なお以下のように「file:// 環境」のCORS制限を緩和する方法もあるが、セキュリティの観点から推奨できない。
chrome.exe --disable-web-security --user-data-dir="C:\temp"対策１
自身が保有するレンタルサーバーなどにアップする
対策２
ローカルサーバーをたてて実行する。
Pythonがインストールされている環境では以下の手順で行う。
index.htmlがあるフォルダのカレントディレクトリを移す
ローカルサーバーを起動する
ブラウザのURL欄に以下を入力
http://localhost:8000/index.html
注）ローカルサーバーはCtrl＋Cで終了