さくらインターネットサーバにQuoridorn(コリドーン)ベータ版11を設置が動作しない時に確認してほしい事[非公式]

こちらのモーメント(https://twitter.com/i/moments/1127393912832663553)の手順で設置を行ったのに動かない時に確認してほしい事項を説明します。※あくまでさくら利用時の解説なので、他のレンタルサーバー利用時では細かい部分が違うことがありますので注意してください。
1
まおうハルノキ @Harunoki_MAO

zipファイルからの自鯖設置方法 · HillTopTRPG/quoridorn-vue-cli-3 Wiki · GitHub github.com/HillTopTRPG/qu… 公式のこちらのページを元に動作しない原因を確認していきます。

2019-05-13 12:49:01

以下の5つを確認します

  • ブラウザはGoogleChromeを使っているか
  • ダウンロード元はあっているか
  • SkyWayのAPI発行時の設定が間違っていないか
  • connect.yamlの文字コードはUTF-8になっているか
  • 正しい配置とファイル名でアップロードできているか
まおうハルノキ @Harunoki_MAO

〇ブラウザはGoogleChromeを使っているか 現在動作検証済みのブラウザはWindows・Mac共にChromeのみ。コリドーンを設置されたページはChromeで確認を推奨。下記リンクでダウンロードできる。 Google Chrome ウェブウラウザ google.com/intl/ja/chrome/ pic.twitter.com/LAmNte1CQe

2019-05-13 13:30:11
拡大
まおうハルノキ @Harunoki_MAO

〇ダウンロード元はあっているか Releases · HillTopTRPG/quoridorn-vue-cli-3 · GitHub github.com/HillTopTRPG/qu… 上記URLから一番上の記事のリンク→quoridorn-(バージョンによって異なる)-gz.zip をダウンロードするように。 なお、ファイルを解凍すると4つのフォルダとindex.htmlが入っている。 pic.twitter.com/4P8iioE8F6

2019-05-13 13:45:11
拡大
拡大
拡大
まおうハルノキ @Harunoki_MAO

間違ってこのあたりからダウンロードを試みてる人がいる模様。 GitHub - HillTopTRPG/quoridorn-vue-cli-3: Quoridorn Vue CLI 3リメイク版 github.com/HillTopTRPG/qu… HillTopTRPG/quoridorn: TRPGオンラインセッションツール「Quoridorn(コリドーン)」のリポジトリです。 github.com/HillTopTRPG/qu…

2019-05-13 13:48:01
まおうハルノキ @Harunoki_MAO

〇SkyWayのAPI発行時の設定が間違っていないか Skyway ログイン console-webrtc-free.ecl.ntt.com/users/login SkyWayにログインしコリドーン用に作った設定の下側にある[設定変更]から、設定がきちんとあっているか確認 特に利用ドメイン名と権限についてはよくよく確認すること。 pic.twitter.com/7QMw5Wl9n6

2019-05-13 14:35:21
拡大
まおうハルノキ @Harunoki_MAO

もし何かしら間違っていていた場合は修正し[設定を更新する]を選択すれば、修正が完了となる。

2019-05-13 14:39:02
まおうハルノキ @Harunoki_MAO

間違った場所からダウンロードすれば解凍時にファイルやフォルダの名前が違ったり明らかに項目の数が違うことで気が付くはず。正しい場所からダウンロードするように。

2019-05-13 15:01:50
まおうハルノキ @Harunoki_MAO

〇connect.yamlの文字コードはUTF-8になっているか さくらインターネットサーバーコントロールパネル secure.sakura.ad.jp/rscontrol/ サーバーコントロールパネルにログイン→[ファイルマネージャー]→"home/ドメイン名/www/quoridorn/static/conf"内にあるconnect.yamlを右クリックし[編集]を選択 pic.twitter.com/VYirp6GC3Y

2019-05-13 19:15:04
拡大
まおうハルノキ @Harunoki_MAO

編集画面の下側に 文字のプルダウンメニューがある。そこがUTF-8になっていることを確認。違う場合はUTF-8にして[保存]を選択。 pic.twitter.com/6aTYZuJMOL

2019-05-13 19:17:32
拡大
まおうハルノキ @Harunoki_MAO

公式で利用を薦めている「サクラエディタ 」をはじめとするUTF-8対応のテキストエディタでも同じこと。文字コードは必ずUTF-8にして保存する事。

2019-05-13 19:21:03
まおうハルノキ @Harunoki_MAO

〇正しい配置とファイル名でアップロードできているか さくらの場合 "/home/ドメイン名/www/quoridorn"にindex.html cssフォルダ imgフォルダ jsフォルダ staticフォルダ が配置されている状態が正解。 特に間違えやすいのはquoridornフォルダの綴りの間違い。必ず半角英数小文字で入力すること。 pic.twitter.com/OU8NekGlYC

2019-05-13 15:05:13
拡大

以上を確認して問題なく、かつサブドメインを利用されている方はこちらの記事も確認してください

まとめ さくらインターネットのサブドメインを利用した状態でQuoridorn(コリドーン)ベータ版11を設置したが動かなかっ.. 初期ドメイン(ドメイン名.sakura.ne.jp)を利用せず、サブドメインを利用しコリドーンを設置しようとしたが、失敗した場合のみ確認してください。 1538 pv 8