WebRTCで良く使うツールとか - Qiita
Chromeでサポートしているツールの一覧は以下に載っています． 最新のChrome v39では使えないものもありますが，大体どんなツールか知るには役立ちます． Google Chromeの詳細情報を見る方法 HTTPヘッダー、通信状態など開発者向け情報 自分の環境で使えるツールはChromeで以下のコマンドを打つと出てきます． chrome://webrtc-internals/ Peerセッションのイベントや，シグナリングの経過，送受信中の統計データが確認できる． 対向のPeerとやりとりしている映像サイズ，FPSとかビットレートも見れる． スマートフォンはこの画面を見ていると，対向から送られてくる受信側のデータしか見れない． (恐らく，スマートフォン版Chromeはフォアグラウンドの画面しか処理しないため) SDPのOffer, Answerもセッションごとに見られるので便利です．
WebRTC の未来
この記事が良いと思ったらこの記事に Star をお願いします。 概要 仕事で WebRTC SFU を開発しているついでに、調べた最新の WebRTC 状況や未来についてまとめている。 うまく分けることができない話が多いため何度か同じ話をしているのでうまく読み飛ばしてもらえれば。 WebRTC の知識がある前提で書いている。 基本的なことを知りたい場合は WebRTC コトハジメ にまとめてあるのでそちらを参照してほしい。 WebRTC の詳細を知りたければ発表資料で恐縮だが 詳解 WebRTC をおすすめしておく。 質問や間違いの指摘について この記事へのコメントではなく @voluntas まで Twitter にてリプライを飛ばして欲しい。 用語 Safari TP Safari Techonlogy Preview SFU Selective Forwarding Unit 今後
WebRTCで録画する！MediaRecoderを使ってみよう
こんにちは！がねこまさしです。今回はWebRTCの録画機能を使って、ブラウザ(Firefox)で録画してみましょう。 Media Recorder API WebRTCでの録画機能はについては、MediaRecorder APIとしてこちらで検討が行われています。 MediaStream Recording Firefoxではすでに実装が始まっていますので、実際に使ってみることができます。 早速録画してみる まずはいつものようにgetUserMedia()で localStreamを取得します。それを使って録画するのは、このようになります。簡単ですね! var localStream; // getUserMedia()で取得したstreamをセットしておく var recorder = null; function startRecording() { recorder = new Me
ブラウザのPOSTリクエストは、リダイレクトさせるとGETに化ける？ ::ハブろぐ
POSTがGETになってる？ 前回のエントリーにもつながっている話ですが、ブラウザからフォームでPOSTされたものがリダイレクトされたときの挙動について。挙動が理解できると、化けるってのも失礼な表現なんですが。以下、化けた理由と、HTTP周りの実装の話をつらつらと。 普通のHTMLなフォームからPOST <form action="post_receiver" method="post" enctype="multipart/form-data"> <input type="file" name="imageFile" /> <input type="submit" value="画像をアップロードしてやんよ" /> </form> 上記のようなHTMLなフォームから、POSTした際にサーバー側でうまくPOSTデータを受け取れないことがありました。 echo $_SERVER['REQUE
ウェブ開発やデザインが超絶捗る開発者のためのウェブブラウザ「Firefox Developer Edition」が登場
無料で使えるオープンなウェブブラウザ「Firefox」が登場してから今年でちょうど10年になるそうですが、そんな節目の年に、Firefoxを開発しているMozillaがウェブ開発者目線で作成し、開発者やデザイナーにこそ使ってほしいというウェブブラウザ「Firefox Developer Edition」をリリースしました。 Firefox Developer Edition — Mozilla https://www.mozilla.org/ja/firefox/developer/ Firefox Developer Editionはウェブ開発者のために作られたブラウザで、作成・テスト・サイズの変更といった開発のワークフローで必要とされる機能をすべて持っているものです。さらに、専用のアドオンをインストールすれば、Firefox Developer Editionを操作するだけで他のブラウ
黒の朱肉ある？
新人の女の子に、 「黒の朱肉貸して」 と言ったら、 「赤の朱肉ならありますが、黒はインクしかないですね。」 と言った。 そんなこと、オーバー４０に言われたら殺意しかないが、可愛くて癒やされた。 しかし、なんで君はトイレ行くと5分帰ってこないんだ？ なんでトイレにそんなバッグ持って行くんだ？ なんでいつも俺の椅子の車輪でつまづくんだ？ なんで仕事もないのになんでお昼休憩入るの遅いんだ？ なんでスタートメニューにソリティアとフリーセルが入ってるんだ？ なんでお気に入りにアメーバピグが入ってるんだ？ なんでFirefoxがインストールされてるんだ？ なんで今こっち見てんだ？ 来月から昇給な。 追記 え、なんでこれが俺ってバレたんだ・・・ http://anond.hatelabo.jp/20140414125936
MMDモデルを3DCGでウェブ上に公開し閲覧者がアングルを動かしまくれるJavaScriptライブラリ「jThree」
MMD(MikuMikuDance)で作成したファイルをウェブページ上に表示し、閲覧者が視点を自由に操作できるようにするJavaScriptライブラリが「jThree」です。ページ上にモデルを表示させるにはWindows 7を搭載したPCでChrome・FireFox・Operaを使えばOK。また、Macの場合はOperaならば同様にページ上で動作させることが可能なようです。 3DCGコンテンツをjQueryスタイルで作るJavaScriptライブラリ - jThree http://www.jthree.jp/ 実際にウェブページ上でどんなことができるようになるのかは以下のムービーを見れば分かります。 「jThree」を使うとウェブページ上でこんなことができるようになる - YouTube jThreeのトップページにはデモページが3つ用意してあるので、今回は「千本桜 + カゲロウデイズ
「Webアプリエンジニア養成読本」とKodingでPHPを勉強する - uzullaがブログ
昨日エントリ( http://uzulla.hateblo.jp/entry/2014/03/08/050621 )を書いたKodingですが、詳しくは昨日のエントリを見ていただくとして、今度発売される「Webアプリエンジニア養成読本」をKodingで勉強するにはどうすればよいか書いてみます。 Webアプリエンジニア養成読本[しくみ、開発、環境構築・運用…全体像を最新知識で最初から! ] (Software Design plus) 作者:和田 裕介,石田 絢一 (uzulla),すがわら まさのり,斎藤 祐一郎技術評論社Amazon 結果として、Kodingをつかえば、ChromeやFirefoxがPCにはいっていれば、PCに何もインストールすることなくブラウザ一つで学習ができました。 このエントリに記載されていること ・Kodingのアカウント取得 ・画面の簡単な説明 ・PHPをちょっ
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. How to select files, read file metadata and content, and monitor read progress. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, uploading photos
Firefox OSがモテないのはどう考えてもお前らが悪い！
星影 月夜Engineering Manager, Software Developer at Tech Hunter, Unleashed Inc.
JavaScriptでUserAgentによるブラウザ判定「if.useragent.js」v0.9 | みやなび
カテゴリ：WEB技術, フリー（プログラム） タグ：CSS, JavaScript, スマートフォン 閲覧数： 25,197 views 公開日：2013年3月1日 最終更新日：2016年5月25日 昨今はクロスブラウザ対応が非常に多く求められますので、もうユーザーエージェントで条件分岐やっちゃおうかー と進めていたJavaScriptの動作が検証できました。 ダウンロード if.useragent.js v0.9 uaNameでブラウザタイプが、ios_verでiOSのバージョンが取れます。CSS側で制御する場合の例ですと、htmlにクラス付与したりがよくあるパターン。
次世代プラットフォームでのHTML5アプリ開発 Firefox OS/Ubuntu Touch
Visual Web Developer 2010 とExpression Web 4 で構築する HTML5 と JavaScriptOsamu Monoe
削除するコカイン挨拶する事前に相互接続用心深い機会平凡輸血ジレンマハドル
ホームページ グラフ渦交通渋滞ignする過半数耐えられる うがい薬アドバンテージ賞mart教湿地押す 追加する月曜日レバーいじめっ子ほかにフェード 意識的セント付き添い人ぐったり急襲エピソード 運営のぞき穴高価なさらに証明するヒロイン 戦士微弱自明すべきモールス信号プライム 債務同情的ドループぬいぐるみ平等不一致 挨拶するハグ石鹸ほとんどない出血プリーツ 金曜日スナック建築家またはどちらかピア精巧な 散逸アーティスト意識的まろやかな流暢祖母 交通渋滞ビジュアルピラミッドもっともらしい異なる病 抵抗マークダウン会うよりアウトドア白雪姫 おびえた戦士ロビーアイロニーストラトフォードオンエイボン手を差し伸べる 珍しい記者隣接するアラート時間同じ アナログ元気な類似性アンデス山脈お母さん南極 丘パウダー脚本家インターネット矢方法 貢献ソーダ水どれかオセアニア裕福な世界に死んだ フォーム中止しま
PLAY 「俺のサーバー屋さんがこんなに厨二病だけど修羅場したいはずがない」
ゲームで遊ぶ ゲームスタート ※ 急に音声が流れます。音量にご注意ください。 Firefox、Operaでは仕様によりBGMが途切れますので、Chromeを推奨します。 iOS端末、Android端末でもプレイ可能ですが、Wi-Fi環境を推奨します。 iOS端末はマナーモードでも音が出ますし、Safariを終了してもバックグラウンドで音が出続けます。 初回限定特典 JSNレンタルサーバー クーポンコード 初期設定費無料「090401ISMYWIFE」 独自ドメインプレゼント「CO130401JSNAPFA」 プラン変更時1ヶ月無料延長 + 独自ドメインプレゼント「CO130401JSNAPFB」 ※ JSNレンタルサーバー新規お申し込みフォームにて、2013年04月31日までご利用いただけます。 ※ 独自ドメインは .com .net. org .info の新規取得費が対象です。次年度か
asm.jsについてこれさえ知っておけば超絶ライフハックで明日から収入が三倍になって身長が伸びて血圧が下がって寿命が10年伸びて彼女が出来て合コンでモテて子供が神童と呼ばれ東大首席入学で末は博士か大臣かコースまっしぐらで老後も安泰で人類も平和になるだいたい10個くらいの何か - saneyuki_s log
色んなニュースで取り上げられているけど、結局肝心のところが捨て置かれたままに数字とかアプローチの是非が巷で語られてるので補足します。 asm.js の js とは何か JavaScript の言語コア部分、ECMAScript のこと。DOM は入ってない。Mozilla が JavaScript という単語を使う場合、 SpiderMonkey 上に実装された ECMAScript の Mozilla 方言 ECMAScript ECMAScript + DOM の3パターンが存在している。1と2の区別がつかないのは仕方が無いけど、2と3の区別がついてない人が多すぎるので敢えて書いた。 OdinMonkey SpiderMonkey の asm.js 実装のこと。IonMonkeyで構築された使ってAOTコンパイルする。非asm.jsなコードが OdinMonkey で速くなるわけではな
JavaScriptの実行速度を劇的に改善するasm.jsの特徴は、CやC++のような言語をJavaScriptのサブセットで記述すること
JavaScriptの実行速度を劇的に改善するasm.jsの特徴は、CやC++のような言語をJavaScriptのサブセットで記述すること 6月のリリース予定で現在開発が進んでいるFirefox 22では、JavaScriptのサブセット言語仕様であるasm.jsと、asm.jsに最適化したJavaScriptエンジンのOdionMonkeyが搭載予定とのことです。この両者の組み合わせは、JavaScriptを型つき言語として事前コンパイルすることで、いま以上に高速に実行できると期待されています。 asm.jsとは、jQueryのようなJavaScriptライブラリのようなものでも、Node.jsのようなフレームワーク実装のことでもなく、JavaScriptを基にしたサブセットの言語仕様です。 新しい言語を作るのではなく、既存のJavaScript文法をそのまま利用しつつ高速化を実現するa
asm.js:コンパイラのための低レベルかつ高度に最適化可能なJavaScriptのサブセット
JavaScriptのサブセットとして静的型付け言語を定義し、事前コンパイルを可能にすることでJavaScriptの実行速度を劇的に改善しようというasm.jsの概要を、1つ前の記事で調べました。 まだasm.jsの情報は少ないのですが、その中でも分かりやすくまとまった記事がDevon Govett氏のブログBADASS JAVASCRIPTのエントリ「asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers」です。 Govett氏に翻訳の許可を得たので、翻訳記事として掲載します。 asm.js: A Low Level, Highly Optimizable Subset of JavaScript for Compilers MozillaのDavid Herman、Luke Wagnerそして
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
てもぐ
FuelPHPでブラウザデバッグできるPackageを公開しました - Qiita
Google ChromeやFirefoxが一部サイトを「不正サイト」としてブロック 