Vue.js で3Dモデルを表示する。

はじめに

vue.js で簡単に3Dモデルを表示したかったので、vue-3d-model を試してみました。

サンプル

Vue.js のプロジェクト作成

vue-cli コマンドで基本的なプロジェクトを作成します。

vue init webpack my-project
cd my-project
npm install

3Dモデルを取得

以下サイトの ~.obj ファイルを使わせていただきました。

http://www.3dchaya.com/views/con…

READ MORE Vue.js で3Dモデルを表示する。

C# で Socket.IO (SocketIoClientDotNet) を使う

はじめに

C#(Windowアプリ)、Node.js(サーバ)、Vue.js(ブラウザ)で双方向通信を行いたいと思い、Websocket を隠蔽して使えるようになる Socket.IO を用いた通信のサンプルを作成しました。

本投稿では、C#(Windowアプリ) と Node.js(サーバ) との通信部分を Socket.IO で実装した例を紹介させていただきます。

Node.js(サーバ)、Vue.js(ブラウザ)については以下ご参照ください。
Nuxt.js で Socket.IO …

READ MORE C# で Socket.IO (SocketIoClientDotNet) を使う

Nuxt.js で Socket.IO を使う

はじめに

本投稿では、Nuxt.js で Socket.IO を使ってサーバと通信するサンプルを作成します。
Nuxt.js と サーバ側は同一のエンドポイントで動作する物となりますので皆さんの参考になればと思います。

サンプルの確認

世の中便利なものですでにサンプルを作成してくれている方がいらっしゃいます。
以下のサンプルは、Nuxt.js、Express、Socket.io のサンプルになりますのでついでに Rest.API の実装も行えます。

Git 取得

git clone…

READ MORE Nuxt.js で Socket.IO を使う

UniRx 知らないと人権が無い気がしてきたので勉強した。

はじめに

最近、Unity を触る機会が多いため Unity の関するキーワードを勉強しています。
今回の投稿はその一環として UniRx を勉強してみました。自分用のメモなので読みにくいかと思いますが参考に出来る方がいれば幸いです。

参考:UniRx入門シリーズ 目次
参考:UniRxを導入するメリット ~こういう時にUniRxは使えるよ~
参考:未来のプログラミング技術をUnityで -UniRx-

UniRxとは

「UniRx入門シリーズ 目次」さんから引用させていただきました。…

READ MORE UniRx 知らないと人権が無い気がしてきたので勉強した。

Azure Face API にデータをバッチで登録する

はじめに

Azure Face API ではAPIが提供されているが、事前にデータを準備しないとAPIを読んでも意味がない、今回はこの事前データを準備するためのバッチを作成したので以下にソースコードを示す。

概要

グループの削除・作成する(リセット)
Person を作成する
Person に Face を追加する
トレーニングを開始して終了まで待つ

使用方法

KEYを設定してください。
FACE_KEY = ‘XXXXXX’
GROUP_IDを指定してください。
GROUP…

READ MORE Azure Face API にデータをバッチで登録する

Hololens でディスプレイを無限にしたらすごかった!

概要

Hololens と言う Microsoft が発売している MR(AR/VR) デバイスを用いて、空間上にディスプレイを無限に増やしてみよう!との試みになります。(無限とは言っていない)

Hololens 上にディスプレを増やす事により「他人に覗かれない!」との気持ちから増やしてみました、かなり簡単に実装できるのでぜひチャレンジしてみていただければと思います。

動画:
Twitter – Hololens でディスプレイが無限(有限)に増えた!

開発環境

Unity 201…

READ MORE Hololens でディスプレイを無限にしたらすごかった!