日々是好日~every day is a good day~

日常の中の非日常の備忘録

GlitchからGithub Pagesに移行してみた

Glitchサービスが気づいた時には終了していました(涙)

とりあえずGithubにプロジェクトは保存したので 消える心配はなくなりました

後は表示に何を使うか

いくつかのプラットフォームに無料アカウントを作って試してみたのですが

無料アカウントには制限が多くて思ってるのとちょっと違う…という感じ

htmlファイルを表示してくれるだけでいいんだけど…

その後も調べてみるとGithubに静的サイトのホスティングサービスGithub Pagesというのがあるみたい

Githubにはすでにアカウントもリポジトリもあるので簡単にできそう

という事でやってみました

リポジトリのSettingsタブPagesを選択

ソースをDeploy from a branch

ブランチをmain /(root) にしてSaveをクリック

しばらく待つとアドレスが表示され Visit saiteをクリックすると

表示することができました

このアドレスのQRコードを以前投稿したQRコードと差し替えれば移行完了です

この後順次差し替えていきます

Githubの無料プランではパブリックなリポジトリしかGithub Pagesを使えないとか 他にも制限はありますが 私が作っているプロジェクトの規模であれば支障なく使えそうです

ただglbファイルを多く使っているページは表示までに時間がかかります

Glitchが優秀なプラットフォームだったという事ですね

あと Github Pages公開設定自体は簡単だったのですが 1つつまづいた箇所があったのでその備忘録です

Visit saiteをクリックしてもいつまでも表示されないまま

読み込むファイルが多いせいで遅いのかと思い 他のリポジトリを公開設定してみても同様のことが

試行錯誤していると どうもスクリプトファイルを読み込んでいないようです

index.htmlの <script src="/script.js"></script>の部分

script.jsの前の/を削除して <script src="script.js"></script>に変更してコミット

これでうまく表示できました

/ひとつで変わるものなんですねぇ(笑)