タグ

socket.ioに関するhatano99のブックマーク (5)

  • A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる - VOYAGE GROUP VR室ブログ

    こんばんは。古くて重いMacBook Proを背負って腰が崩壊した@daybysay です。 腰に課題を感じるエンジニアの皆様におかれましてはぜひ軽めのMacBookを背負ってご活動をお勧めいたします。 さて、今回はは複数人で同期しながら遊べるタイプのVRコンテンツ開発を試してみました。 内容としては、A-FrameとWebSocketを使ったリアルタイムマルバツゲームの実装です! 出来上がりはこんな感じです。 リポジトリはこちら github.com そして今回出来上がったマルバツゲームへのリンクがこちらです。 目次 目次 アプリの構想 環境構築 アプリケーション実装 クライアントサイドの実装 マス目を置く プレイヤー(カメラ)を用意 クリックできるようにする プレイヤー名表示 サーバサイドの実装 Socket.IOを使う準備をする 別々のプレイヤーとして接続できるようにする マス目のク

    A-FrameとSocket.IOを使ってリアルタイム通信ができるWebVRアプリを作ってみる - VOYAGE GROUP VR室ブログ
  • Node.js、Socket.IO、MongoDBでリアルタイムWeb

    Node.js+Socket.IO+MongoDB こんにちは! 著者は、マインドフリーという会社でNode.jsを使ってWebアプリなどを作成している。この連載では、最新Webテクノロジを使った研究開発の事例や実績を発信する弊社のサイト“Tech Release”のリニューアルで培ったNode.jsに関する知識を分かりやすくお伝えする。 Tech Releaseは一見、普通のブログに見えるが、実は記事の更新内容がリアルタイムにView画面に反映されている。管理者が、記事の文章(データ)に変更を加えると、その記事を見ている人にもページをリロードせずに、リアルタイムに文章(データ)が変化していく。 このUXを実現するために開発したシステムが、REALTIME BLOG ENGINE「REABLO」というエンジンだ。「REABLO」はNode.jsとSocket.IO、MongoDBを使用して

    Node.js、Socket.IO、MongoDBでリアルタイムWeb
  • チャットを作りながら学ぶSocket.IO〈Node.jsシリーズ vol.4〉

    Node.jsの基を順を追って展開していくこの連載。 今回は中級編の第2回目として、リアルタイムWebを実感してみましょう。 Socket.IOでリアルタイムWebを実感しよう 前回はTwitter Streaming APIにアクセスしてそのデータをリアルタイムに表示しました。 今回はSocket.IOというフレームワークを組み合わせ、クライアント同士でリアルタイムな通信を実現します。 リアルタイムWebとは リアルタイムWebとは、その名の通り、Web上の異なるクライアント間でリアルタイムに通信を行うことです。 現在は主に以下の技術が提唱されています。 ポーリング クライアントがサーバーに一定間隔で問い合わせ続け、変更があり次第処理を行う ロングポーリング サーバーがクライアントからのリクエストを保留し、変更があった場合にレスポンスを返す すぐには答えず「何かあったら返事する」という

    チャットを作りながら学ぶSocket.IO〈Node.jsシリーズ vol.4〉
  • Node.jsからSocket.IOを使うための事前知識 - Qiita

    Node.jsからSocket.IOを使う上で知っておくべきWebSocketの背景やSocket.IOの知識についてまとめてみました。 後半はインストール方法とサンプルになります。 1. Socket.IOとは 1.1. HTTP クライアントからサーバーにリクエストを送り, サーバーはそれに対してレスポンスを返すというプロトコルです。 サーバーからクライアントに対してリクエストや通知を送信する方法は用意されていません。 1.2. ポーリング クライアントからサーバーに定期的にリクエストを送信する方法。 無駄なリクエストが増えてしまうという欠点があります。 1.3. WebSocket 2011年にRFC6455で仕様が提案されたサーバーとクライアントの双方向通信用のプロトコルで, 非同期かつ双方向の通信を可能にしています。 ブラウザのバージョンによってはサポートしていないものもあるので

    Node.jsからSocket.IOを使うための事前知識 - Qiita
  • 今更だけどSocket.ioについてまとめてみる - blog::wnotes.net

    ちょっとSocket.ioを導入する機会があったので、色々調査したのをメモしておきます。 Socket.ioとは node.jsのnpmとして提供されている、WebSocketを手軽に扱えるモジュールです。 多分すごい有名なので、だいたいみなさん知ってると思います。 他にはwebsocket-serverとかもあるんですが、こっちの方が有名ですかね。 特徴として、クライアントサイドのトランスポートがクロスブラウザなところでしょうかね。とても助かります。 詳しいところは公式サイトを見るといいと思います。 Socket.IO: the cross-browser WebSocket for realtime apps. すんごい出たばっかりの頃にも触ったことがあったんですが、今使ってみると機能がすごい増えててびっくり。 機能の紹介とかは他のサイトを見てもらうとして、備忘録的に自分がやった所なん

  • 1