HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
HTML5と「Tizen IVI」がキーワード、インテルが車載情報機器のデモに注力:ET2012(1/2 ページ) インテルは、ET2012で、同社のプロセッサ製品を用いた車載情報機器のデモを多数披露した。これらのデモでは、Linuxベースの車載情報機器向けプラットフォーム「Tizen IVI」や、HTML5ベースのWebアプリケーションが重要な役割を果たしている。 インテルは、「Embedded Technology 2012/組込み総合技術展(ET2012)」(2012年11月14~16日、パシフィコ横浜)において、同社のプロセッサ製品を中核に、Linuxベースの車載情報機器向けプラットフォーム「Tizen IVI」や、HTML5ベースのWebアプリケーションなどを用いて構築した車載情報機器のデモンストレーションを披露した。 カーナビとスマホがHTML5で連携 展示ブースの中央全面に押
前回公開したmarkdown-editorにも使っているnode-webkitについて、今回書きたいと思います。 node-webkitとは node-webkitはnode.jsにnpmで入れるようなプラグインではありません。 Node.jsの機能が組み込まれた、Chromiumベースのブラウザです。単なるブラウザとしても使えますが、Node.jsのコードやプラグインも利用できるのが特徴です。 例えば以下のようなコードをindex.htmlに書いた場合 index.html1 2 3 4 5 6 7 8 9 10 11 12 13 <html> <head> <script> var fs = require('fs'); fs.readdir("/usr", function (err, files) { if (err) throw err; for (var i in files)
Aug 11, 2010 最近、このブログが動いているサーバーの調子が悪くてよく落ちるので、落ち着かない感じの今日この頃です。さて、前回のインストール編に引き続いて、今回はnode.jsに標準搭載されているモジュールをいくつか使ったコードを書いて遊んでみたいと思います。 標準搭載されているモジュールを知るには、まずAPIを見てみるのが一番よいです。ここを見ればファイルの処理やHTTPやURL、DNSといった、いくつかの強力なモジュールの機能を知ることができます。なお、特定のモジュールを使う場合は、最初に必ずrequire()で特定のモジュールを呼び出す必要があります。 今回はまずsysモジュールから使ってみることにします。sysモジュールは標準的な出力機能を提供します。改行なしの文字列を出力するprintメソッドや、日付つきログを出力するlogメソッド、PerlのData::Dumperや
expressでクエリパラメータを取得して表示するところまでやったので、外部のAPIを叩いて、取得したデータを表示してみる。 APIはとりあえずatndのAPIにした。 https://github.com/chris4403/nodejs-sample/commit/d2172cac3d25d02f9df0d6e6e22726fdbd3088f1 app.js // atnd events api app.get('/events', function(req, res){ var http = require('http'); var options = { host : 'api.atnd.org', port : 80, path : '/events/?format=json', }; var result = {}; http.get(options, function(res
『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした人体の動きを、WebGLとしてブラウザ上で表現したデモが公開されていましたので、御報告致します。 kinect サイトを訪れると、青っぽいパーティクルの集合で表された動く人のシルエットが 表示されるかと思います。 この人体のシルエットこそ、『Xbox 360』用の人体コントローラー『キネクト』でキャプチャした 内容です。 ここまではっきりとキャプチャしてくれているんですね。 更に、そのキャプチャした内容を解析して、WebGLとして ここまでスムーズに表現出来るとは驚きです。 そのうちに、人体の動きをキャプチャしてブラウザを操作するなど、 ブラウザとのかかわり方の幅がとても広がっていく事でしょう。 このWebGLのデモでは、視点をマウスによって操作する事も可能です。 視点の操作は、寄りたい方向にマウスポインタをあわ
解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何? Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使
はじめに 初めまして。NTTアドバンステクノロジの金城と申します。幸運にも記事を執筆させていただけることになりました。WebSocketという新しいウェブの規格についての連載を、全4回の予定でお届けします。 用語統一について WebSocketは「WebSocket」「WebSockets」、単語を切り離した「Web Socket」等、表記に揺れがあります。2009年12月22日のワーキングドラフトのタイトルは「The Web Sockets API」となっていますが、2010年4月26日のエディターズドラフトでは「The WebSocket API」となっています。この連載では、最新の仕様書に則り、用語を「WebSocket」で統一します。 HTML5とWebSocketの関係 WebSocketは、もともとHTML5の一機能として仕様の策定が進められていました。しかし、Web S
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く