2018-12-17この記事はリンク情報システムの2018年アドベントカレンダーのリレー記事です。グループメンバによってリレーされます。(リンク情報システムのFacebookはこちらから)#1.はじめにさてアドベントカレンダー参加するとしてとりあえずVRいじりたいけどなにをしようか・・・と考えていたところでskywayなるものを使えば簡単にWebRTCができるよ!というのをどこかで見かけました。(たぶんQiitaのトレンドかな・・・?)WebRTCてなんじゃいってレベルだったんですが、ビデオ通話とかに使えるんですね・・・。・・・では、たぶん誰かやってるだろうけどブラウザとVR空間でそういうのやってみようてな感じです。やってみようはいいんですがWebRTCなんて触ったことないしUnityもよーわからんので3段階に分けてなんとかそれっぽいものが動けばと思います。1.skyway使ってブラウザ同士でWebRTC2.Unityでアバター動かしたり色々する3.1と2をくっつける?3までたどり着くことはできるのか・・・?#2.ブラウザ同士でWebRTCということでまずはブラウザ同士でがんばるところです。新しいことしたいということで興味はあったけど触ったことないNode.jsを触ってみたいと思います。ついでに触ったことなかったHerokuも触ってみることにしました。わからないことが増えていますが気にしない。新しいものに触れるのは楽しいですからね。##開発環境を整えるまずはNode.jsのインストールから。以下の記事を参考にさせていただきました。nodistでNode.jsをバージョン管理バージョンは推奨のLTSである8.12.0、npmは4.0.5となりました。ついでにフレームワークとしてExpressもいれておきます。--save次にHerokuの登録、CLIのインストールを行います。Git必要!と言われたのでGitもインストールします。わからないことにGitが増えました。←New!いいタイミングでまとめを上げてくださっている方がいたのでそれを見て少しお勉強します。svnは使っているのですぐ覚えるでしょう・・・たぶん・・・Git/GitHubレベル別オススメ学習サイトまとめ完全保存版【2018.11】##作成とりあえず新しいものに手を出すときはチュートリアルをやれと偉い人が言ってました。いうわけでまずはskywayのチュートリアルをやってみます。チュートリアル動きました。skyway完全に理解した。skywayを完全に理解したところで色々作っていきます。・ID検索するためにIDを保持するDB・通話画面でしょうか。###DBの追加ID検索の前にDBがないと検索ができないのでまずDBをHerokuのアプリケーションに追加します。add-onsボタンを押します。Postgresボタンを押します。Add-onが活性化するので押します。これでとりあえず使えるようにはなりました。いうことでCLIからSQLを流します。ResourcesのAdd-onにPostgresが追加されているのでクリックするとDATAページが開きます。Credentials...をクリックするとDBの情報がいろいろと書いてあります。CLIの文字列をコマンドプロンプトにコピペするとDBに接続できます。あとは普通にSQLを流すだけ・・・。行)###画面とか諸々の作成さっそくExpressよくわからん・・・ってなったのでとりあえずexpress-generatorをインストールしてアプリケーションを作成します。テンプレートはPugを利用します。Pugの書き方も勉強しておきましょう。id検索画面(idをDBから検索して相手に接続する)という感じにシンプルにします。