僕の考えた最強のリアルタイム通信基盤(検討編)〜みんなでライブの場合〜 - Qiita
Happy Elements Advent Calendar 2020 24日目の記事です。 概要 あんさんぶるスターズ！！Musicのエンジニアリーダーをしています。 複数人で音楽ゲームを行う「みんなでライブ」で使われたリアルタイム通信基盤について書きたいと思います。 今回は技術選定の段階で検討した内容について紹介し、Redis Streamsを用いたスケーラブルな基盤を提案します。 みんなでライブについて みんなでライブは、あんスタ！！Musicにおいて複数人で音楽ゲームを行うシステムです。 画面遷移の同期やスタンプ送信、コンボ数の共有などがリアルタイム通信を用いて行われています。 リアルタイム通信の技術選定について 弊社ではポーリングを用いた複数人参加のバトルや、Photonを用いた協力プレイなど実績があります。 あんスタ！！Musicのみんなでライブでは同時接続1万人以上を想定して
100万回のWebSocket接続とGo | POSTD
こんにちは。私はSergey Kamardin（セルゲイ・カマルディン）です。Mail.Ru（ロシアの電子メールサービス会社）で開発者をしています。 この記事では、どのように私がGoを使って高負荷対応のWebSocketサーバを開発したかについて説明したいと思っています。 パフォーマンス最適化のアイデアやテクニックを通じて、WebSocketの知識はあるもののGoについてはほとんど知らないという方のお役に立てれば幸いです。 1. はじめに まずは開発に至った経緯について、どうして私たちがこのサーバを必要としたのかを説明しておきましょう。 Mail.Ruには多くのステートフルなシステムがあります。ユーザのeメール保存もその1つです。システム内、およびシステムイベントの状態変更を追跡する方法にはいくつかの種類がありますが、それらは主に状態変更に関するシステム通知、または周期的なシステムのポーリ
ゲーム開発初心者の僕がUnity + WebSocketで何か作ってみた
講演動画：https://youtu.be/P1U7XkhB6VM 2019年10月6日に行われた「UNREAL FEST EAST 2019」における「UE4とBlenderでランニングコストを抑えるモダンなワークフロー」の登壇資料です。 ●公式サイト https://unrealengine.jp/unrealfest/ === このセッションでは小規模でモダンなゲーム開発に興味があり、ツールの導入コストやランニングコストを抑えたい方を対象に、UE4とBlenderを実戦に投入した開発フローについてご紹介します。現場で問題になりがちなテクニカルな問題への対処や、UE4とBlenderを駆使した高速なイテレーションについても解説いたします。UE4やBlenderを現場で導入したい！という方にぜひ聞いていただきたい内容です。
WebSocketを見てみよう
本スライドは下記URIで公開しています: http://bit.ly/ws-kuruma http://kuruman.org/diary/2011/05/28/file/websocket_study_kuruma.pdf WebSocketを見てみよう @Kuruma # whoami • Kuruma – しがないOpera Browser使い – twitter.com/Kuruma – kuruman.org “WebSocketを見てみよう” (2011-05-28) 2 もくじ • 概要 • 実装状況 • はじめの一歩 – 大まかな決まり事と流れ “WebSocketを見てみよう” (2011-05-28) 3 概要 “WebSocketを見てみよう” (2011-05-28) 4 WebSocketとは draft-ietf-hybi-thewebsocketprotoco
WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
WebSocket の動作確認に wscat が便利すぎる件 - tricknotesのぼうけんのしょ
WebSocket を利用したアプリケーションを作る際に、動作確認が煩雑な場合があります。 サーバ側とクライアント側をどちらも実装する必要があって、「ちょっとこの部分だけ動かしてみたいなぁ」っていうときに、簡単に試す方法があると便利ですよね！ そんなときにおすすめなのが、 wscat です。 wscat は、コマンドラインで利用できる WebSocket のサーバ/クライアントで、ws に同梱されています。 ws とは、 Node.js 上で WebSocket を使うためのモジュールで、Socket.IO やengine.io の内部でも利用されている今注目のプロダクトです。 今回は、この wscat の使い方をご紹介します。 対象バージョン ws (0.4.7) インストール Node.js のモジュールなので、 npm でインストールするのが簡単です。 $ npm install -
node/websocket とknockout.jsでRSSリーダー作ってみた - mizchi log
風邪引いてるっぽくて頭痛と吐き気がひどいのですが、昨日作ったコード置いておきます GitHub - mizchi-sandbox/node-rss-reader: LDRっぽいRSSリーダー http://w-mtlab.com:2000 にサンプルを置いておきます これは僕(mizchi)の未読です (共通の未読管理フラグ使ってるので、誰かが読んでしまってると読めません) コード総数は600行ぐらいなので、サンプルにはなると思います。プリントデバッグの名残が大量に残ってますが… 挙動はほぼLDRのjksaoのクローンです。マウスオペレーションはサポートしていません。 zappa.jsとKnockout.jsとwebsocketの練習がてら作りました。 knocout.js使ってみた感想 knockout.jsよかった(小学生並みの感想) いや、風邪引いて頭悪いので後日フレームワークの感想
FURYU Tech Blog-フリューテックブログ | Furyu Tech Blog
はじめに こんにちは、ピクトリンク事業部開発部サーバサイド開発課のkitajimaです。弊社サービスピクトリンクは、システム再構築の一環として
オープンソースカンファレンス2011 Kansai/Kobe でNode.jsの発表を行ないました - shutdown -r now
4/16（土）に開催されたオープンソースカンファレンス2011 Kansai/Kobeで、Node.jsの発表を行ないました。 朝早くから多くの方に参加して頂き、大変ありがとうございました。 拙い説明で申し訳ございません。資料をアップロードさせて頂きます。 Node.jsを使うと、JavaScriptで簡単に沢山のクライアントを効率的に捌くシステムを構築することができると思います。これから、オンラインゲーム等のリアルタイム系のシステムがますます流行ると思います。その時の基盤技術として最適ではないでしょうか。 Node.js入門 View more presentations from Toshio Mori
HTTP と WebSocket でセッションを共有する
こんにちは、 nodejs.jp の @masahirohです。 JavaScript Advent Calendar の最終日です。クリスマスだけど空気を読まずに Node.js の地味な話をします。ごめんなさい。 さて、 Node.js では Socket.IO を使えば、 WebSocket を使ったアプリケーションを割と簡単に作れるわけですが、これを Web フレームワークと一緒に使う場合、どうやってセッションを共有したらいいんだろう？とふと思いました。ユーザ名とパスワードをメッセージにのせたらいいんですかね？ いや、セッション ID をメッセージにのせればいいのかな？ うーん・・と思いながら Github をうろうろしていたら SessionWebSocket というアプリケーションを見つけました。セッション管理機能を追加する方法が結構参考になったので、コードリーディングをします
Node.jsでWebSocketを試してみる - Y's note
Nodejs サーバサイドJavascript。 V8 Javascriptを利用。 シングルスレッドの非同期処理環境。 処理を待たずにcallbackを実行するイベントループ、ノンブロッキングI/Oを実装。 nodejsの設定は簡単。パッケージ化されているし、buildしてもそれほど時間がかからない。 設定 macでinstallしてみる。以下のどちらか一方を行えば設定は可能だがportのversionは0.2.0、buildの最新は0.4.8。post installは少し時間がかかる。 port install $ sudo port install nodejs $ node -v v0.2.0 make install $ fetch http://nodejs.org/dist/node-v0.4.8.tar.gz $ tar -xzf node-v0.4.8.tar.gz $
Jettyで始めるWebSocket超入門 記事一覧 | gihyo.jp
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
WebSocket勉強会 | ナニカラダ
題名：Websocket勉強会 日時：2011年5月28日 場所：株式会社インターネットイニシアティブ会議室 備忘録用に、 2011年5月28日のWebSocket勉強会のプレゼン資料と質疑応答を書き出しました。 講師の方々に感謝いたします。 WebSocketとは WebSocket（ウェブソケット）は、コンピュータ・ネットワーク用の通信規格の1つである。インターネットの標準化団体であるW3CとIETFがウェブサーバーとウェブブラウザとの間の通信のために規定を予定している双方向通信用の技術規格であり、APIはW3Cが、WebSocket プロトコルはIETFが策定に関与している。TCP上で動く。 http://ja.wikipedia.org/wiki/WebSocket http://dev.w3.org/html5/websockets/ 1部：「WebSocketを見てみ
はじめての共同作業 Canvas編 (node.js + websocket) : アシアルブログ
こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ） ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2
node.js+socket.io+oauth+SessionWebSocketでログイン付きチャットを作るメモ - すぎゃーんメモ
(※2011/09月 追記: この記事の方法は既に古いので Socket.IOとHTTPセッションの共有は Socket.IO と Express でセッションの共有 - Block Rockin’ Codes などを参考にしましょう) node.jsでchatアプリっぽいもの作るメモ - すぎゃーんメモ node.js+socket.ioでライブコーディング的なものを作るメモ - すぎゃーんメモ に引き続き、第3弾。 現在、サンプルを以下の場所で動かしています。 http://www1216u.sakura.ne.jp:3001/ ソースは GitHub - sugyan/node-oauth-chat: node.js + socket.io chat (using Twitter OAuth) に置いてあります。 セッション共有 Socket.IOが便利なのは分かったのだけど、HTT
WebSocket を通す ReverseProxy が欲しいの
Node.js で socket.io 使ってウェブチャット作って遊ぶ！ とかやってると、そのうち作ったアプリを自宅サーバとかで公開したくなるのが人の世の常というものですが。 とくに考えずに自宅サーバで作ったアプリを動かそうとすると、 「Node.js で作ったアプリをポート3000番で動かしてー、フロントサーバとして Apache か nginx を置けば良いやー」 って感じで上の図のような構成になると思いますー。が (そもそもイベントループが売りの Node.js のフロントサーバが Apache ってどうなの？ってのは置いといて。) ふと気づく。クライアントからの WebSocket が届いてねえ！ はい、対応してないんですよね、Apache も nginx も、WebSocket のプロキシは。 仕方ないので無理矢理動かそうとすると、Node.js アプリが動いてるポートを開くこと
node.js+socket.ioを使ったライブコーディングwebアプリを作ってる - すぎゃーんメモ
かれこれ2ヶ月くらい、ちまちまと作り続けていたのがようやく動くようになったかなーという状態になったので公開してみる。 http://www1216u.sakura.ne.jp/livecoder/ 公開停止しました 手元のMacでChrome, Safari, Firefoxでは動いていた。IEは知らない。 ソースはGithubに。 https://github.com/sugyan/live-coder 使い方 Twitterでsignin。 /edit のエディタ上でテキストを編集すると、 /view/ でリアルタイムに編集が反映される(こちらはread only)。 同じユーザのページを見ているユーザ同士でのテキストチャットが可能。 構成 Server node.js v0.4.1 ライブラリはnpmにて socket.io, express, ejs, oauth, configを
関西開発合宿でnode.jsとsocket.ioを使った「そう簡単には読ませてあげませんったー」っていうTwitterアプリ作った - あと味
タイトルなげぇよ。 はい。昨日から、明日の昼まで、関西開発合宿に参加しています。 頭ん中さんの、関西で開発合宿へ行ってきたよ - 頭ん中っていうエントリーが前回の様子とのことです。 開発合宿初めてだったので、何を作ろうか漠然としながら、とりあえず、node.jsの勉強初めているし、TwitterのStreamAPIを使ってみようということで挑みました。 午後、作った内容を発表したら結構ウケていたのでよかったです。 作ったやつ node.jsのホスティング環境がないので、サービスとしては公開できませんが、動画とりました。 アプリの名前 そう簡単には読ませてあげませんったー アプリの概要 昨今、Twitterの見過ぎで、作業効率がめっきり落ちてしまった、ヘビーユーザーに対して、あえて、ツイートを見る敷居を高くするサービスを作ってみようとのことでできあがったものです。 今のところ、こちらのサービ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - gregleaver/play-chat: Play Framework chat client with websockets
http://github.com/pascalopitz/whiteboard.git