Django ChannelsでできるリアルタイムWeb - Qiita
はじめに この記事は、Django Advent Calendar 2016 17日目の記事です。 Django Channelsとは Django Channels — Channels 0.17.2 documentation Channels is a project to make Django able to handle more than just plain HTTP requests, including WebSockets and HTTP2, as well as the ability to run code after a response has been sent for things like thumbnailing or background calculation. Channelsは、DjangoがWebSocketやHTTP2などの単純なHTTP
Django Channels + Vue.js でWebSocketをつかってTrelloみたいなカンバンを作ってみた - Qiita
ChannelsとVue.jsの練習がてらカンバンを実装してみました。同内容は自身のはてブにも投稿しましたが、Channels自体の情報が少ないと思いますのでQiitaにも共有の意味で投稿します。 結構、カンバンのUIの記事はあるのですがサーバ側も含めての情報が少なく、WebSocketで同期も取れるようにしているので多少珍し目かもしれません。 注意 あくまでカンバンのように動く部分だけを実装していますので、本来必要になるであろうログインやユーザ管理等は含んでいません。またカードのコンテンツの編集等実装していません。くるくる動かして遊んでください。 とりあえず試す場合 リポジトリをクローンしたら、docker-compose upするだけで動きます。あとはブラウザからhttp://localhost:8000/kanban/1にアクセスすればカンバンが試せます。なお末尾のIDを変えれば新規
WebSocketのキホン
【第26回Elasticsearch勉強会】Logstashとともに振り返る、やっちまった事例ごった煮
WebSocketが一番速いアプリケーションサーバはどれだ？
WebSocketが一番速いアプリケーションサーバはどれだ？：Tomcat、Jetty、Socket.IO／Node.js性能比較（1/3 ページ） はじめに 2012年の10月にWindows 8が発売され、そこに搭載されたInternet Explorer（以下、IE） 10ではHTML5の機能が利用できるようになりました。また、2013年の2月にWindows 7版のIE 10もリリースされ多くのユーザーがHTML5の恩恵を受けられるようになりました。 HTML5の機能の多くは、Webブラウザ側で実装されれば、HTMLやCSSを適切に記述することで利用が可能です。しかし、今回取り上げるWebSocketはサーバ側でも機能の実装が必要です。このため、WebSocketを利用する場合はWebブラウザだけではなくサーバを選ぶ必要があります。 WebSocketそのものの技術的な解説は、以下
Google、ChromeのWebSocket体験ゲーム「Super Sync Sports」を公開
米Googleは2月27日（現地時間）、デスクトップ版とモバイル版のChromeを同期させ、モバイル端末をいわゆるセカンドスクリーンとして使いながら遊ぶWebゲーム「Super Sync Sports」を公開した。Chromeで採用している通信規格WebSocketのリアルタイム同期機能、HTML5のCanvasやAudio、CSS3のデモゲームとなっている。 Chrome 15以降をインストールしたPC、Macと、Android 4.0以降あるいはiOS 4.3以降を搭載するモバイル端末で遊べる。 ゲームはシンプルな「徒競走」「自転車レース」「競泳」の3種類で、いずれもPCとモバイル端末（AndroidあるいはiOS端末）のChromeを同期させて、モバイル端末上のコントローラー画面をフリックすることでキャラクターを動かす。4台までの端末を同期させ、グループで競争することも可能だ。 遊び
Socket.IO: the cross-browser WebSocket for realtime apps.
Socket.IOBidirectional and low-latency communication for every platform PerformantIn most cases, the connection will be established with WebSocket, providing a low-overhead communication channel between the server and the client. ReliableRest assured! In case the WebSocket connection is not possible, it will fall back to HTTP long-polling. And if the connection is lost, the client will automatical
HTML5やWebSockets対応が進むJavaの今後～JavaOne 2012基調講演まとめレポート
HTML5やWebSockets対応が進むJavaの今後～JavaOne 2012基調講演まとめレポート（1/2 ページ） HTML5やWebSockets対応が進むJava EE 7、シェアを伸ばすJava 7、そしてJava 8とOpenJDK、JavaFXの最新情報をお伝えする Java開発者の祭典、JavaOne Conference（以下、JavaOne）が今年も米国サンフランシスコで開催された。JavaOneはStrategy Keynote、Technical Keynote、Community Keynoteの3つの基調講演と数百に及ぶセッション、そして展示会からなり9月30日から10月4日まで開催された。ここ数年の恒例となっているが、Oracle Open World（以下、OOW）との同時開催で、Moscone Centerや主要なホテルの会場、さらに公園や道路を1週間
Node.jsに対抗？JavaScript/Ruby/Groovy/Javaなどをサポートする非同期フレームワーク「Vert.x 1.0」登場 | OSDN Magazine
5月9日、非同期型アプリケーションフレームワーク「Vert.x 1.0」がリリースされた。Node.jsと同じく非同期・イベント駆動型のアプリケーションフレームワークで、Webアプリケーションや大規模サーバーの開発に向けたもの。Java仮想マシン（JVM）で動作し、JavaScript、Ruby、Groovy、Javaといった言語での開発をサポートする。 Vert.xはJavaベースで作成されたアプリケーションフレームワーク。シンプルな並列モデルを持ち、スケーラビリティの高さなどが特徴だという。また、JavaScriptやRuby、Groovy、Javaといった言語を混在させて利用できるほか、今後Scala、Clojure、Pythonのサポートも計画しているという。プロジェクトは米VMwareの支援を受けている。 ノンブロッキング、イベント駆動型のフレームワークで、開発スタイルはNode
WebSockets vs. REST?
原文(投稿日：2012/02/26)へのリンク この数年、WebSocketの人気が高まり、利用可能になってきた。昨年末にはW3C勧告候補となり、標準化に向けてまた一歩前進した。OracleなどもJava Enterprise Editionの次バージョンに向けて、WebSocket関連 (JSR 356) の標準化を開始するようリクエストしたところだ。Chrome、Firefox、Safari、IEといったメジャーなブラウザはみな、すでにWebSocketのいずれかのリビジョンをサポートしており、最終的には標準化されたものを採用することになるだろう。近いうちに、WebSocketはWebになくてはならないものになりそうだ。しかし、WebSocketがWebのアーキテクチャスタイルであるRESTにどのようにフィットするのか、あるいはフィットするのか否か、確信が持てないでいる開発者もいる。N
JavaScriptグラフィックス
TOPICS Programming , Web , HTML/CSS , JavaScript 発行年月日 2012年03月 PRINT LENGTH 288 ISBN 978-4-87311-528-3 原書 Supercharged JavaScript Graphics FORMAT Webテクノロジーが進化したことによりJavaScriptグラフィックスを使ったリッチなWebアプリケーション開発が可能になりました。本書ではJavaScriptによる最新のグラフィックスプログラミングについて解説します。ゲームやDHTMLエフェクト、HTML5 Canvasなどの実例を通して、高性能なJavaScriptグラフィックスの実装方法を学びます。グラフィックスやアニメーションだけでなく、WebSocketを用いた通信、Google Chart Tools、スマートフォン向けのトピックまで幅
双方向通信を実現！ WebSocketを使いこなそう
（1）Ajax XmlHttpRequestオブジェクト（JavaScript）を利用した非同期通信処理のこと。Googleマップを筆頭とするWebアプリケーションで活用されている。ブラウザからサーバ側に非同期でリクエストを実施してデータを受け取り、JavaScriptにより部分的にページを更新することで、ページ全体を更新するよりも低負荷でサーバと通信できる。また、通信中も操作を継続できるので、エンド・ユーザーの操作を妨げられることもなく、ユーザビリティに優れる。デメリットとして、基本的にブラウザからのリクエストで動作する仕組みなので、サーバ側から自動でデータを送信することはない。
スマートフォン、タブレット向けサイトのデバッグに·Socketbug MOONGIFT
スマートフォンやタブレット向けのWebサイトを開発していて実機やエミュレータでテストしている際に面倒なのがデバッグ作業になります。そんなときに母艦とつないでJavaScriptのデバッグができるのがSocketbugです。 こちらはiPad向けの画面です。他にもiPhoneなどからもアクセスできます。 こちらは操作を行う管理画面です。HTML5、WebSocket対応のWebブラウザからアクセスする必要があります。 iPad側の画面でボタンを押すと管理画面側コンソールに出力されます。 管理画面側からiPad側の画面を変更する際にはJavaScriptコンソールを使います。jQueryが使えます。リモートのソースコード取得もできるらしいのですが、筆者環境ではうまくいきませんでした。 サーバです。node.jsで作られています。 Socketbugを使うと母艦側からiPhone/iPadで見て
MdN Design｜総合情報サイト
Node.jsのインストールと 下準備 Node.js のインストールは、UbuntusやMacを利用するのが簡単だ【4】。ちなみに今回はMacとパッケージ管理システムMacPortsを利用してインストールしている。MacPorts のインストールは、Web サイトからpkg 形式のインストーラが配布されているので参照して欲しい【5】。 Node.jsには開発を便利にするパッケ ージが多数配布されている。これらの一括管理には、パッケージ管理システムnpm(node package manager)【6】を使うとよい。npmはMacPortsではインストールできないため、curlを利用してインストールする。curlのインストールはMacPortsで可能だ【7】【8】。 Node.jsでWebSocketを利用したい場合、Socket.ioが便利だ【9】。Node.jsのパッケージとして配布さ
Android版Firefoxがバージョン7に - WebSocket APIを実装 | 携帯 | マイコミジャーナル
9月27日にAndroid版Firefoxのバージョン7.0の配信が始まった。Android Marketから入手できる。 Android版Firefoxはデスクトップ版と共通のレンダリングエンジンを搭載しており、デスクトップ版のFirefox 7のリリースに合わせてAndroid版もバージョンアップとなった。 バージョン7では、モバイル版でもWebSocket APIが利用可能になった。同APIはブラウザとサーバ間の非同期双方向通信を実現し、インスタントメッセンジャーやインタラクティブなHTM5ゲームなど応答性が求められるWebアプリの構築を容易にする。 ブラウジング機能の改善は2点。まずロケーションバー内だけではなく、Webページ内の文字列のコピー&貼り付けが可能になった。Webページ上でロングタップすると、文字列を選択するドラッグハンドルが現れる。またAndroidメニューに「終了」
これもまたHTML5の面白さ。WebブラウザでVNC·noVNC MOONGIFT
noVNCはHTML5/Canvas/WebSocketを利用したWebブラウザで使えるVNCクライアント。 noVNCはHTML5/Python製のオープンソース・ソフトウェア。複数台のPCを使いこなす時に、モニタまで台数分あると邪魔になってしまう。そこでよく使われているのがリモートコントロールだ。有名なものとしてはVNCが知られている。 外部からアクセス VNCクライアントは既に多数あるが、コンピュータに不慣れな人が簡単に使えるというのはあまり多くないように感じられる。そこで試してみたいのがWebブラウザから使えるVNCクライアント、noVNCだ。 noVNCはHTML5を使って作られているソフトウェアで、WebブラウザからWebSocketを使ってPython製のプロキシに接続し、そのプロキシがWebSocketとVNCプロトコルの橋渡しをするようになっている。VNCサーバによっては
そろそろnode.jsについて一言書いておくか | KRAY Inc
はじめに 毎年サーバーサイドJavaScriptが流行ると言ってるみなさんこんにちはダニーです。 ということで、node.jsをはじめてみました。 Twitter Streaming APIで取得したデーターをWebSocketで 接続したクライアントに出力するデモを作成したので紹介したいと思います。 今回のデモについて 今回作成したデモは node.jsのHttpClinetでTwtter Streaming APIでTwtterからデータを取得して、 node.jsのWebSocket Serverでそのデータを接続してきたWebSocket対応ブラウザに送信するということを やっています。 Twitter Streaming APIで取得できるようにする。 動かすのにhttp-basic-authが必要です。 npm install http-basic-auth streaming
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - denzow/channel-kanban: Django Channels をつかったカンバンを作ってみる
Atmosphere 1.0:Java/JavaScript用の非同期通信