みんなでつくろう「おめシスホームページ」!
https://omegasisters.github.io/homepage
第1回おめシスのホームページをプルリクだけで更新していったらどうなるの?企画
プルリク待ってます!!!!
Tips: ローカルプレビュー
VRM モデルも含めて完全な状態でプレビューしたい場合は以下の方法を試してください。
git clone https://github.com/omegasisters/homepage.git
cd homepage
python3 -m http.server -d ..
エラーが出る場合は、以下を試してみてください。
git clone https://github.com/omegasisters/homepage.git
python3 -m http.server
サーバーが起動したら、次にブラウザーで http://localhost:8000/homepage/ を開いてください。これで GitHub Pages で公開された時と同じ状態で開発することが出来ます。
Tips: ローカルプレビュー(Node.js 編)
こちらから Node.js をインストールします。
git clone https://github.com/omegasisters/homepage.git
cd homepage
yarn
yarn start
サーバーが起動したら、次にブラウザーで http://localhost:5000/ を開いてください。
yarn dev
コマンドで Browser Sync サーバーを立ち上げることも出来ます。
yarn dev
Tips: ローカルプレビュー(PHP 編)
git clone https://github.com/omegasisters/homepage.git
cd homepage
php -S 0.0.0.0:8000 -t ../
サーバーが起動したら、次にブラウザーで http://0.0.0.0:8000/homepage を開いてください。 同じローカルネットワークであればホストの IP アドレス:8000(例: http://192.168.1.2:8000)でスマホからも確認できます。 サーバーは ctrl+c で停止できます。
Tips: ローカルプレビュー(Elixir 編)
git clone https://github.com/omegasisters/homepage.git
elixir --no-halt --app inets -e ":inets.start(:httpd,[{:server_name,'localhost'},{:document_root,'.'},{:server_root,'.'},{:port,8000},{:mime_types,[{'html','text/html'},{'css','text/css'}]}])"
サーバーが起動したら、次にブラウザーで http://localhost:8000/homepage/ を開いてください。
Tips: ローカルプレビュー(.NET Core 編)
git clone https://github.com/omegasisters/homepage.git
cd homepage
dotnet run --project ./dotnet/
サーバーが起動したら、次にブラウザーで http://localhost:8000/homepage/ を開いてください。
Tips: コード整形(Node.js 環境必須)
yarn format
Tips: preact部分の開発方法
プレビューする際には以下のコマンドを入力してください
yarn start
or
npm run start
http://localhost:5000 にホストされます。
ソースコードを編集する際には、git push する前に yarn build
or npm run build
してください