ブラック研究室へようこそ!

ブラック研究室。それは大学院生が放り込まれるかもしれない闇のアジト。在籍時代のエピソード・Web/アプリ開発の備忘録など。

IT備忘録

【テスター募集中】オールスター感謝祭風クイズアプリ 〜忘年会・結婚式二次会向け〜

忘年会・結婚式の二次会などのイベントに最適な、「オールスター感謝祭風クイズ」のWebアプリをつくったので、以前紹介しました。 こんな感じの、イベントに来ている方々全員参加型で楽しんでもらえるクイズです。 スマホから早押しでクイズに回答してもらう…

【IT備忘録】リアルタイムお絵かきシステムを作ってみた④ 〜Node.jsのサーバプログラムをpm2でデーモン化〜

前回までで、リアルタイムお絵かきシステムができました。 www.blacklab-blog.net お〜、描けますね〜。 しかし、1つ気になることがあります。 それは、サーバプログラムを起動する時です。 前回までの説明ですと、server.jsを起動時、以下のシェルを打って…

【IT備忘録】リアルタイムお絵かきシステムを作ってみた③ 〜Githubで公開しました〜

www.blacklab-blog.net 前回、Node.js・Socket.IOをインストールし、Nginxとの連携設定をしました。 これで、導入はOKです。 以下のような構図ができあがりましたね。 ソースコード公開 以下、リアルタイムお絵かきシステムのソースコードをGithubで公開しま…

【IT備忘録】リアルタイムお絵かきシステムを作ってみた② 〜Node.jsとSocket.IOの導入方法〜

スマホですーっと線を引くと、PC側でもほぼリアルタイムにすーっと線が引かれる、 まさに「平成教育委員会」的なお絵かき・回答システム、作りたくないですか? 前回紹介したのがこちらです。 www.blacklab-blog.net 今回、その導入編になります! 前提条件…

【IT備忘録】リアルタイムお絵かきシステムを作ってみた① 〜Socket.IOで双方向通信〜

こんなものを作ってみました 余興用にまたちょっとしたものをつくってみました。 「リアルタイムお絵かきシステム」です! スマホでお絵かきすると、投影用のパソコンにもリアルタイムに絵が書かれてゆきます。 ほぼほぼ遅延無しで、筆使い(指使い?)がパ…

【IT備忘録】オールスター感謝祭風クイズ ベータ版の公開開始!

www.blacklab-blog.net 前回、結婚式の二次会や忘年会に最適な、オールスター感謝祭風クイズシステムを作ってみたので紹介したところ、 お陰様で反響があったため、β版としてテスト公開することにしました! こんなイメージのやつです。 β版の公開先 以下の…

【IT備忘録】オールスター感謝祭風クイズを作ってみた 〜結婚式二次会・忘年会向け〜

こんなの作りました スマホ参加型、オールスター感謝祭風クイズシステムです! 某番組をオマージュしてみました。 パクリじゃないですよ、オマージュですってば。 ひょっとして、結婚式の二次会や忘年会にかなり使えるんじゃないかなぁ、というところです。 …

【IT備忘録】Google VR SDK+Unityでライブ映像を再生 〜THETA VでVRアプリ製作〜

前回: 【IT備忘録】NginxでHLS形式でライブストリーミング 〜THETA VでVRアプリ製作 - ブラック研究室へようこそ! やりたいことの全体像は、以下の図のとおりです。 前回、自作でストリーミングサーバを構築できたので、いよいよクライアント側。 そう、Un…

【IT備忘録】NginxでHLS形式でライブストリーミング 〜THETA VでVRアプリ製作

やりたいこと 以前、THETA Vを使って、4Kライブストリーミングができると書きましたが、 その核心をついてみたいと思います。 USBでPCと接続し、配信用ソフトOBSを用いて、外部のストリーミングサーバへ映像をRTMPプロトコルで転送することで、 Web/アプリ…

【IT備忘録】THETA V(360度カメラ)でVRアプリ製作 その3〜ブラウザからTHETAを制御〜

前回、上図のイメージで、外出先からブラウザでRICOH THETA Vを制御することに成功したので、PHPのソースをgitにアップしてみました。 前回:【IT備忘録】THETA V(360度カメラ)でVRアプリ製作 その2〜THETAの無線LANクライアントモード〜 gitです! 以下、…

【IT備忘録】THETA Vの映像がOBSで映らない

THETA Vでライブストリーミングをしよう!という時のメモです。 問題 MacBookとTHETA VをUSBでつなぎ、 OBSのソフトを使って外部のストリーミングサーバに映像伝送しようとしたところ… OBS上の映像プレビュー画面に、THETA Vが捉えた映像が映らない… 機器は…

【IT備忘録】THETA V(360度カメラ)でVRアプリ製作 その2〜THETAの無線LANクライアントモード〜

前回に引き続いて、 360度カメラ(RICOH THETA V)の話題ですよ。 前回の問題点 << その1〜THETAでできること〜 できることとして、「②【スマホとWi-fi接続】スマホで遠隔操作/スマホへ撮影ファイル転送」とありましたが、 THETA Vが無線LANのホスト、ス…

【IT備忘録】THETA V(360度カメラ)でVRアプリ製作 その1〜THETAでできること〜

まえおき 大学4年生のころ、ブラック研究室で超絶な放置を喰らっていたのですが、 「じゃあ学校も行かず何してたの?」って疑問があると思うんですね。 実は、アパート一室を仲間5人で借りて、アプリやWebの製作をしてました! まさに、シュタインズ・ゲー…