WebSockets revolutionized the web, turning clunky, slow real-time interactions into sleek, low-latency experiences, making them the go-to for dynamic, user-friendly applications.
WebSocketアプリの事例 ここまでこの連載を読んでくださった読者の皆さんは、すでにWebSocketをどう利用すればいいかの十分な知識を得たことと思います。世の中にはすでにWebSocketを用いた様々なアプリが出てきています。ここではその中のいくつかを紹介したいと思います。 ここで紹介する事例は、すべてオープンソースで、ソースコードはGitHub上にあります。試しに触れてみるだけでなく、実際にソースコードを読んでみるのも良い勉強になるでしょう。
We’re excited to announce that WebSocket functionality is now available on Heroku in public beta. We can’t wait to see the powerful and creative real-time apps you’ll build. In this post, we show how to get up and running with WebSockets and demonstrate the functionality with two sample apps you can get on GitHub. Editor's Note: WebSockets support is now Generally Available. The heroku labs:enable
RFC6455 - The WebSocket Protocol 日本語訳 この文書は、 IETF による, 2011 年 12 月付け発行 PROPOSED STANDARD RFC 6455 "The WebSocket Protocol" (HTML 版) を日本語に翻訳したものです。 この翻訳には翻訳上の誤りがあるかもしれませんし、正確性は保証されません。 この仕様の公式な文書は英語版であり、この日本語版は公式のものではありません。 最終更新日時点のこのページの URL : http://www.hcn.zaq.ne.jp/___/WEB/RFC6455-ja.html CSS や DOM の対応が古いブラウザでは、閲覧に不具合が生じたり, 一部の切替機能(ウィンドウ左下隅:原文表示=アクセスキー Z, 原語表示=アクセスキー X )が働かないかもしれません( HTML5 から導入
今回のネタはNodeとPlay比較ネタの第二弾です。 ちなみに第一弾はこちら だいぶ前に @sugyan さんのエントリーでSocket.IOがどれくらいリアルタイムなのかちょっと計ってみた - すぎゃーんメモというものがあったので、これの1クライアントで計測する簡易版を Play 2.0 で作成して、さくらインターネットの VPS 上で計測してみました。 測定方法 概要 クライアント側で現在日時を表すデータを作成し、サーバー側へ送信。 サーバー側ではそれをそのままJSON型のオブジェクトに格納しなおしてクライアントへ再送信。 クライアント側で受信した時の日時とサーバーからもらった日時を比較して、どれくらい遅延したのかを出す、 というやり方で測定しています。 実装内容 Application.scala package controllers import akka.actor._ imp
I built a live-coding web app for the Oculus Rift where you code in JavaScript using Three.js and watch the world change around you in real-time. It's quite a niche application since you need to have an Oculus Rift, be a JavaScript programmer *and* be sufficiently familiar with Three.js but, if you fit that criteria, it's a surprisingly engaging experience! If happen to have a Rift and you want
Big Data Pipeline and Analytics Platform Using NetflixOSS and Other Open Source Libraries Netflix collects over 100 billion events per day from over 1000 device types and 500 apps/services. They built a big data pipeline using open source tools like NetflixOSS, Hadoop, Druid, Elasticsearch, and RxJava to ingest, process, store, and query this data in real-time and perform tasks like intelligent al
ご挨拶 こんにちは、ロンドンのNew Bambooという会社でWebエンジニアとして働いている@makoto_inoueです。ここのところ、PusherというWebSocketのクラウドサービスの開発に関わっています。今回から3回に渡ってWebSocketに関する短期連載を担当させていただきます。 私を含めたNew Bambooの面々(我々は自分たちのことをBambinoと呼んでいます)がWebSocketになぜ興味を持ったかということからはじまり、実際にクラウドサービスを始めるまでにいたったストーリーをお話ししたいと思います。そのストーリーを通じて、WebSocketが切り開く「リアルタイムWeb」な世界への可能性や技術的課題を皆さんと共有できればと思っています。
近年、HTML5やJavaScriptを活用したWebアプリケーションが増えるのと同時に、今まではネイティブなアプリケーションが常識であったデスクトップアプリケーションにもHTML5の波がやってきました。 具体的な例としてはWindows 8で追加されたWindowsストア アプリでは、HTML5とJavaScriptを利用したアプリケーションの開発がサポートされています。 HTML5で開発できる領域は広がっていますが、切っても切れない関係なのがサーバとの通信です。そして、その通信を見ていくと、最近ではユーザが能動的に情報を取りに行くスタイルではなく、FacebookやTwitterに見られるようなサービス提供側から情報がリアルタイムで配信されるスタイルが増えつつあります。 図1 Facebookメッセンジャーの入力中表示 これらのリアルタイム通信はサーバとの接続を常時行っておく必要がある
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
September 10, 2019: Hi! We’ve updated this article and have a few more picks to share, which you’ll find here. Mind mapping is a great way to brainstorm, make a plan, or turn ideas into the steps needed to make it real. Thankfully, there are great tools out there to help you build mind maps, organize them, and save them for later. Here’s a look at five of the best, based on your nominations. Earli
仕事のスケジュールを立てるとき、大半の人は、その日、あるいはその週に終わらせなければならない仕事を基準にします。目の前の仕事の緊急性にとらわれ、長期的な目標が軽視されてしまうことも少なくありません。けれども皮肉なことに、長期的な目標を意識しないでいると、急を要するトラブルを解決する能力も損なわれてしまうのです。この種の過ちは、昔から繰り返されてきました。わずかな賃金のために将来性のない仕事に就き、所得の高い仕事を追求する力が奪われてしまった経験がある人もいるでしょう。しかし、「Harvard Business Review」(HBR)が指摘しているように、目の前のトラブルの解決を優先し、長期的に利益を生むようなプロジェクトの立案を疎かにすることは問題です。 組織やその指導者は、これまで以上に、2つのことを同時に行う必要に迫られています。1つは、トラブルの処理や、プロセスの改善によって、目の
エンジニアが仕事で使える英語のtipsをご紹介する本連載。 今回は、ロンドンで創業され現在までに世界20カ国以上に事務所を構えるグローバル金融サービス会社のシンガポール法人で働く渡邉氏に話を聞いた。 大学生になるまで海外との接点は皆無で、「高校生のころ最も苦手だった科目は英語だった」と話す渡邉氏が英語に目覚めた理由と、実践した学習法とは――。 某グローバル金融サービス会社 エンジニア 渡邉氏 2003年、神奈川県の高校を卒業後、オーストラリアに渡る。大学進学準備コースであるFoundation Courseを経て、Monash大学インフォメーションテクノロジー&システム学部に入学。卒業後、日本に帰国しIT企業に入社。3年在籍した後、グローバル金融サービス会社のシンガポール法人に転職。インド人、マレーシア人、シンガポール人で構成される国際色豊かなチームの一員として、提供するシステムの運用・メ
Help us understand the problem. What is going on with this article? 仕事で Golang を使ってウェブアプリを作ることになりそうなので、どんな構成がいいのか考えてみる。あくまで前提ありきの選択なので、何でもかんでも適用できるわけではない。 JS や静的ファイル部分は今のところ考慮していない。単によく知らないので。 突っ込み大歓迎です。これいいよ!とか教えてください 前提 多機能なフレームワークよりシンプルなフレームワークに色々組み合わせる方法をとりたい。 開発者は数名程度。Golang に精通している開発者が 1 名いる。残りはこれから。 開発者は Django での開発経験が豊富な人が多い 全員ウェブ開発経験はそれなりに積んでいる。 HTML と JSON 両方のパターンが存在するのでテンプレートエンジンは重要。 JS
日本を代表するプロダクトデザイナー吉岡徳仁による細部までこだわり抜いたプロダクトデザイン。 Firefox OSのオープンな精神をマテリアライズすることをコンセプトに、 創造力を掻き立てるメカニカルで透明なデザインが誕生しました。 透明なポリカーボネート越しに見える様々なパーツは、 その形、色、レイアウトに至るまで綿密に計算されています。 HTML5やJavascriptなど完全にオープンなWeb標準技術を使用して開発されているFirefox OS。 既に世界の多くの国でエントリーモデルを中心にFirefox OSを搭載したスマートフォンが多数登場しています。 そうした中、Fx0は世界初のハイエンドなFirefox OS搭載スマートフォンとして開発されました。 もちろん日本語環境に対応。オムロンソフトウェアと共同開発した 「iWnn IME for Firefox OS 」によりスムーズな
急成長企業にみる穴を見分ける嗅覚 簡単にいうとマーケティング能力とは、「市場の穴」を見つける鑑識眼のことだと僕は思っています。 たとえば、中古車販売というビジネスがあります。この20年間で急成長した企業があることは、テレビCMなどを見て皆さんもご存知でしょう。 20年前までの中古車販売のビジネスモデルは、車を中古車のオークション会場から仕入れて、お店で展示販売をするというものでした。しかし、このビジネスモデルだと、一定規模の土地と展示車数が必要で、常に在庫リスクと背中合わせでした。当然、人件費などの管理コストも相当かかっていました。 そこで、ある企業は、展示販売をやめるという選択をしました。お客さんから買い取った車を2週間だけ自社で保管して、その期間にお客さんに売る(お客さんはパソコン上の写真で車を選びます)。2週間たったらオークション会場で他の業者に売る。展示販売をやめ、自社で保管する期
こんにちは。 10月が始まりましたので、9月中に話題になったWebサービスやアプリを10個ほどご紹介します。 Holiday 「Holiday」は、休日の「お出かけプラン」投稿、共有サービスです。 「休日に何をしよう?どこにいこう?」という悩みを解決するサービスで、インターネット上の情報を参照し、雑誌の1ページのようなおでかけプランを作成することができます。 クックパッドの2014年度の新卒社員5人によって開発されました。サービスもそうですが、「.holiday」というドメインもイケてますね。 Ello Elloは、アンチ・フェイスブックと呼ばれる海外で話題の新興SNSです。 機能に応じた有料課金を収益源とするモデルを目指していて、Facebookのように利用者のデータ収集による広告は一切しないとうたっています。(2014年9月時点は招待制)。 2012年にクローズドなSNSとして始まった
AngularJS support has officially ended as of January 2022. See what ending support means and read the end of life announcement. Visit angular.io for the actively supported Angular. Why AngularJS? HTML is great for declaring static documents, but it falters when we try to use it for declaring dynamic views in web-applications. AngularJS lets you extend HTML vocabulary for your application. The resu
If you haven’t tried AngularJS yet, you’re missing out. The framework consists of a tightly integrated toolset that will help you build well structured, rich client-side applications in a modular fashion—with less code and more flexibility. One of the reasons I love working with AngularJS is because of its flexibility regarding server communication. Like most JavaScript MVC frameworks, it lets you
あと1カ月弱で新作アニメがどばっと始まる番組改編期です。この秋は、富野由悠季監督が久々に制作するガンダムのテレビシリーズ「ガンダム Gのレコンギスタ」や、凛ルートをテレビアニメ化する「Fate/stay night」、原作のアニメ化がいよいよ完結する「蟲師 続章」(後半1クール分)、週刊少年ジャンプから「ワールドトリガー」、週刊少年マガジンから「七つの大罪」、OVAとテレビアニメでがっつりアニメ化の「テラフォーマーズ」など、注目作品が目白押し。人気作品の続編「ガンダムビルドファイターズトライ」「ログ・ホライズン 第2シリーズ」や、従来とがらっとイメージの変わった「愛・天地無用!」、特撮ドラマからのアニメ化「牙狼〈GARO〉-炎の刻印-」、総勢100名以上というヒロインをどうするのか気になる「ガールフレンド(仮)」などなど、ジャンルは幅広く全部で45作品ほどあるので、レコーダーの容量を1カ月
2014年02月27日に書いた記事なため、内容が古くなっています。注意してください Atom とは GitHub 製テキストエディタ。Sublime のようにデフォルト状態でも十分使える、かつカスタマイズ可能。2014/02/27 現在では招待制。 公式サイト - atom.io 他のエディタと何が違うのか Chromium をベースにできており、エディタのどのページもローカルで Web ページがレンダリングされてる。 Node.js を使って各ウィンドウの JavaScript 環境で自由にコードを実行できる。使用されてる技術的に Web 開発者にとっては馴染みが深いエディタになると思われる。 (Chromium ベースなので Developer Tools が開ける (option-cmd-I)) Sublime かなり似てる。git gutter とか package control
git submodule 使い方 サブモジュールについて サブモジュールは外部のリポジトリをソースツリーのサブディレクトリに埋め込むために使用する。 リモートリポジトリとは異なる(リモートリポジトリはソースツリーに埋め込めない) 二つのプロジェクトのヒストリは完全に分かれている サブモジュールに対しては編集できない 外部リポジトリのヒストリを取り込みたい場合は、サブモジュールではなくsubtree merge strategy を使う メインリポジトリはサブモジュールのリポジトリのあるコミットを参照している サブモジュールを追加する <git://example.com/repo.git> を サブモジュールとして追加するには git submodule add git://example.com/repo.git git submodule add git://example.com/
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く