はじめてのSocket.io #1 「リアルタイムなチャットを作る」 - ねこの足跡R
Node.jsのキラーソフトの一つとも言われて久しいSocket.ioを使ってリアルタイム通信を行います。コツさえ分かれば非常に簡単に開発できてしまうのでプロトタイプや小規模なプロジェクトにオススメ。 今回は以下の動画のように複数のクライアント間でリアルタイムに通信が行える簡易チャットをHTML+JavaScriptで作成してみます。 www.youtube.com 基本的な解説 Socket.ioは何をやってるの？ 制約や注意点 P2Pじゃダメなの？ 環境構築 インストール サンプルコード serve.js index.html 実行する サーバを起動 ブラウザから確認 サーバを終了 解説 大まかな原理 クライアント ライブラリを取得 サーバへ接続 Socket.ioサーバへ送信 Socket.ioサーバから受信 サーバ クライアントの接続 - connection クライアントへ一斉送
Node.jsでTCP通信する - Re: note
以下のサイトを参考にしてNode.jsでTCP通信を行ってみました。 blog.mitsuruog.info nodeによるTCP通信は net モジュールを使用します。APIリファレンスは以下を参照ください。 Net | Node.js v12.4.0 Documentation 1. 準備 以下のコマンドを入力します。 $ npm install net 2. コード server用とclient用のコードを以下のようにそれぞれ準備します。 server.js const net = require('net'); const server = net.createServer(socket => { socket.on('data', data => { console.log(data + ' from ' + socket.remoteAddress + ':' + socket
Electronでプロセス間通信をする | Apps Blog | ミツエーリンクス
前回は、Electronを使って一番簡単なアプリを作ってみました。今回は、Node.jsと連携させる方法について紹介します。 メインプロセスとレンダラプロセス Electronは、起動時にNode.js側で実行するJavaScriptと、そのNode.jsから立ち上げたBrowserWindow（HTML）で実行するJavaScriptの、2つのJavaScriptが存在し、それぞれ別のプロセスがあります。 前者を「メインプロセス」、後者を「レンダラプロセス」と呼んでいます。 レンダラプロセスからメインプロセスへ必要に応じて処理を依頼することで、ブラウザのJavaScriptだけではできなかった様々なことが実現可能になります。 そして、Electronではそのプロセス間通信を行うためのモジュールとして、ipcモジュールがあらかじめ定義されています。 例えばブラウザで実行されるJavaScr
ElectronでSocket.ioを導入してみる [テスト編] - Qiita
ElectronでSocket.ioを導入するテスト編です。 参考にしたところ Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモ Electron で jQuery をスマートに読み込む方法 やりたいこと スマホでリモート操作 Electronアプリと連動すること とりあえず、動かしてみる 前提条件: Node.jsやElectronのあれこれが済んでいること。 まだの場合は、コチラを参照するといいでしょう。 さっそく、Node.jsとSocket.IOによるPCとスマホブラウザのペアリングデモのコードをダウンロードし、適当な箇所に解凍します。 組み込み予定のElectron内に、先ほど解凍したコード全部コピーし、Electronのメインファイルへ「server.js → index.js」へ移植します。 ... // ここから // サーバー構築 var ht
![ElectronでSocket.ioを導入してみる [テスト編] - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/896910ad9e738db6d23d7c0cd201f7116caf3010/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9RWxlY3Ryb24lRTMlODElQTdTb2NrZXQuaW8lRTMlODIlOTIlRTUlQjAlOEUlRTUlODUlQTUlRTMlODElOTclRTMlODElQTYlRTMlODElQkYlRTMlODIlOEIlMjAlNUIlRTMlODMlODYlRTMlODIlQjklRTMlODMlODglRTclQjclQTglNUQmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTViMTg5NWM1YjRkMGZhYmVmMGRjZWM3ZDA1ZDJlYTA0%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBqYWNrLWxvdyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NmE0MzNiNGIwMWY1YTBlOWYxYWMwNDlkMzdhNzM3ZDg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Df5a6884f5393e7201c4ede18cc5d7877)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Electron+Node.js+jQueryで最小構成チャット - Qiita
