はじめての共同作業 Canvas編 (node.js + websocket)
こんにちは、中川です。 先月無事に結婚をした開発者が一名おり、近年アシアルでは徐々に既婚者が増えてきている状況です。 ということで、結婚といえば共同作業ですよね。 今までは、一人で作業していて大変なことが色々あったと思いますが、 二人（複数）でやれば、乗り越えられることもあることでしょう。 Webアプリでも最近は、より共同作業がしやすい環境ができつつあるように思います。 そこで、今回はWebSocketを使ったリアルタイム通信でのやり取りを行い、 一緒にお絵描きができるサンプルアプリを作ってみました。 ■■■概要■■■ ・アプリ概要 ・・Canvas + WebSocket ・対応ブラウザ ・・Chrome or Safari (他、WebSocketが使えるブラウザ） ・サーバ側プログラム ・・node.js 0.2.0 ・・express@1.0.0rc2 ・・websocket-se
複数人で同時に書けるnode.js製ホワイトボード·whiteboard MOONGIFT
whiteboardはWebSocketを使ったリアルタイムドローソフトウェア。 whiteboardはnode.js/JavaScript製のオープンソース・ソフトウェア。node.jsが熱い。サーバサイドJavaScriptという珍しさもあって、先進的な技術を試すのにぴったりな環境となっている。HTML5を使ったソフトウェアはとても多い。 Safariでお絵描き HTML5と言えば多数の新機能を備えているが、最も特殊なものとしてはWebSocketが挙げられるかも知れない。使い勝手が難しいが、新たなWebの可能性も見いだせそうだ。そんなWebSocket + node.jsで開発されたのがwhiteboardだ。 whiteboardは複数人同時に編集が可能なホワイトボードシステムだ。マウスでクリックして線を引くことが出来る。その内容はリアルタイムに別なブラウザに反映される。クリアボタ
node.websocket.jsで超適当ホワイトボードアプリ - Born Neet
今週は仕事とドラクエVIが忙しくて全然勉強の時間がとれませんでした。 （モンスターが仲間に入らないのと難易度が下がってるのにはがっかりしましたが、やっぱり6はいいですね。） というわけで週末、しかも2日目に慌ててやってみます。 触るのは、引き続きWeb Socket(s)。 前回のでAPI（クライアントサイド。つまりJS。sがつく方）は何となくイメージできたかなぁという感じ。 しかし、プロトコル（Web Socket protocol。こっちはsがつかない）はイマイチ理解できてません。 こういう時はやっぱり手を動かすのが一番ということでとりあえず何か作ってみます。 ※ ほんとはパケットキャプチャ取りたかったんですがうまくいかなかったので断念 それでは始めましょう。 まずは参考記事探しから。 Web Socket ProtocolのRFC和訳 - YAMAGUCHI::weblog ないと思
さくらVPSを借りてから参考にしたサイト « tech*
ツイート私：仕事はシステムエンジニアをしていますが、サーバー構築、phpなどは初心者、ドメインの取得などもってのほか。という立場です。 当時評判だったさくらインターネットのVPSを使い、CentOS + Apache + Tomcat + MySQL + Java という環境で自分用のWEBサービスを作ったときに参照したサイトを備忘録をかねてまとめたいと思います。 さくらのVPSを使いはじめる – アカベコマイリ SSH,Apache,Ruby,MySQL,Subversionなどについて。 おそらくここさえ読めば大体のことはできます。 CentOSをサーバーとして活用するための基本的な設定 – さくらインターネット創業日記 さくらインターネットの田中社長のブログ。 パフォーマンスについての設定を参考にしました。 CentOSで自宅サーバー構築 – CentOSで自宅サーバー構築 もう説明
Adobe - デベロッパーセンター : BlazeDSでつくる共有ホワイトボード
三上 喜之氏 フリーエンジニア。 現在持っているWebアプリ関連スキルをRIA方面へ伸ばすため日々奮闘中。 目次 はじめに デモアプリケーションについて デモアプリケーションの試し方 機能説明 環境構築 サーバ側設定 AIR版とFlex版のちがい AIR版クライアントをビルド（Flex 3 SDK） AIR版クライアントをビルド（Flex Builder 3） Flex版クライアントをビルド（Flex 3 SDK） Flex版クライアントをビルド（Flex Builder 3） クライアント接続監視プログラム 印刷用に表示 作成日:2008年５月15日 ユーザレベル:初心者, 中級 製品:Blaze DS はじめに 今年2月にBlazeDSの正式版が、Flex3やAIRとともにリリースされました。 この記事では、BlazeDSのメッセージングを使用するデモアプリケーションとして、複
ist-jo.in - ist jo リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Tters - 棲み分けしやすい匿名SNS
Ttersへようこそ！ 「Tters(ッターズ)」は、自分に合った〇〇ッターを作成し、フォローして自由につぶやける匿名SNSです。 匿名だからこそ、人間関係のストレスやプレッシャーとは無縁で、自分らしく自然体でありながら自己表現が可能な空間を提供しています。 初めての方は、当サービスの代表的なタイムライン「みんなのッター」にて、思いの丈をつぶやいてみてください。ユーザー登録は必要ありません。 まずは挨拶してみよう この表示は一度つぶやくと消えます。
How To Enable HTML5 In Chrome | Robots.net
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
インスピレーションの宝庫！Web制作会社のポートフォリオWebサイト35
2017年7月14日 Webデザイン, インスピレーション 先週末、ぼけーっと世界各国のWeb制作会社のWebサイトをひたすら眺めていました。デザイン・Web制作会社のWebサイトって細かいところまで気をきかせていたり、クスッと笑ってしまうような仕掛けがあったりして、見ていて飽きないんですよね。さらにそのサイトだけでなく、彼らの作る作品も素敵なものが揃っているという点もおもしろいです。そんなWeb制作会社のWebサイトと、その見どころを紹介します！ ↑私が10年以上利用している会計ソフト！ Web制作会社のサイトの特徴 Web制作会社のポートフォリオサイトを眺めていて、いくつか発見があったのでまとめてみます。 制作実績 多くの会社がjQueryなどを使って動きをつけて作品を紹介していました。また、以下の情報を載せているサイトが多かったです。 スクリーンショット クライアント名 制作したサイ
HTML5やcss3を使う際に見てるリファレンス的なサイトとか、使い勝手の良いツールとか - かちびと.net
あまりに情報量が多くて混乱してきたので 自分用にまとめ。リファレンスとか、ちゃんと 実践で使えるツールを自分なりに厳選して まとめておきます。どうも、あっちこっちで あれが便利とかこれが便利だとか言われる と訳が分からなくなるのでそろそろ絞らない とですね。 というわけでお遊びではなく実践に役立ってる基本的なリファレンスとか助けてくれるツールのメモなので目新しいものはありません。完全に自分用のまとめです。個人的には基礎用のサイトと、実践向けのツールやライブラリだけあればいいという感じです。 尚、css3/html5に関する情報だけを求めている&特に情報取得に急いでないならdotHTML5というサイト1つで事足りるかと思います。 ※W3Cは割愛でいいですよね チートシートとかリファレンスだけで基本的にはいい感じですかね・・ HTML5 タグリファレンス マークアップもままならないほど慣れてな
40個！ウェブ制作初心者がはじめに見るべき国内サイトまとめ:infographics note
August 23, 2011 40個！ウェブ制作初心者がはじめに見るべき国内サイトまとめ 昨日の『価格帯もひとめでわかる！ジャンル別厳選インテリアショップ25』に続き今日もハイボリュームです！ 最近制作について調べる際に、海外サイトなども見ていますが、 海外サイトって、まぁ頑張ればなんとなく読めるけど、スっと頭に入ってこないですよね。 というわけでウェブ制作に携わるヒトが、先に見ておきたい国内サイトをまとめてみました。 なんとその数４０本！ 正直とても疲れましたが、共有させていただきます。 本日の目次 まず長くなるので目次をごらんください。 ジャンル別にまとめてみました。 インスピレーションを刺激！ギャラリー系サイト（スマホもモバイルもあるよ） デザインをもっとうつくしく！デザイン情報・Tipsサイト 制作スキルを磨け！制作を学べるサイト トレンドをつかめ！ニュース系情報サイト 一部、ジ
The 9 Things Every Good Portfolio Page Needs
You’re probably losing out on clients just because your portfolio doesn’t give them all of the information they need. Based on what we’ve learned from running AwesomeWeb, this is what clients look for most. In the same way that a logo represents a brand, your portfolio represents your personal brand. If you get it right, you can have clients forever. Your Web Designer Toolbox Unlimited Downloads:
COVO【コーヴォ】 | 高級賃貸・デザイナーズマンション情報
木下 道郎／ワークショップ エスセナーリオ目白 #1001 山手線「目白駅」徒歩4分 48.56㎡ /1LDK 23.5万円
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
straightline bookmark | Web design bookmarking
WPデザインギャラリー
PaidEmployment.com is for sale | HugeDomains
Most Famous Photographers
http://www.top-pride.com/index.html
http://n1kumeet5.com/2011/08/googleanlytics/
I believe in changes