HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版HTML5の基礎と応用 ~Open Web Platform~ WebSocket / WebRTC / Web Audio API / WebGL 第二版
WebSocketを使ってWebブラウザ間P2P通信をしてみた - いろいろな何か
はじめに ブラウザ間でP2P通信が実現できれば、ブラウザ上で動作するP2Pアプリが作れて面白そうだなーと思ったのでWebSocketを使って実現してみました。仕組みについては以下で説明していきますが、私が実現した方法は限定的で実用性が低く色々と足りない部分もあるので、軽い気持ちで読んで頂けるとありがたいですw 仕組みの概要 なぜWebSocketを使うのか 従来、Webサーバとクライアント(Webブラウザ)間で非同期に通信するにはXHR(XMLHttpRequest)を用いてきました。基本的にこのXHRは以下の図のように同一ドメインとしか通信できないという制約がありました。*1 しかし、WebSocketのthe Origin-based security modelでは異なるドメインとも通信することが可能になります。WebSocketプロトコルでは、サーバとクライアント間で接続を確立する
web.dev
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」がキーワード、インテルが車載情報機器のデモに注力
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で連携 展示ブースの中央全面に押
W3C Developer Meetup in Tokyo - June 2013
Developer Meetup - Tokyo 2013年6月8日, 17:30-22:00 六本木ヒルズ 森タワー 14階 W3C AC Meeting（W3Cの年次代表者会議）の日本開催を記念し、日本のWeb開発者とW3Cメンバーとの交流イベント「W3C デベロッパー・ミートアップ」を開催します！！ W3C AC Meetingが日本で開催されるのは実に7年ぶり、W3CメンバーやWeb標準のエキスパート達の講演を聞き、最先端のWeb技術について交流できるまたとない機会です。ミートアップ終了後には軽食や飲み物（無料）の懇親会をご用意しております。Webデザイナーやエンジニアのみなさんの参加をお待ちしております。 参加登録はこちらから。このイベントは無料でご参加いただけます。 本イベントはグリー株式会社さまによる会場提供と html5jさまによる運営全般へのサポート並びに飲食物・Give
ドラッグ＆ドロップ－HTML5のAPI、および、関連仕様
■ドラッグ＆ドロップとは ドラッグ＆ドロップとは、ウェブページ内の要素やローカル環境に保存されたファイルなどのデータを、 マウスで引きずるように移動させて他の場所に置く操作のことです。 HTML5以前にも、mousedownやmouseupなどのイベントで実現することはできましたが、 HTML5ではドラッグ＆ドロップ専用の新しいイベントや新しいメソッド・属性が追加されています。 ドラッグ＆ドロップを理解するには、ドラッグ操作とドロップ操作を分けて考えると理解しやすいでしょう。 ドラッグ操作は要素などのデータをマウスでつかんで引きずるように動かすこと、 ドロップ操作はその動かしたデータをドロップ先の要素内に配置することです。 ■HTML側では、ドラッグする要素にdraggable属性を指定する HTML側では、ドラッグする要素にdraggable属性を指定します。 draggable属性の値
お前の血は何色だ!! 4
おそらく、rsyslogは何かおかしい。 短時間に大量にログを書き込み続けると、CPU 100%になってシステムを巻き込んでクラッシュさせるような気がする。 これまで、3回ほど経験しました。 googleすると似たようなことを書いている人が何人かいる。 https://www.google.co.jp/search?q=rsyslog+bug+cpu もちろん、少数のログならば全く問題ない。 大量に書き込み続けなければこれも問題ない。 このバグを引き起こすには、大量のログを長期に渡って書き込み続ける必要があるようだ。 大量のログを書き込み続けると、CPU 100%になってシステムをクラッシュさせるloggerとはいったい・・・ これはloggerではなくただの時限爆弾だろう。 大量にログを出力するときは、rsyslogを使わないほうがいい。 rsyslogの設定でオフにしましょう。 そして
node-webkit - らくがき帳
前回公開した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)
「第36回 HTML5とか勉強会 ～2013年、Web開発の進化を探る」活動報告 | gihyo.jp
2013年2月18日、第36回のHTML5とか勉強会はサイバーエージェントさんに会場をお借りして開催しました。 今回は「2013年、Web開発の進化を探る」をテーマに、Web標準の進化、「オフライン・ファースト」というコンセプトによるアプリ開発の進化、HTML5の現状における使われ方とこれからの使い方について講演いただきました。 本稿では、HTML5とか勉強会スタッフの本間がその内容についてレポートします。 勧告候補になったHTML5.0の仕様についてと、HTML5.1の始まり はじめにW3C（World Wide Web Consortium）のMichael Smithさんより、HTML5.1で追加されるAPIの中からNavigationControllerとtemplateを中心に講演いただきました。 appcache オフラインWebアプリケーション用のAPIとしてHTML5.0
富士通テン、HTML5による車載機の試作機を開発 | レスポンス（Response.jp）
富士通テンは、次世代のWeb標準技術「HTML5」による次世代車載機を開発。その試作機を、2月25日から28日にスペインで開催される世界最大級の携帯電話関連展示会「Mobile World Congress 2013」に参考展示すると発表した。 現在、スマートフォンやタブレット、PCの世界で、HTML5によるWebアプリケーションの導入が進んでおり、車載機器業界でも適用が検討されている。こうした状況を背景に、富士通テンは、車載機器開発のノウハウを活かし、HTML5による車載機向けアプリケーションの試作開発を決定した。 同社が試作した次世代車載機では、車載カメラを利用したAR（拡張現実）ナビゲーションなど、車特有の周辺機器と連携したアプリケーションを実現。また、車載機と外部端末との通信が容易なため、オペレーターサービスなどの遠隔操作アプリケーションにも活用できるほか、スマートフォン機能（電話
NTT、HTML5コンテンツ分割・連携技術を開発……マルチデバイス連携を簡単に | RBB TODAY
日本電信電話（NTT）は8日、「HTML5」を用いて1つのコンテンツ情報（ワンソース）を複数の端末（デバイス）に合わせ、自動で分割および連携できるコンテンツ分割・連携技術を、同社のサービスエボリューション研究所が開発したことを発表した。 「HTML5コンテンツ分割・連携技術」は、複数のデバイスに搭載されたHTML5ブラウザとWebサーバの間で機能し、WebコンテンツをDOM（Document Object Model）による部分コンテンツ（映像画面、操作画面、情報画面など）に分割できる。またこの部分コンテンツは、ユーザーの利用シーンに合わせ複数のデバイスに自在に振り分け可能で、別々のデバイスに振り分けたコンテンツ同士を同期させることも可能となっている。 これにより、サービスを提供する事業者は、1つのコンテンツを用意するだけで、マルチデバイスを連携させるサービスに対応可能となる見込みだ。また
「HTML5とか勉強会」で登壇して来ました
昨日、第35回「HTML5とか勉強会」で、「Tizenの概要」と題して、15分程度しゃべってきました。 http://html5j.komasshu.info/ri35th.html 発表資料はこちら 15分程度しか話せなかったけど、少し補足（になってないけどｗ）してみます。 間違った情報を鵜呑みにしているという話 最後まで聞いてもらえればわかることなんだけど、Tizenには「大本営発表が無い！」ということ。最悪なのは、Tizen Association、Intel、Samsung、Linux Foundationの4つのグループからのバラバラなアナウンスになっているということ。 そういうことに気づかないで、どこからの発表なのかを知らないで、そのアナウンスを鵜呑みにしてしますという怖さ（ニュースリリースやインタビュー記事にしたニュースを読んだその道のプロたちあるいは、影響力なある人たち）
ソーシャルアプリのインフラはNode.jsが主役になるか～デブサミまとめレポート（ソーシャル＆インフラ編） - ＠IT
大人気ソーシャルアプリ「ドラコレ」のインフラ 最初に紹介するセッションは「大ヒットソーシャルアプリ「ドラゴンコレクション」の裏側 ～ 超高トラフィックを支えるアプリ・インフラの“明日から使えるテクニック”」。講演者は、コナミデジタルエンタテインメント ドラコレスタジオ マネージャー 廣田竜平氏だ。 「ドラゴンコレクション」（以下、ドラコレ）はコナミデジタルエンタテインメントが製作・運営しているソーシャルゲームである。同社の廣田氏による講演では、ドラコレを運用するインフラ技術について紹介された。 廣田氏によれば、ドラコレのHTTPリクエストはピーク時で1秒間に5けた台にのぼり、それを3けたの台数のサーバによって運用しているという。サーバ技術自体はCentOS＋Apache＋PHP＋MySQL（＋memcached）という一般的なLAMP環境であり、複数のソフトウェアロードバランサとDNSラウ
node.jsで遊ぶ: 標準モジュール編
Aug 11, 2010 最近、このブログが動いているサーバーの調子が悪くてよく落ちるので、落ち着かない感じの今日この頃です。さて、前回のインストール編に引き続いて、今回はnode.jsに標準搭載されているモジュールをいくつか使ったコードを書いて遊んでみたいと思います。 標準搭載されているモジュールを知るには、まずAPIを見てみるのが一番よいです。ここを見ればファイルの処理やHTTPやURL、DNSといった、いくつかの強力なモジュールの機能を知ることができます。なお、特定のモジュールを使う場合は、最初に必ずrequire()で特定のモジュールを呼び出す必要があります。 今回はまずsysモジュールから使ってみることにします。sysモジュールは標準的な出力機能を提供します。改行なしの文字列を出力するprintメソッドや、日付つきログを出力するlogメソッド、PerlのData::Dumperや
外部のAPIを叩いてみる - memo log
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
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
TechCrunch | Startup and Technology News
html5collect.net
【後藤弘茂のWeekly海外ニュース】 Xboxがスマートフォンやタブレットと連携する「SmartGlass」の実態
http://onlineconsultant.jp/pukiwiki/?node.js%20node.js%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E3%82%92forever%E3%81%A7%E3%83%87%E3%83%BC%E3%83%A2%E3%83%B3%E5%8C%96%E3%81%99%E3%82%8B
WebIntentsにより拓かれる次のWeb
