WebRTCWebRTCとか勉強会 株式会社ミクシィ あんどうやすし
HTML5で情報最適化／視覚化＆WebRTCで変わる未来～QCon Tokyo 2013レポート
ストラクチャファーストとしてのHTML5、ビジュアライゼーションに有効なHTML5と関連技術／ライブラリ8選、WebRTCの概要や3つのライブラリなど。 2013年4月23日、InfoQJapan主催のカンファレンス「QCon Tokyo 2013」が開催された。本稿では、その中からモバイル／HTMLカテゴリの3つのセッションの模様をダイジェストで紹介する。 HTML5と情報表現の最適化 WebRTCで変わるWebの未来 HTML5でできる多彩なビジュアライゼーション モバイル／HTMLカテゴリ以外のセッションについては、以下を参照してほしい。 fluentd、Hubot、DDD、Fab、JSLintに見る最先端の開発手法～QCon Tokyo 2013まとめレポート HTML5と情報表現の最適化 QCon Tokyo 2013の「HTML／モバイル」カテゴリ最初のセッションは、Webディ
Let's begin WebRTC
1. Let's begin WebRTC! 2013/03/22 Web先端技術味⾒見見部#18 Toru Yoshikawa (@yoshikawa_̲t) 2. Who? 吉川 徹 / Toru Yoshikawa @yoshikawa_̲t Google Developer Experts (Chrome) html5j.org/HTML5とか勉強会スタッフ ⽇日本jQuery Mobileユーザー会 管理理⼈人 Sublime Text 2 Japan Users Group 管理理⼈人 allWebクリエイター塾/jQuery Mobile担当講師 Blog: http://d.hatena.ne.jp/pikotea/ 4. Hello Chrome, itʼ’s Firefox calling! https://hacks.
多彩な表現力のWebGLを扱いやすくする「Three.js」
多彩な表現力のWebGLを扱いやすくする「Three.js」：Webグラフィックをハックする（5）（1/5 ページ） Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリだ。サンプルコードと見比べながら、効率良く学習しよう Three.jsの基礎 本連載も5回目を迎え、いよいよ佳境に入ります。今回の題材は、Webブラウザ上で3次元グラフィックを実現する「WebGL」です。ただし、これまでと違ってAPIを直接は触れず、「Three.js」を利用します。Three.jsはWebGLの冗長な仕様をうまくラップし、扱いやすいインターフェイスで提供するライブラリです。Mr.Doob氏を中心にオープンソースで開発が進められており、WebGL界隈ではデファクトスタンダードに近い地位を築いています。 Three.jp公式サイト WebGLはこれまで解説し
Google Chrome(Mac版) で WebRTC を使ってカメラに接続してみた
先日、WebRTC が Chrome の dev版で使えるようになったという記事がでていました。 WebRTC now available in the Chrome dev channel WebRTC という言葉自体が初耳だったので、どういうものなのかを調べてみた所、HTML5とJavaScriptでカメラやマイクが使って、リアルタイムなコミュニケーションが取れるらしいということがわかりました。 せっかく使えるのなら試してみようということで、Mac 版の Chrome で WebRTC を使って、カメラの映像をブラウザ上に表示してみました。 今回使用した Google Chrome のバージョンは「18.0.1010.0 dev」になります。 まずは、WebRTC を有効にするために、オプション(–enable-media-stream)を指定して Chrome を起動します。 オプシ
JavaScriptのスマホ対応時に知らないと損する16のコト
JavaScriptのスマホ対応時に知らないと損する16のコト：スマホ向けサイト制作で泣かないための秘伝ノウハウ（3）（1/3 ページ） スマートフォン向けWebサイト構築支援ツールを開発・販売するため、国内すべてのケータイ・スマートフォン・タブレットを所有している企業に勤める筆者が、サイト構築のハマリどころとも言えるノウハウを紹介する連載。今回は、スマホ向けサイトにおけるJavaScriptの4つの主な役割、実装上の3つの注意点、よく使われるOSSライブラリ4選、OS／機種依存事例5選などを紹介します こんにちは。KSK「フレックスファームビジネスユニット」の渡辺です。前回の「HTML5のスマホ対応の基礎知識とハマリどころ3選」では、HTML5に対する対応状況、代表的なHTMLタグに対する依存事例を紹介しました。 今回は、KSKの製品「x-fit（クロスフィット）の開発・販売や、実機での
canvas と Web 仕掛け絵本 | hiromasa.another :o)
明けましておめでとうございます。 🙂 昨年のご愛顧も込めまして、「WordPress デザインワークブック」共著のコモモさんこと高橋朋代さんと Web 仕掛け絵本のサイトをつくりました。とてもかわいい感じになりましたので、良ければ見てください！ バッタになりたい魔法使い – pararaehon.com PC/Mac はモダンブラウザ(IE8 以下はごめんなさいです）に対応しています。 モバイル系は iOS は 6 以降の Mobile Safari、Android は 4 以降の Chrome が良い感じで見れます。Android 2 の方は Firefox 17 を使うとゆっくりですが動作します。3G 回線の場合は、ちょっと読み込みに時間かかりますので、白くなったりしたらリロードしてみてください。キャッシュするときれいに動きます。 iPhone/iPad は 4S 以降(Apple
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム
Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム Facebookは今年、HTML5ベースで開発したモバイルアプリの動作速度や安定性で不評を買い、動作を改善したネイティブアプリケーションをあらためてリリースしました。ザッカーバーグ氏もこれを振り返って「HTML5に賭けたのは失敗」と発言しました。 しかし「Facebookのモバイルアプリ開発チームが抱えた問題の理由を、私たちは怪しいと思っている」（We had our suspicions about why Facebook's mobile application team had problems）とブログに書いたのは、HTML5ベースのモバイルアプリケーションフレームワーク「Sencha Touch」の開発チーム。
W3CがHTML5の仕様策定を完了、2014年の勧告公開に向けた最終フェーズへ移行
Web関連技術の標準化を進める非営利団体であるW3C（World Wide Web Consortium）は現地時間2012年12月17日、Web上のコンテンツをマークアップするための言語であるHTML（HyperText Markup Language）の最新バージョン「HTML5」および、Webページ上に2Dグラフィックスを描くための仕組みである「Canvas 2D」の仕様策定を完了したと発表した。 HTML5の最終的な標準化完了（勧告化）は、2014年の第4四半期（Q4）を予定しており、それまでの期間はWebブラウザー同士の実装の違いがもたらす「ブラウザーフラグメンテーション」を減らし、相互運用性などを高めるための実装およびテストフェーズ（「勧告候補」フェーズ）と位置付けられている。 具体的にW3Cでは、同フェーズにおいて、仕様策定が完了したHTML5をWebブラウザーが確実に実装し
5分で分かるHTML5
そろそろHTML5の本格普及時代が到来しそうな雰囲気。 HTML5って何が新しくて何が嬉しいのか、自分に関係あるのかないのかよく分からないという人も多いのではないでしょうか。 HTML5とはいったい何なのか、できるだけ簡単な説明をしてみます。 HTML5を一言で言うと 誤解をおそれずに一言で言うと、HTML5とは、JavaScriptライブラリの仕様です。 新しいタグが導入されたとか、タグの属性が大幅に増えたとか、いわゆるマークアップ言語としての進歩も、もちろんあります。 その中には、Web制作者にとって大きな意味を持つものもあります。 が、HTML5がこれだけ騒がれ、画期的だと言われている一番のポイントは、JavaScriptからグラフィックが描画できたり、リアルタイム通信がおこなえるという点です。 これまでFlashが必要だったり、メディアプレイヤーが必要だったり、ブラウザ依存だったり
そらのき. » HTML Media Capture
HTML5に関する記事は6月の初旬から全く書いていませんでしたので久しぶりの更新となります。さて、今回はHTML API として策定されている『HTML Media Capture』のことを書いてみたいと思います。 HTML Media Capture って？ 今回取り上げるHTML Media Captureって何でしょう。W3C Working Draftの文章にはこのように書かれています。 HTML Media Capture (W3C Working Draft 14 April 2011) This specification defines HTML form enhancements that provide access to the audio, image and video capture capabilities of the device. （音声、画像、ビデオ
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
WebSocketを見てみよう
本スライドは下記URIで公開しています: http://bit.ly/ws-kuruma http://kuruman.org/diary/2011/05/28/file/websocket_study_kuruma.pdf WebSocketを見てみよう @Kuruma # whoami • Kuruma – しがないOpera Browser使い – twitter.com/Kuruma – kuruman.org “WebSocketを見てみよう” (2011-05-28) 2 もくじ • 概要 • 実装状況 • はじめの一歩 – 大まかな決まり事と流れ “WebSocketを見てみよう” (2011-05-28) 3 概要 “WebSocketを見てみよう” (2011-05-28) 4 WebSocketとは draft-ietf-hybi-thewebsocketprotoco
Ruby & WebSockets: TCP for the Browser - igvita.com
By Ilya Grigorik on December 22, 2009 WebSockets are one of the most underappreciated innovations in HTML5. Unlike local storage, canvas, web workers, or even video playback, the benefits of the WebSocket API are not immediately apparent to the end user. In fact, over the course of the past decade we have invented a dozen technologies to solve the problem of asynchronous and bi-directional communi
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」:phpspot開発日誌
クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」 2012年08月24日- FileDrop ? cross-browser JavaScript Drag & Drop file upload ? Блог Прогера クロスブラウザでファイルのドラッグ＆ドロップ、Ajaxアップロードを可能にする「FileDrop」。 対応ブラウザであれば以下のブラウザでドラッグ＆ドロップによるファイルアップロードが可能になります。どのJSフレームワークにも依存せず単体で使えます。 IEではIFrameを利用した画面遷移なしのファイルアップロードが可能。 ファイルをドロップすると、各種イベントハンドラが起動されて、タイミングに応じた好きな処理を記述することも出来るみたい。 関連エントリ HTML5を使ったファイルアップロード用プログラム集 jQuer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2013/04/25/20130424tokbox-launches-new-cloud-based-webrtc-infrastructure-service-enables-multi-party-video-chats-sip-interop/
Wii U標準搭載のブラウザ、HTML5への対応度はIE10を超えていることが明らかに | インサイド
GitHub - gimite/web-socket-js: HTML5 Web Socket implementation powered by Flash
古いIEなどでもWebSocketを実現する「web-socket-js」
