Let me walk you through my exploration of these new technologies as I get acquainted with them. The objective will be to display geo-tagged tweets around the world in real-time on a mapview, with the profile pic and tweet info on the annotation (see screenshot below). This can be accomplished in just a few lines of code, less than 100 with the help of some cool new frameworks and libraries. Comet?
GitHub - Jxck/socket.io-spec: Specification for the Socket.IO Protocol
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
2014年1月17日、新宿にあるベルサール新宿グランドにて 「エンジニアサポートCROSS 2014」が開催されました。 本稿では、本イベントの一セッションである「スマフォOS戦国時代」についてレポートします。 セッション概要 本セッションは前半にTizen、Firefox OS、車、ウェアラブルデバイスといった新興分野のOS最新動向が発表され、後半で佐々木陽氏の司会の元、前半の発表者の方々がパネルディスカッションを行いました。 なお、本セッションはUstreamで視聴可能です（前編、後編）。是非あわせてご覧ください。 TizenやWearableデバイス OS最新動向 今村博宣氏は、TizenやWearableデバイス OSの最新動向について紹介しました。 今村氏 イベント前日にドコモからTizen発売を見送るというショッキングな発表があり、冒頭から｢一言で言うとTizenはスマホ
はじめに もうすでにだいぶ時間がたってしまいましたが、11/15(土)四回目となる東京Node学園祭2014が開催されました 自分の肌で感じる限りは全体的に好評だったのではないかと思っています。ご参加いただいた皆様、登壇者の皆様ありがとうございました！ 僕は初めてノベルティの作成を担当し、さらには参加者募集と受付、登壇者への連絡、広報といつもより多めのタスクをこなしていました 今回はNode.js日本ユーザグループ代表が交代して初めての学園祭で、去年の国内にフォーカスした小規模な開催に比べ2倍以上の規模で海外ゲストありの豪華版でした イベント支援サイト 参加者募集担当の仕事は募集サイトの準備、公開時期の決定、公開及び広報、当日の受付、問合せ対応です。 今回はいつも利用している connpass を選択しました。 不満があるとすれば QRコードに対応していないので、アカウント名か受付番号でペ
はじめに このエントリでは、npm(Node Package Manager)でnode.js関連のライブラリをインストールする際に-gオプションを使用した場合とそうでない場合について書いています。 サーバサイドJavaScript Node.js入門posted with amazlet at 13.06.04清水俊博 大津繁樹 Jxck 小林秀和 佐々木庸平 篠崎祐輔 高木敦也 西山雄也 アスキー・メディアワークス 売り上げランキング: 55,844 Amazon.co.jpで詳細を見る npm install -gオプションの意味 npm installで-gオプションを指定した場合はグローバルインストールと呼ばれ、Mac OS X環境では/usr/local/lib/node_modulesにライブラリがインストールされます。同時に同ディレクトリにパスが通るようになり、どこからでも
Note: This page is a work in progress. I plan to update it new technologies as I find them and increase the information on each as I find the time. If you know of a technology that should be included in this guide then please raise a pull request. If you have any questions please drop me an email me As above, you can contribute to the list by making a pull request to the Realtime Web Technologies
個人的に革新的だと感じたSocket.ioの負荷テスト方法。iframeとPhantomJSを使って複数同時アクセス状態を作る - Qiita
@nulltaskさんにiframeで確認すると良いというアドバイスを受けました。全然思いつきませんでした。 Webサイトへのアクセス負荷とSocket.ioのアクセスを分けるためにサーバーを分けています。 同時アクセスオンリーなテスト Amazon EC2 host: hogehoge-ec2.amazonaws.com port: 5000 console.log('接続数取得テスト'); var fs = require('fs'); var app = require('http').createServer(function(req, res) { res.writeHead(200, {'Content-Type': 'text/html'}); res.end(fs.readFileSync('load.html')); }).listen(4000); var io = r
【Android】リアルタイム通信へ挑戦
スマートフォン向けアプリ開発やサーバサイドの開発に関する技術ブログです。 エンジニアdommyのつぶやきは@shonanshachu、ソースコードはGitHubで配信中。 Android Advent Calendar 2012に参加したdommyです。 2012年もあと2日、今年も山あり谷ありの1年でした。 12月30日はすでにAdvent Calendarに載るべき日付でも無いですが、 Androidに関する記事ならなんでも良いとの事だったので、 リアルタイム通信関連の記事を書いてみたいと思います。 前提として、Androidでの通信といえばHTTPになります。 これはクライアントからのリクエストに対して、サーバがレスポンスを返すという形で、 サーバからリクエストする事は出来ないので、 リアルタイム通信とは違います。 socket通信AndroidはNDKを使えばC言語でも実装可能なの
Amazon ElastiCache for Redis を使ったChatアプリの開発 | Amazon Web Services
Amazon Web Services ブログ Amazon ElastiCache for Redis を使ったChatアプリの開発 Sam Dengler は、アマゾン ウェブ サービスのソリューションアーキテクトです。 このブログ記事では、チャットアプリケーションに関連する概念とアーキテクチャのパターンについて説明します。また、チャットクライアントとサーバーの実装の詳細、サンプルのチャットアプリケーションを AWS アカウントに展開する方法についても説明します。 背景情報 チャットアプリケーションを構築するには、クライアントがチャットルームの他の参加者に再配信されるメッセージを送信できる通信チャネルが必要となります。この通信は、一般に publish-subscribe パターン (PubSub) を使用して実装されます。このパターンでは、メッセージが中央トピックチャネルに送信されま
GitHub - socketstream/socketstream: A framework for Realtime Web Apps
Upgrade from 0.3 or 0.4 to 0.5 To make SocketStream more stable some major dependencies have been moved out. Please add these modules to package.json. socketstream-cookie-session: 0.5.x engine.io: 1.5.2 engine.io-client: 1.5.2 redis: 0.12.1 connect: 3.4.0 Why SocketStream? The Real-Time web has been touted for years, and it is very much in use. However there remains a number of challenges that hav
We just added a new updated article that covers the same topic. You can find it here: Cookies vs Tokens: The definitive guide. Introduction There are basically two different ways of implementing server side authentication for apps with a frontend and an API: The most adopted one, is Cookie-Based Authentication (you can find an example here) that uses server side cookies to authenticate the user on
エキスパートたちが語り尽くす、WebRTCの「つらみ」ーWebRTC Conferenceパネルディスカッションレポート
エキスパートたちが語り尽くす、WebRTCの「つらみ」ーWebRTC Conferenceパネルディスカッションレポート がねこまさし（インフォコム株式会社） こんにちは、がねこです。この記事では先日開催された「WebRTC Conference Japan 2016」から、2日目に行われたパネル・ディスカッション「ここがつらいよWebRTC – WebRTC開発の落とし穴」の内容をご紹介します。 パネラー紹介 パネラーとして、次の3名にご登壇いただきました。モデレータは私が担当させていただきました。 源 拓洋さん ソフトバンク株式会社所属。社内、グループ会社間で利用するビデオ会議システムを、WebRTCを使って構築、運用されています。主にAndroidのネイティブアプリを担当されていますが、MCU/SFUといったメディアサーバーにも詳しいです。 吾郷 郷さん ChatWork株式会社所属
Noduino – Control Arduino with Node.js, WebSockets and HTML5
noduinoA simple and flexible JavaScript and Node.js Framework for accessing basic Arduino controls from Web Applications using HTML5, Socket.IO and Node.js. Easy Arduino AccessInitialize your Arduino board, define registered pins and send commands. Use digital and analog read or write to control buttons or switch connected LEDs. Listen for events happening on your Arduino to control your Web Appli
2011年末現在にgithubで公開されているnode.js関連のリポジトリのうち、fork数が多いベスト15をまとめました。 いくつぐらい使われたことがありますか？ お気に入りは入っていましたか？1. node.js 12040 fork node.jsのご本尊です。railsのfork数が2534 forkです。Forkの数でメジャー度を計ることはできなさそうですが、今年node.jsが大きく注目を集めたことはfork数にも現れていそうです。 「速い」が、node.jsで書いて一番感じたことです。 node.jsは単純なアプリであればnginxと同じ程度の時間でレスポンスを返してくれます。また、Javaで書いたアプリより場合によっては速く動きます。 リアルタイム性の高いアプリを作る場合は、入力と出力のタイムラグがあるべきではないため、Railsのようなフレームワークでは厳しくなり、今後
vnc.js: how to build a JavaScript VNC Client in a 24 hour hackday
vnc.js: how to build a JavaScript VNC Client in a 24 hour hackday All the source code for this post is available on GitHub: vnc.js and tcp.js. Last summer, as a LinkedIn intern, I participated in LinkedIn's first public Intern Hackday. Interns from all over Silicon Valley came down to LinkedIn's headquarters in Mountain View to hack all night, eat free food, pound energy drinks, and compete for aw
Unity から Node.js を起動時に裏で実行・通信して諸々の処理を肩代わりしてもらう方法考えてみた - 凹みTips
はじめに Unity の C# の世界で完結して色々と実行してくれるのはライブラリの利用者側から見るととても楽ですが、プロトタイプをそれで作ろうとすると結構大変です。そこで、Processing なり oF なり自分の慣れ親しんだ環境で作成したものを別途動かし、そこから OSC なりなんなりで通信して Unity の世界に反映させる、ということが良くやられていると思います。しかしながら、これを配布して別の人に使ってもらおうと考えると、別途色々と動かしてもらわないとならず大変です。 そこで、ここをうまい具合にやる方法を思いついたのでご紹介します。 アイディア アイディアとしては、何かしらのコマンドやStreamingAssets 下に置いたバイナリを System.Diagnostics.Process から実行するというシンプルなものです。先行事例だと、Unity でリアルタイムにリップシ
Unity 5 の WebGL で WebSocket を利用した通信をする方法について調べてみた - 凹みTips
はじめに Unity の WebGL では現状ではネットワーク機能に制約がありますが、WebSocket は使えるようです。 (English) On the future of Web publishing in Unity – Unity Blog 以前の記事では外側の JavaScript で Socket.IO を通じて通信した内容を用いましたが、これだとビルドしてから色々と確認しなければならず大変でした。 Unity 5 x WebGL について詳しく調べてみた - 凹みTips そこで、WebSocket 機能の利用方法について調べてみました。 WebSockets.unitypackage のダウンロード Unity5 Beta : WebGL + Unity WebSockets plug-in | Unity Community 上記スレッドより、WebSockets.u
こんにちは！ エイトレッド技術部和田です！ エイトレッドでは毎月テーマを決めて、エンジニアが持ち回りで勉強会を実施しています。 世間からは３週ぐらい遅れてる気もしますが、先日はWebSocketをテーマに勉強会を 行いましたので、今回その内容をダイジェスト版でお送りします。 1．WebSocketとは？ そもそもWebSocketとは何なのでしょうか？ WebSocketとは、クライアント（ブラウザ）とサーバ間で 本当の意味での全二重（双方向）通信を行うためのプロトコルです。 もともとはHTML5の一部として、仕様の策定が進められていましたが その後独立し、単体のプロトコルとして仕様策定が進められています。 WebSocketの特徴としては次の点があげられます。 TCP上で動作 デフォルトポートは 80番 または 443番 明示的に切断しない限り接続され続ける⇒効率的に双方向通信が
このエントリはリアルタイムWebハッカソンのハンズオン資料その4です。 前回の続きです。それでは次に簡単なチャットアプリのコードを見てみましょう。かなりの部分（特にデザイン面）をSocket.ioのチャットサンプルをパクって参考にしています。 サーバ側であるapp.jsはこんな感じです。 var express = require('express'), io = require('socket.io'), json = JSON.stringify; var app = module.exports = express.createServer(); // Configuration app.configure(function(){ app.set('views', __dirname + '/views'); app.use(express.bodyDecoder()); app.u
【株式会社ラクス】SaaSプロダクト別の技術スタックを一挙公開！ - RAKUS Developers Blog | ラクス エンジニアブログ
（本記事は2023/10/2時点の情報にアップデートしております） こんにちは、技術広報のyayawowoです。 突然ですが、株式会社ラクスと聞いて何を思い浮かべますでしょうか？ 弊社ラクスでは、様々なプロダクトを展開していますが正直認知度は低いと思っております。 そこで今回、弊社についてもっともっと知っていただくため・・・ ラクスが展開している全10プロダクト 全10プロダクトの技術スタック インフラ/SRE/デザイナーの技術スタック について、ご紹介させていただきます！ SaaS開発に携わる方、弊社に少しでも興味を持っている方の一助となれば幸いです！ ラクスが展開している全10プロダクトとは？ バックオフィス向け フロントオフィス向け 10プロダクトの技術スタック 楽楽販売 楽楽精算 楽楽明細 楽楽電子保存 楽楽勤怠 MailDealer 配配メール Curumeru blastmai
Introduction of 'fluentd'
Introduction of ’fluentd’ — Presentation Transcript Introduction of ‘fluentd’@just_do_neet 1 Today’s Agenda•Backgrounds and Motivations•Introduction of ‘fluentd’•Real cases and Demos•Conclusion 2 Backgrounds and Motivations 3 Log analysis in the ‘not rare’ services•Analysis processing is done once every day. •Collect logs from multiple servers. (ex. rsync/scp/etc...) •Analysis of data using collecte
Node.js + WebSocket + Backbone.jsのすすめ - aticoにようこそ
Backbone.js Advent Calendarの16日目です。 新しい技術は興味はあるけど、主流にならない技術も多くて全部覚えるにはお腹いっぱいという皆さん。 私もこれはという技術を身につけて、一生食べて行けれたらと常々思っています。 そしてようやくこれはと思える技術に出会いました。 それが表題のNode.js+WebSocket+Backbone.jsです。 それを使った簡単なサンプルアプリ（backbone-railsのサンプルをrailsではなく Node.jsに置き換え、DBをRedis、データの同期にSocket.ioを使ったもの）のソースは ここにあります。アプリの解説はまた今度します。 今回はなぜこの組み合わせに賭ける気になったのか思ったを述べます。 利点 デバイスを選ばない HTML5の利点でよく言われているようにPCはもちろん iPhone、Androidでも動作
uu59のメモ | 安全なウェブサーフィンのしかた
一度ガチな人が「安全なウェブサーフィンの仕方」みたいな文章を書いて誰も真似できないような感じの内容になってブラウザベースの攻撃だけで可能な程度のことで逮捕されるのは理不尽だという世論が確立すると良いと思う— malaさん (@bulkneets) 11月 20, 2012 安全なウェブブラウジングとはどのようなものでしょうか。ここでいう「安全」には2つの意味があります。 ウェブブラウジングによって、自分が所有するリソース（顔や声なども含む）が意図しない破壊・窃盗・改竄・漏洩に遭わないこと 警察に誤認逮捕されることで社会的な立場などを毀損されないこと このうち1については一般にセキュリティと呼ばれ、様々な対抗策が世に広まっています。しかし過日、CSRFトラップを踏んだだけで警察に身柄を拘束され自白を強要させられる事案が神奈川県にて発生し、1の意味での安全だけではもはや不十分だという認識が広ま
git cloneするときに--recursiveをつけると，サブモジュールもcloneしてくれる． リポジトリがサブモジュールを持ってるときだけgit submodule update --initするのは難しいので，勝手にやってくれるのは良いと思う． こんな感じ． % git clone https://github.com/unconed/TermKit.git --recursive Cloning into TermKit... remote: Counting objects: 2574, done. remote: Compressing objects: 100% (1099/1099), done. remote: Total 2574 (delta 1431), reused 2502 (delta 1385) Receiving objects: 100% (2574
サーバサイドJavaScriptのための環境として登場した「Node.js」は、今やクライアント環境でのJavaScriptランタイムとしてもポピュラーなものとなっています。その開発はどのようなプロセスで進められており、今後はどのような形で進化していくのでしょうか。今回、Node.jsのコミッターであるヤフーの大津繁樹氏と、「Japan Node.js Associations」の代表理事を務める、リクルートテクノロジーズの古川陽介氏に、それぞれの立場から「Node.js」の現状と未来について語っていただきました。モデレーターは、テックフィード代表取締役の白石俊平氏が務めます。本稿は2部構成の【後編】です。 （前編はこちら） フロントエンドにも広がる「Node.js」のエコシステムをどう生かす？ 白石：では、このあたりから実際にNode.jsを開発現場でどのように使っていらっしゃるかについ
Node.js活用のノウハウとモバイル対応のポイント スピーカー2名体制で行われたセッションのテーマは「Node.js」「Mobile」「Global」。まず久富木隆一氏が登壇し、参加者に「Node.jsに触れたことがある人」と問いかけると、全体の約8割が挙手。関心の高いエンジニアが多数参加していることが実感できた。 JavaScript標準はECMAScriptだが、Webブラウザ上では方言が存在するため、互換性を維持するのが困難になっている。それに対し「Node.js」はGoogle ChromeのV8エンジン採用のサーバーサイドJavaScriptプラットフォームで、標準準拠度が非常に高く、方言を気にすることなくピュアなスクリプトを書いていける。さらにプログラミング言語のパフォーマンス比較を見てみると、V8上のJavaScriptはJITコンパイルされた上で実行され、Perl、Pyt
http://connpass.com/event/10424/ 弊社にて、テレビ連動サービスに特化した勉強会を開催しました。 で、自分も発表してました。 スライドはこちら。 http://www.slideshare.net/tsuyoshitorii5/public-43549341 TV連動サービスのリアルタイム通知を支える技術 from Tsuyoshi Torii 時間配分全然わかってなかったので、（特に後半）かけ足になってしまいました。 申し訳ございません。 デモの辺りの補足 背景 そもそもだいぶ前から 「こういう感じでsocket.ioコンテナ化して自由に上げ下げできると面白いな。 で、実際どうなのかな？実運用できそう？」 ということを考えていました。 そして今回いい機会なので急ぎでプロトタイプ書いてみたところ なんとなく上手くいったのでデモとして公開してみました。 またこの
最近よく見かけるようなのでメモ Redisって大量にメモリを積んでないとダメかと思ってたけど、思ったよりいろんな方面に用途がありそう(リンク先の情報はわたしは未検証です) Redisの基礎 (全14回) memcachedと“正反対”、Redisが仮想メモリをサポート セッションをサーバサイドで管理するセッションの保存先にRedisを使う github.com/jodosha/redis-store/ github.com/jodosha/redis-store/tree/master/redis-rails node.js – socket.io – rails – sessionを共有する方法 バックグラウンド処理を行う#271 Resque github.com/defunkt/resque cronのような定期的なジョブの実行resque-scheduler (resqueでcro
はじめに 就職先募集中です＼(^o^)／ 前エントリの中の一部の実装の話です。Node.js + Socket.IOのサーバの基本構成と、Android版のSocket.IOクライアントのサンプルです。 とりあえずコードはよ。って方はコチラへ ※2013/3/10 コードをアップデートしてnginxのリバースプロキシに対応しました 何が出来るの？ Androidアプリとブラウザでリアルタイム双方向通信のサンプルです。要はチャットアプリです。サーバは受信データをブロードキャストするようにしています。 非常に簡単なサンプルですが、ブラウザクライアントとAndroidアプリの工夫次第で、色々な実験やプロトタイピングが出来ると思います。前エントリのプロトタイプはADKを接続してハードまでリアルタイム連携させてみたものです。 画面サンプル（自機の送ったものは表示されない） ブラウザの画面 Andro
Presentation at ’Fluentd Meetup in Japan’ — Presentation Transcript fluentd@just_do_neet 1 fluentd - The Event Collector Service•‘fluentd’ product made by a Japanese famous hacker ‘Sadayuki FURUHASHI‘ (Treasure Data Inc. ) http://www.scribd.com/doc/70897187/ Fluent-event-collector-update (English) http://blog.treasure-data.com/post/ 13047440992/fluentd-the-missing-log- collector (English) http://d.hat
Node.js + Socket.IO + pm2でデーモン化とクラスタリング - 人と技術のマッシュアップ
Socket.IOをpm2でクラスタリングするには、ちょっと工夫が必要だったのでメモ forever Node.jsのデーモン化といえばforeverです。しかしクラスタリングしようとすると、Node.jsのコードをクラスタリング対応で書かないといけないのでやや面倒だったりします。今回、foreverよりも高機能なpm2を使ってクラスタリングを試してみました。 pm2 pm2はforeverと同じようにNode.jsをデーモン化するツールですが、モニタ機能やクラスタリング機能などかなり高機能になっています。 pm2のインストール pm2はグローバルでインストールします。 $ npm install -g pm2 対応するNode.jsのバージョンは古いと動かないかもしれません。今回はv0.10.20(on Mac)で動作確認しました。動かすNode.jsアプリはこちらのSocket.IOの
この記事はクソアプリ Advent Calendar 2015 の21日目の記事です。 話題の Google Cloud Vision API のこの記事を読んでいたら、なかなかエキサイティングなことがサラッとかかれていました。 「Safe Search検知」を使うと、Google検索のセーフサーチと同様に、画像の内容が安全かどうかを検知できます。これを使えば、例えばユーザーから画像のアップロードを受け付けてシェアしたりアイコンに使っているあらゆるサービスで、手作業による不適切画像のチェックの労力を大幅に下げられます。 ユーザー生成コンテンツ(UGC)を扱うサービスを作ると、必ず問題になるエロ＆グロ。これがある程度自動判別できるとしたら、(料金次第ですけど)魅力的です。 なんとかアドベントカレンダー期日前にリミテッドプレビューへの参加申請が通ったので、エロ画像をどの程度フィルタできるか、雰
Titanium Mobile with TiShadowで転送時間(ほぼ)ゼロのスマートフォン実機開発をしよう!!(Draft) - JP::HSJ::Junknews::HatenaSide
今回Titanium Mobileでの開発を一変させるプロダクトを紹介したいと思います。その名もTiShadow*1です。 https://github.com/dbankier/TiShadow リリース直後にAppceleratorの公式ブログで紹介されたり、先日 moongiftでも紹介記事がありました。 上記の記事でも紹介されているようTiShadowは、David Bankierさんが開発された、node.jsで動作するサーバを介して、各シミュレータや実機にインストールされたTiShadowクライアントにアプリケーションを配信するというもの…といっても、言葉ではなかなか伝わりませんね。 いわゆる百聞は一見に如かずで、次の動画を見て頂くのが早いかもしれません。 TiShadowサーバにはWebコンソールがあり、ここにCommonJSベースのコードを記述する事で、接続しているTiSh
2011/03/02：いろいろ間違ってたので追記・修正 WebSocket = 3000じゃないですね．どっかで誤認したまま記事を書いてたようです．すみません．（手探り系だとよくあることですよね！） はてブのコメントに私信 port 3000 で動かしてる node.js にapache でリバースプロキシしてるなら、単に apache が websocket の proxy に対応してないだけでは？WebSocket に対応した Reverse Proxy ならポートなんてあける必要ないよ。http://bit.ly/gKplDu コメントありがとうございます． 構成はnode.jsとsocket.ioを使って接続する実装サンプルと，ポートの設定周りをごく基本的にな感じでして，apacheは使っていないです．ポート開けなくても済むならそのほう良さそうなので，もうちょい迷走してみます． 2
このエントリはリアルタイムWebハッカソンのハンズオン資料その3です。 前回の続きです。まずはSocket.ioを使えるようにしましょう。 app.jsの先頭を var express = require('express'); から var express = require('express'), io = require('socket.io'); にする。 また、ファイルの最後に var socket = io.listen(app); socket.on('connection', function(client) { // connect client.on('message', function(message) { // message }); client.on('disconnect', function() { // disconnect }); }); を追加する。
ScalikeJDBC
ScalikeJDBC Just write SQL and get things done! ScalikeJDBC is a tidy SQL-based DB access library for Scala developers. This library naturally wraps JDBC APIs and provides you easy-to-use and very flexible APIs. What’s more, QueryDSL makes your code type-safe and reusable. ScalikeJDBC is a practical and production-ready one. Use this library for your real projects. Working on the JDBC layer Whethe
node.jsとSocketIOでなんか作ってみたい！！！ というわけでログファイルをリアルタイムっぽく表示するページを作ってみました。 ※実際は一定時間ごとにログの追記分を配信しています 「開発サーバのアクセスログ、エラーログ、MySQLクエリログなどなど、わざわざターミナルでtailするのめんどくさいよ！」という人いたらぜひ＞＜ 以下、ログファイル１つだけなサンプルの構築手順です。 参考サイト node.js本家 node.jsインストール手順 Socket.IOの本家 fsのドキュメント セットアップ 今回はCentOS6.0を使ってます。 依存パッケージのインストール このへん入ってれば動きそうです [root@cent6 ~]# yum groupinstall 'Base' [root@cent6 ~]# yum groupinstall 'Development tools'
HTML5のWebsocket（Node.js+Socket.IO）を使って、お絵かきチャットが行えるサンプルを作ってみました。Node.js+Socket.IOについては、下記のエントリーを参照してください。 Windows+Node.js+Socket.IO 環境を作ったのは自分のPCのためリアルでお見せできないのが残念ですが、動画をキャプチャしたのでそちらでご確認ください。 １．サンプル動画 2つのブラウザからそれぞれ「http://127.0.0.1:8124」にアクセスして、チャットを行います。お絵かきの内容をページにアクセスしている別のブラウザに反映します。 下の表示は画面が小さいので、全画面表示にするかYoutubeのサイトで直接見た方がいいかもしれません。 ２．サンプルコード Node.jsとSocket.IOを使ったサンプルコードを掲載しておきます。 色々ネットを探しまし
Node学園 20時限目に参加したきたのメモ。 「eslintの話」 by @mysticatea スライド: ESLint Past and Future - Google スライド ESLint 12-3% ぐらいのルールを書いた JSHintにプラグイン機能が追加するという話はあったけどならなかった ESLintの特徴 ASTベースでプラグインという特性 (以前書いたプラグインの仕組み: ESLint | JavaScript Plugin Architecture) 開発者が貢献するのが簡単 コントリビューションガイド 開発体制 機能に関しては Reviewer以上 バグに関しては Committer 以上が確認してマージ 隔週の金曜日にリリース ESLint 3.0.0 Stage 4に到達した構文 Auto FixはIDEと連携して選択式の適応へ アグレッシブなFixは同時に適
node.jsでWebSocket動かして遊ぼうという素敵なイベント、リアルタイムWebハッカソン : ATNDに参加してきました。 まず、なんといってもめそさんが準備した資料が素晴らしく、大変勉強になりました。資料はリアルタイムWebハッカソンでハンズオンしてきました - 自分の感受性くらいから。node.jsの環境構築から具体的なサンプルの作り方までわかりやすくまとまっています。 で、タイトルのとおりハッカソンなので、上記資料にざっくり目を通してから@yoshikawa_tさんとなにか作ってみようかという話になりました。 ただ、いいアイディアが思い浮かばず、「ゲームとか」と考えたところでという、こちらもnode.js+WebSocket(Socket.IO)で動いているデモアプリを思い出しました。このSwarmationは、右側でお題が与えられて、そのお題の形になるようにマス目を塗り潰
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Twitter Streaming API + node.js + Appcelerator Titanium = Real-time tweet map | @ecito
「スマフォOS戦国時代」レポート | gihyo.jp
東京Node学園祭を支える技術 #nodefest - need something more...
npm installコマンドの-gオプションについて - 小さい頃はエラ呼吸
Real-Time Web Technologies Guide
Cookies vs Tokens. Getting auth right with Angular.JS
node.js 2011年ベストリポジトリ15 - memo.yomukaku.net
WebSocketを研究してみた | ワークフローシェアNo.1 株式会社エイトレッド
ExpressとSocket.ioを使ったチャットサンプル - 自分の感受性くらい
git clone --recursive 便利 - hitode909の日記
普及期を終え成熟期に入った「Node.js」はこれからどうなる？－コミッターが語る現状と未来【後編】
【デブサミ2012】16-A-5 レポート ソーシャルアプリケーションにおけるNode.jsの活かし方
#tvrendo テレビ連動サーバ勉強会 で発表しました - アルパカDiary
RailsでRedisを使う例のメモ | | Scimpr Blog
Socket.IO for Android - 人と技術のマッシュアップ
Presentation at 'Fluentd Meetup in Japan'
Cloud Vision API はエロ画像をどの程度フィルタできるのか見てみた - Qiita
socket.ioを試すときは，ポートの開き忘れとcookieに注意（いろいろ追記・修正）
ExpressとSocket.ioを使ったWebSocketのサンプルを作る - 自分の感受性くらい
node.jsとSocket.IOでログをリアルタイムっぽく表示 - mikedaの日記
HTML5のWebsocketを使ったお絵かきチャット
Node学園 20時限目 アウトラインメモ
リアルタイムWebハッカソンに参加してきた - os0x.blog