jQueryのSortableとem-websocketを組み合わせてみた - nkmrshn’s diary
jQueryのSortableとem-websocketを組み合わせ、同じページをブラウザで閲覧中のユーザが、共同してリストの順番などを変更できないかRuby on Railsで試してみました。 また誰かが操作中は、警告アイコンを表示するようにしました。 ソース http://github.com/nkmrshn/share_sortable 用意 Gemfileにem-websocketを追加し、「bundle install」でインストールします。 gem 'em-websocket' gem 'jquery-rails'また、今回はprototype.jsではなくjQueryなので、jquery-railsも追加し、アプリの作成は「rails new APP_NAME -J」とprototype.jsを作らず、インストール後に rails generate jquery:instal
みずぴー日記
2023年は新しい可能性を求めてこれまでとは違ったお金の使い方を模索していた。 具体的にはPC関連機器以外の使い道を探していた。 Tier1 引越し 同じ場所に住むのも飽きたな、くらいの動機で引越ししたが、結果としてかなりよかった。通勤時間を変えたくなかったので地理的にはさほど変化はないが、それでもいくつかの変化があった。 部屋が広くなったので、物を置く余裕が増えた 1F -> 2Fに引っ越したので部屋が明るくなった気がする。*1 隣がスーパーだったので買い物が楽になった ソファーも買い替えた 想定よりも安く借りれたので、余った予算で掃除代行サービスも頼むようにした。知らない人が家入るのに抵抗があったが、慣れれば快適。「人が来るから部屋を片付けなきゃ」という意識が働くのも大きい。 ベッドメイクも完璧 🚚最近のアメリカ生活: 引越し - みずぴー日記 定期掃除サービス - みずぴー日記 ホ
rubyのgem「em-websocket」を使ったらいとも簡単にwebsocketを導入できた。
とても簡単です。 10分もかからずに試せるのでよかったらどうぞ。 一応githubにソースも置いてますので、興味があるかたはそちらも見てみて下さい。(❍ʻ◡ʻ❍) https://github.com/nihitok/Kantan-websocket 作るもの websocketで動くチャット 最初に、gemでem-websocketをインストールします。em-websocketの詳細はこちら。https://github.com/igrigorik/em-websocket $ gem install em-websocket 環境によっては依存するライブラリがなくて怒られたりするかもしれませんが、その場合はエラーメッセージでググッて見て下さい。 次に、適当なHTMLで「index.html」を作ります。 <html> <head> <script src='http://ajax.go
WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か
WebSocket の動作確認に wscat が便利すぎる件 - tricknotesのぼうけんのしょ
WebSocket を利用したアプリケーションを作る際に、動作確認が煩雑な場合があります。 サーバ側とクライアント側をどちらも実装する必要があって、「ちょっとこの部分だけ動かしてみたいなぁ」っていうときに、簡単に試す方法があると便利ですよね！ そんなときにおすすめなのが、 wscat です。 wscat は、コマンドラインで利用できる WebSocket のサーバ/クライアントで、ws に同梱されています。 ws とは、 Node.js 上で WebSocket を使うためのモジュールで、Socket.IO やengine.io の内部でも利用されている今注目のプロダクトです。 今回は、この wscat の使い方をご紹介します。 対象バージョン ws (0.4.7) インストール Node.js のモジュールなので、 npm でインストールするのが簡単です。 $ npm install -
プログラミング言語が好き？ ~WebSocketのデモ - hp12c
少し前にRubyでWebSocketする記事を書いたよ irbから学ぶRubyの並列処理 ~ forkからWebSocketまで - hp12c 折角WebSocketの概要を理解したんだから 簡単なデモを作ってみんなに見てもらいたいと思ったんだよ それで次のようなものが出来上がったよ Love Languages? 僕の独断で選んだ12の言語から 自分の好きな言語を選んで投票するデモだよ 円グラフはWebSocketによりリアルタイムで更新されるから 君が見ているときに誰かが投票していれば その様子がわかるようになっているよ 誰もそこにいなければiPhoneからでも投票して PCの画面を見てみれば変化がわかると思うよ デモでは好きな言語に好きなだけ投票できるから 言語の人気度は測れないけど その言語に対する熱愛度が測れるかもしれないよ このブログに辿り着く人はRuby好きが多いだろうから
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
websocketとイミュータブルインフラ、難しい話 - Togetterまとめ