さくらインターネットサーバでQuoridorn(コリドーン)ベータ版11を設置する方法 [非公式]

まおうハルノキ @Harunoki_MAO

●必要なもの ・Chrome(公式推奨のブラウザ) ・さくらインターネットのレンタルサーバ契約 ・FFFTP ・SkyWayのAPIキー ・Quoridorn本体 ・解凍ソフト

まおうハルノキ @Harunoki_MAO

Chromeはこちらのサイト(google.com/intl/ja/chrome/)あるいは「Chrome」で検索して入手。(コリドーンが動作検証済みなのはWindows･Mac共にChromeのみの為、コリドーン起動時は必ずChoromeを使う事) 他の必要なものの手に入れ方は後ほど順次解説。

まおうハルノキ @Harunoki_MAO

●さくらインターネットのレンタルサーバ契約 自鯖どどんとふの設置方法さくらインターネットでの解説|TRPG every day 4d4l.net/sakura-interne… こちらのページの『まずはレンタルサーバを設置しよう』と『さくらインターネット契約』を参考に契約。

まおうハルノキ @Harunoki_MAO

筆者のお薦めは一番安いライトプラン。設置が初めての人は2週間無料お試し期間を利用してみるのもよいだろう。

まおうハルノキ @Harunoki_MAO

●FFFTPの設定方法 自鯖どどんとふの設置方法さくらインターネットでの解説|TRPG every day 4d4l.net/sakura-interne… こちらのページの　『準備』内の"FFFTP (エフエフエフティーピー)"から、『どどんとふ設置！』内の"気長に待ちましょう。"までを参照。 pic.twitter.com/mFTg8y9nUx

拡大

まおうハルノキ @Harunoki_MAO

FFFTPの解説が上記のURLでわからない場合はこちらのページも参考に。 FFFTPを利用する - さくらのサポート情報 help.sakura.ad.jp/hc/ja/articles…

まおうハルノキ @Harunoki_MAO

●SkyWayの登録と設定 webrtc.ecl.ntt.com/signup.html リンク先でCommunityEditionの[無料で新規登録]を選択→開発者登録の画面で必要事項を記入し[利用規約に同意して登録]を選択。 登録したメールアドレスに本登録のメールが届くので、メール内のURLをクリック。これで登録完了。 pic.twitter.com/zUrNQSFqo6

拡大

拡大

まおうハルノキ @Harunoki_MAO

Skyway webrtc.ecl.ntt.com リンク先で[ログイン]→Community Editionの[ダッシュボードにログイン]→ログイン画面に登録したメールアドレスとパスワードを入れて[ログインする]→アプリケーション一覧という画面が表示される。 pic.twitter.com/LBmAkn73nq

拡大

まおうハルノキ @Harunoki_MAO

[+新しくアプリケーションを追加する]→アプリケーションの説明文に任意の文字入力→利用可能ドメイン名にドメイン名を入力→権限の TURNを利用する･SFUを利用する･listAllPeers APIを利用するにチェックを入れ、APIキー認証を利用するのチェックを外す→[アプリケーションを作成をする] pic.twitter.com/W2hOUyvYGL

拡大

まおうハルノキ @Harunoki_MAO

アプリケーション一覧 console-webrtc-free.ecl.ntt.com に戻ると、先ほど作成した設定からSkyWayのAPIキーが表示されている。この文字列が後の設定に必ず必要になる。 pic.twitter.com/RI49JmivHU

拡大

まおうハルノキ @Harunoki_MAO

●コリドーンのダウンロードと設置 Releases · HillTopTRPG/quoridorn-vue-cli-3 · GitHub github.com/HillTopTRPG/qu… リンク先の一番上の記事を選択 (現在は[ベータ版11]を選択する。今後新バージョンリリースによって別の記事になる可能性あり) pic.twitter.com/IdWbw5Kw2j

拡大

まおうハルノキ @Harunoki_MAO

コリドーンをダウンロードできるページが開かれるので、公式推奨のファイルをダウンロード。現時点では一番上のファイル。 pic.twitter.com/mIjwEbPDmQ

拡大

まおうハルノキ @Harunoki_MAO

ダウンロードしたファイルを解凍ソフトで解凍。 解凍するとフォルダが表れるので、中身がcss,img,js,staticという4つのフォルダとindex.htmlとなっていることを確認。とりあえずこの状態にしておく。 pic.twitter.com/iEEOJeVQat

拡大

まおうハルノキ @Harunoki_MAO

FFFTPを起動→ホスト一覧からコリドーンを置きたいホストを選ぶ→[接続]→接続されたら右側のアドレス欄が"/home/アカウント名/www"となるように移動。アカウント名の部分はさくらインターネットと契約したアカウント名となる。 pic.twitter.com/Fw95o4adHO

拡大

まおうハルノキ @Harunoki_MAO

右側のアドレス欄の下の枠内の空白を右クリック→メニューが現れるので[フォルダの作成]→フォルダ作成画面で名前を求めれるので必ず"quoridorn"(ダブルクォーテーションを外す)と入力し[OK]→quoridornというフォルダができる ！quoridornフォルダを作るときは必ず半角英数小文字で入力する事！ pic.twitter.com/6FbKSRtzzN

拡大

まおうハルノキ @Harunoki_MAO

FFFFTPの右側のアドレスが"/home/アカウント名/www/quoridorn"となるよう移動→解凍しておいた5項目のファイル(twitter.com/Harunoki_MAO/s…)をFFFTPのquoridornの中にドラックアンドドロップ→quoridornフォルダの中に5項目がコピーされる。 途中FFFTPエラーが出た場合は、後で上書きにチェック→OKで解決 pic.twitter.com/uQH7iE6bof

拡大

まおうハルノキ @Harunoki_MAO

さくらインターネットサーバコントロールパネル secure.sakura.ad.jp/rscontrol/ サイトを開きログインする→サーバーコントロールパネルが開くので右側のメニューから[ファイルマネージャー]→サーバーコントロールファイルマネージャーが開く pic.twitter.com/kSMECPBpiq

拡大

まおうハルノキ @Harunoki_MAO

右側の家マークがついている[/home/アカウント/www]→[quoridorn]→[static]→[conf]→するとconfフォルダに入っているファイル一覧が右側に現れる。その中のconnect.yamiを右クリック→現れるメニューの中から[編集] pic.twitter.com/eRZFfbffKk

拡大

まおうハルノキ @Harunoki_MAO

編集画面が現れる。その中からskywayKeyの項目のダブルクォーテーションで囲まれた部分をSkyWayのAPIキー()に書き換える→文字がUTF-8であることを確認→[保存]→[閉じる] pic.twitter.com/hibH5uNJBK

拡大