トイレ監視システム「FICC Heavensdoor」を作ったぞ！【Node.jsとSocket.ioとReact.jsでサーバー編】 - FICC Workbook
前回【Raspberry Piでセンシング編】はこちら。前回はRaspberry Piでいかにドアの鍵をセンシングをしたか、という話でした。今回はRaspberry Piから情報を受け取る側、サーバーのお話です。 React.jsが天国と地獄を描画します 今回はNode.js+Expressを選択。Raspberry Piから受け取った情報を、現在サイトにアクセスしているブラウザにWebSocketを通して一斉送信するのにSocket.ioを利用。そしてフロントエンドにはReact.jsを採用。なぜ採用したかといえば使いたかったからです！😤😤😤 これらを使って、 トイレが空いていれば天国、使用中であれば地獄を表示トイレの空き情報をリアルタイムにお知らせという1画面ですべて賄うサイトを作りました。 http://ficc-heavensdoor.herokuapp.com 天国。 そし
Socket.IO API 解説 - Block Rockin’ Codes
追記 11/7/31 Socket.IO v0.7 解説を最初に途中までで出す。 11/8/1 だいたい全部新機能なので '(新機能)' って書くのやめた。 11/8/4 オプションの設定周りを追記 11/8/6 認証周りを追記 11/8/12 スタンドアローンのサンプルを追記 11/9/27 Socket.IO v0.8 対応について追記 11/9/27 タイトルを Socket.IO API 解説に変更 11/9/27 翻訳サイトリンク追加 公式マニュアル翻訳サイト そういえば公式サイトの翻訳をフォークしたリポジトリで、それなりの更新頻度でやってます。 リポジトリの wiki も地味に訳しててこっちは結構役に立ちます。本記事と合わせてどうぞ。 本家 http://socket.io/ 翻訳ページ http://jxck.github.com/socket.io wiki https:/
node.js+socket.ioでライブコーディング的なものを作るメモ - すぎゃーんメモ
node.jsでchatアプリっぽいもの作るメモに引き続き、第2弾。 socket.ioを使って、あるtextareaで編集した内容を出来るだけリアルタイムに別のページに反映させるもの、を作ってみた。誰かがライブでtextareaで書いているコードをwebからみんなが見られる、的な。 https://github.com/sugyan/node-socket-sample にコード置いておきます。 サーバー側jsはこんなカンジで。 var express = require('express'); var app = express.createServer(); var ejs = require('ejs'); var io = require('socket.io'); var port = 3000; app.set('view engine', 'ejs'); app.set('
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
