WebRTCを仕組みから実装までやってみる - blog::wnotes.net
このエントリはFrontrend Advent Calendar 2013 23日目の記事です。 2014/03/16追記 WebRTC-DataChannelについてもエントリ書きました。↓からどうぞ。 WebRTC-DataChannel使ってみたよ WebRTCを仕組みの理解から実装まで Advent Calendarを書くということでなんか新しいことやったほうがいいかなーって思ってたので、今回はWebRTCを調べてみました。 調べながらだったので間違っている箇所もあるかもですが、専門家の方のツッコミあれば歓迎です。 先に作ったサンプルデモを触りたい方は以下のアドレスからどうぞ。 WebRTC Video Chat Sample ※接続名は同時にアクセスしている方全員から見えますのでご注意ください！接続依頼が来た際にはダイアログが出るようにしてますが、安易に応答すると知らない人とつな
Shumpei Shiraishi's Weblog: Web開発を革命する（かも知れない）Web Componentsという仕様について
2012年12月25日火曜日 Web開発を革命する（かも知れない）Web Componentsという仕様について Web Componentsは、現在のところ余りまとまった日本語の情報がないようですが、Web開発を大きく、本当に大きく変える可能性を持つテクノロジーです。 Web Componentsは、現在のWebが抱える大きな問題点を解決する手段としてW3Cで仕様が策定中です。仕様策定を主導しているのはGoogleで、現時点ではGoogle Chrome（WebKit）がWeb Components（の一部）を実装している唯一のブラウザです。 Google Japanのエンジニアも、Web Componentsの実装には深く関わっているとのことなので、そのうち日本語の情報も充実してくると思われますが、本エントリはそれまでのつなぎ、ということで書いてみたいと思います。 しかし、Web Co
GitHub - HumbleSoftware/Flotr2: Graphs and Charts for Canvas in JavaScript.
var // Container div: container = document.getElementById("flotr-example-graph"), // First data series: d1 = [[0, 3], [4, 8], [8, 5], [9, 13]], // Second data series: d2 = [], // A couple flotr configuration options: options = { xaxis: { minorTickFreq: 4 }, grid: { minorVerticalLines: true } }, i, graph; // Generated second data set: for (i = 0; i < 14; i += 0.5) { d2.push([i, Math.sin(i)]); } //
「第14回 HTML5とか勉強会」活動報告 | gihyo.jp
明けましておめでとうございます。HTML5とか勉強会スタッフの小松です。2011年最初の勉強会は、「ハンゲーム」の運営で有名なNHN Japan様の素敵なカフェテリアをお借りし開催しました。勉強会終了後、同会場で併せて懇親会も実施し、遅い時間まで同社のスタッフの方々には大変お世話になりました。厚く御礼申し上げます。 今回の勉強会では、セッション2本とLTを3本で、合計5本の講演をいただきました。セッションとしては、話題のスマートフォンアプリケーション開発フレームワーク「Titanium Mobile」と、Googleの話題のOSおよび昨年末に開始したマーケットプレース「Google Chrome OS/Web Store」について。LTは、HTML5関連のAPIの説明を2本と、HTML5のAPIを活用したWebアプリについてです。また、今回は冒頭で「第0回 HTML5プログラミング&クリ
Indexed Database API について
Indexed Database API（以下、indexedDB）について、これまで追いかけてきた情報をとりまとめたので公開します。 indexedDBは当初は仕様が固まっておらず、サンプルコードも当然のように動かなかったので（今も動きませんが…）、検証するにはかなりハードな状況でした。最近になってどうにか動くようになってきたので、@komasshu さんと色々やり取りしながら一通りの動作を確認しました。 現時点で利用できるブラウザは Chrome 9 以降 または Firefox 4 beta 8 以降となります。まだまだ仕様は動いていますので、検証の際は、なるべく最新の開発版を使うことをおすすめします。本エントリーでは、Chrome 9 beta 、Firefox 4 beta 8 にて検証します。また、資料は、2011年1月20日時点の W3C Editor's Draft を参照
HTML5Labs - Microsoft
Welcome to HTML5 Labs The HTML5 Labs site is the place where Microsoft prototypes early and unstable web standard specifications from standards bodies such as the W3C. Sharing these prototypes helps us have informed discussions with developer communities, and contributes to a better implementation experience with draft specifications. To find out more about the thinking behind this new HTML5 Labs
「第13回 HTML5とか勉強会」活動報告 | gihyo.jp
2010年も早いもので12月。今年最後のHTML5とか勉強会は、ソフトバンク様のカフェテリアを提供いただき開催しました。本稿では、今回の勉強会のレポートをお届けします。 会場となったカフェテリアは、本当にスゴイの一言でした。カフェテリアというより、ラウンジという表現のほうがぴったりで、綺麗で広く、高層フロアのため汐留からの夜景も最高でした！ 今年の最後を飾るに、これ以上はないといった雰囲気でした。また、ソフトバンク様には、場所だけでなくUstream用の機材や、おつまみ・ドリンクまで提供いただきました。厚く御礼を申し上げます。 ビールなどの飲食を楽しみつつ、リラックスした雰囲気の中、iPhone/iPad関連のセッションが2本とFile APIのセッションが1本、さらにWebSocket関連のLTを含め、合計4本の講演をいただきました。 「ニコニコ動画でのHTML5」 トップバッターは、ド
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏
「HTML5は優先順位を間違った。もういちどセキュリティの設計からやり直すべきだ」と語るJavaScript大家のDouglas Crockford氏 「HTML5の最大の問題は、優先順位を間違ったことだ。機能について議論する前に、セキュリティの扱いについて検討すべきだった」こう語るのは、JSONの発明者として知られ、Yahoo!のシニアJavaScriptアーキテクトでもあるDouglas Crockford氏。5月4日に行われたオライリーのWeb2.0 Expo 2010でのインタビューでのことです。 「もうそれを議論するには遅すぎるという人もいるが、そうは思わない。正しいことをするのに遅すぎることはないのだから」（Crockford氏） Crockford氏はHTML5は機能が重複しすぎていることも指摘しています。「Local StorageとLocal Databaseの両方が本当
「第10回 HTML5とか勉強会」活動報告 | gihyo.jp
毎月第3水曜日に開催している「HTML5とか勉強会」。その記念すべき第10回を9月15日に開催しました。本稿では、その模様をUstreamでのアーカイブ含め報告します。 今回は、最近注目を集めているスマートフォンでのWebアプリケーション開発に関する各種フレームワーク（JQTouchやSencha Touchなど）について、講演いただきました。これらのフレームワークは、HTML5およびCSS3などの最新Web技術を活用しており、ネイティブアプリケーションと見間違えるようなユーザーエクスペリエンスをWebアプリケーションで提供することが可能です。また、現状スマートフォンにおいてデファクトとなっているiPhoneやAndroidで動作することから、商用環境でも使いやすいことが特徴になっています。 勉強会の開催場所は、前回と同じくGoogleの日本オフィスを提供いただきました。 「第10回記
Modernizr: the feature detection library for HTML5/CSS3
MENURespond to your user’s browser features.Modernizr tells you what HTML, CSS and JavaScript features the user’s browser has to offer.Add your detects Development build What is Modernizr?It’s a collection of superfast tests – or “detects” as we like to call them – which run as your web page loads, then you can use the results to tailor the experience to the user. Why do I need it?All web develope
t32k.com - このウェブサイトは販売用です！ - t32k リソースおよび情報
このウェブサイトは販売用です！ t32k.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、t32k.comが全てとなります。あなたがお探しの内容が見つかることを願っています！
Extending HTML5 — Microdata | HTML5 Doctor
For those who like (to argue about) semantics, HTML5 is fantastic. Old presentational elements now have new semantic meanings, there’s a slew of new semantic elements for us to argue about, and we've even in<cite>d a riot or two. But that's not all! Also in HTML5 is microdata, a new lightweight semantic meta-syntax. Using attributes, we can define nestable groups of name-value pairs of data, calle
コンテントモデル - HTML5タグリファレンス - HTML5.JP
W3C HTML5 仕様の2014 年 10 月 28 日版の勧告 の「3.2.4 コンテントモデル (Content models)」を和訳したものです。 正確性を求める場合は、原文を参照してください。また、もし本サイトのリファレンスが、最新の仕様と異なる部分がありましたら、ご指摘頂けると幸いです。 3.2.4 コンテントモデル 本仕様で定義されている要素はそれぞれ、コンテントモデルを持ちます。それは、要素の期待されるコンテンツを説明するものです。HTML 要素は、その要素のコンテントモデルで説明されている要件に一致するコンテンツを持たなければいけません。要素のコンテンツとは、DOM における子のことです。ただし、template 要素は除きます。この要素の子は、テンプレートコンテンツの中の子となります（この要素が生成されたときに割り当てられた独立 DocumentFragment）。
HTML5 for Web Apps, in depth and cross-browser
HTML5 for Web Apps, in depth and cross-browser Paul Irish Google Chrome, Developer Programs Engineer Web Directions East, Tokyo November 15th wde2010-pi.appspot.com In order to view this presentation accurately, you'll want to use Chrome Dev Channel or a nightly Chromium. For the demos you'll need a combination of Chromium or Chrome Dev Channel. You can navigate with → and use ↓ on bullets. Web
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5と WebSocket / WebRTC / Web Audio API / WebGL 技術解説
three.js - JavaScript 3D library
Game Of Bombs
HTML5 Security Cheatsheet
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
Safari on iPhone & iPad 4.2: Accelerometer, WebSockets & better HTML5 support | Breaking the Mobile Web