Node.js+Express+socket.ioでリアルタイムチャットを作ってWeb Appsに無料ホスティングする（yarnも試してみた） - Qiita
Node.js+Express+socket.ioでリアルタイムチャットを作ってWeb Appsに無料ホスティングする（yarnも試してみた）Node.jsSocket.ioAzureExpressWebApps Node.jsのフレームワークといえばExpressが有名です。そしてSocket.io+Node.jsという組み合わせもやはり有名です。これらを使ってチャットを作ってみます。 僕が運営しているdotstudioの裏側ではAzure Web Appsを使っていますが、今回のチャットも同様にWeb Appsでホスティングしてみます。 筆者の環境 macOS Sierra 10.12 Node.js v7.0.0 (出たばかりですね) yarn v0.16.1 Express 4.14.0 socket.io 1.5.1 npmでもいいですが、それだと前の記事と全く同じになりそうなの
Apache CordovaでSocket.IOを使う方法 | ぶろぐち
簡単に言うと「リアルタイムWebアプリケーションを構築できる優れもの」です。リアルタイムWebを構築する手段としてはSocket.IO以外にもポーリングやComet、Web Socketなどがありますが様々な実装方法があり状況によって使い分ける必要があります。 Socket.IOはそれらの複雑さを排除し全てのブラウザ・デバイスでリアルタイム通信を可能とすることを目的として開発されているnode.js用サーバ側のライブラリとクライアント用Javascriptのライブラリのセットだそうです。 様々な手段の実装をラッピングしたSocket.IO APIが提供されており全てSocket.IO APIを通して実現することが可能です。 socket.ioのページでデモが見れます。 Apache Cordvaで使う サーバサイド まずはサーバサイドのコードです。一番シンプルな形で下記のようになります。
【node.js】socket.ioで構築したローカルで動くシンプルなチャットルーム。みんなで書けるリモート版も公開中。 | Tettori
Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340 Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/koj/www/sites/0017_tettori.net/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.cl
いまさら聞けないWebSocketとSocket.IOの基礎知識＆インストール
チャットアプリケーションのひな型作成 最後に、チャットアプリケーションのひな型を作成します。今後、このひな型アプリケーションにコードを追記しながらSocket.IOライブラリを解説していきます。「websocket-chat」ディレクトリ直下に以下の2ファイルを作成します。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>websocket-chat</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jqu
Node.js + Socket.IO + jQuery で最小構成チャット - Qiita
遅ればせながらNode.js始めまして、チャットアプリを作ってみました。 なるべくソースが短くなるようにしてみました。 server.jsとindex.htmlをWebサーバの同じ場所に置いて node server で起動します。 ブラウザからサーバの3000番ポートを開いてチャットが出来ます。例http://example.com:3000 var html = require('fs').readFileSync('index.html'); var http = require('http').createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end(html); }); var io = require('socket.io')(http); http.
[Node.js] Socket.ioで双方向通信チャットアプリを構築 〜 JSおくのほそ道 #005 - Qiita
こんにちはほそ道です。 今回はここまで学んだ技術、コールバック・イベント処理/モジュールの利用/HTTP通信を活用しつつ、 WebSocketによる双方向リアルタイム通信アプリケーションを作ってみます。 目次はこちら WebSocketについてはWikipediaにいい感じにまとまってますが ほそ道が感じた良さを一言でいうと 「ユーザアクション無しにサーバーからクライアントへのpush通信が可能となる」という事ですね。 指定時間にサーバからお知らせ等のアクションも可能となります。 チャットアプリケーションの実装 というわけで作ってみました。 非常にベタなんですが。。 チャットアプリケーションです。 今回はサーバ側とクライアント側の両方に実装が必要となります。 また、新しくWebSocketを実現する為の socket.ioモジュール が登場します。 アプリケーションの骨格が見えるよう、なる
![[Node.js] Socket.ioで双方向通信チャットアプリを構築 〜 JSおくのほそ道 #005 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/c09f1ba8b7eb069ac973b30cf2c19e4fd25f9ea2/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-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCTm9kZS5qcyU1RCUyMFNvY2tldC5pbyVFMyU4MSVBNyVFNSU4RiU4QyVFNiU5NiVCOSVFNSU5MCU5MSVFOSU4MCU5QSVFNCVCRiVBMSVFMyU4MyU4MSVFMyU4MyVBMyVFMyU4MyU4MyVFMyU4MyU4OCVFMyU4MiVBMiVFMyU4MyU5NyVFMyU4MyVBQSVFMyU4MiU5MiVFNiVBNyU4QiVFNyVBRiU4OSUyMCVFMyU4MCU5QyUyMEpTJUUzJTgxJThBJUUzJTgxJThGJUUzJTgxJUFFJUUzJTgxJUJCJUUzJTgxJTlEJUU5JTgxJTkzJTIwJTIzMDA1JTIwJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1hMDkxNDYyNWU4YjJjOTkxZTg1YjMwOTFkNWVjZjgxNQ%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaG9zb21pY2hpJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yOGI3ZmU2MDdlY2NiOGY3YWU4ZDkxNWI0M2Y0ODhmZA%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D55191feea5b8214db1a055a3df17cc00)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TEST CORDING » node.js 怒濤の50サンプル!! – socket.io編