Fork me on GitHub

2013-11-11のJS: AngularJS 1.2.0、ブラウザ間を超えたRemoteDebug protocol

Edit on GitHub 編集履歴を見る

JSer.info #148 - AngularJS 1.2.0がリリースされました。
Animations and Transitions、エラーメッセージの改善、$sce のデフォルト有効、Promise A+への準拠、$routeProviderが本体から分離等の変更や機能追加等がされています。
1.2へのアップデートガイドは Migrating from 1.0 to 1.2 に公開されています。

 

ブラウザの開発者ツールにおけるRemote debugging protocolは、ChromeFirefoxではそれぞれ異なるプロトコルになっていて互換性がありません。
そこで、この状況を解決する事を目的にRemoteDebugというプロジェクトが立ち上げられました。

RemoteDebugでは、Chrome Remote debugging protocolをベースとして(選定理由としてはChromiumの一部であるためChromeやOperaで使える事、ドキュメントがよく書かれているため)、
このRemoteDebug protocolに対するブリッジの実装等を進め、ブラウザ間やエディタ等のツール間でコミュニケーションを取れるようにすることを目的としています。

最初の一歩としてFirefoxのRemote debugging ProtocolをRemoteDebug protocolにブリッジするremotedebug-firefox-bridgeが公開されています。
これを使うことで、Firefoxで表示しているウェブサイトをChrome Dev Toolsを使ってデバッグする等ができます。

このプロジェクトが始まる一因について書かれているOur web development workflow is completely broken. — Kenneth Auchenbergも一緒に見ておくといいです。

こうした、ブラウザ間でRemote debugging protocolの互換性が壊れてる問題は、Firebugの開発者がChromeチームに移動する時にも話にでてきて
予期されていた問題ですが、RemoteDebugのような動きは開発環境の更なる発展につながると思うので期待しています。
(必ずしもベンダーが足並みを揃えるのが正解という訳ではないですが、具体的な実装から解決に取り掛かるのはいい傾向だと思います)

console APIについてのデファクトスタンダードについてのプロジェクトconsole-objectも最近できたので、
こうしたブラウザ/JavaScriptのデバッグについて動きが活発化していると思います。

サイトに関する連絡

このサイトで紹介してるサイトのデータ等はazu/jser.infoに公開していますが、JSer.infoのアーカイブで閲覧出来るようにしました。
といっても、自分が記事を書くときにリストから選んでための編集ツールみたいな感じです…(あんまり使いやすくない…)

別にTumblrと同期してる訳ではありませんが、一応index.jsonとかにPull Requestとか送ってもらっても問題ないです。


ヘッドライン

AngularJS ReleaseNote

AngularJS 1.2.0リリース

ECMAScript document spec

ES6 Draft Rev 21リリース
module synxtaxについての記述がアップデートされた

google benchmark

GoogleのJavaScriptベンチマークOctane 2.0リリース

アーティクル

JavaScript Tools

JSHint 2.2/2.3の機能について。
Lintを無視するコメント、typeofのチェック、freezeを指定するdirective

firefox デバック Tools

Firefox 27の開発者ツールについて.
DOM eventでのbreak、カラーテーマの変更、CSS上に色の表示、画像のプレビュー、Codemirrorベースのエディタ、reflowのログ機能等が追加された

Firefoxの開発者ツールについての連載も訳され始めた

CSS performance

CSS アニメーションとGPUレイヤーについて。 opacity, translate, rotate, scaleはGPUによって処理させる事が出来る。 reflow/repaintの要因となるCSSプロパティのまとめ。

JavaScript MVC tutorial

Ember.jsについてのチュートリアル。
基本的な構造やEmber-Data、デバッグの方法などについて書かれてる

HTML5 JavaScript セキュリティ PDF 資料

広義のHTML5やWebWorkerやXHR Lv2などによって起こりえる脆弱性等の問題やXSSフィルターやCSP等についてまとめられた資料

HTML セキュリティ PDF

X-Frame-Optionsとクリックジャッキング、XSSについて

スライド、動画関係

YUI testing スライド

YUIのテストについてのスライド.
CI, Selenium, Sauce Labsを使ってSafari/iOSでのテスト.
100K以上あるテストをどうやって効率よく回すかについて

JavaScript ECMAScript スライド

ES5と比較したES6の新しい機能についてのスライド

サイト、サービス、ソフトウェア関係

JavaScript amazon

AWSのJavaScript向けSDKがリリースされた。
Amazon S3、SQS、SNS、DynamoDBが利用できる

ツール、ライブラリ関係

JavaScript library

FilesystemAPI、IndexedDB、 LocalStorage、WebSQLをそれぞれブリッジする実装があり、それを透過的に利用できるKey-value storeなライブラリ

JavaScript library

文字列のdiffを取るライブラリ

SVG animation

Snap.svgを使ったアニメーションSVGアイコン

JavaScript library

クレジトカードの入力フォームライブラリ

JavaScript document AST testing Tools

JavaScriptでdoctestやベンチマークのアノテーションを使えるツール。
またコメントからドキュメントも生成することが出来る

browser デバック Tools spec community

ブラウザの開発者ツール等でのremote debug protocolを共通の仕様(Chromeのをベースとしてる)を使えるようにして、色々なツールやブラウザ間でやり取り出来るようにするのを目的としてる。
ブリッジの実装としてFirefoxのものなどが公開されてる。

書籍関係

jQuery book

jQery Selectorについてのkindle book

web セキュリティ book

Cross-Origin Resource Sharingtについての書籍

HTML5 CSS book

HTML5 and CSS3 (2nd edition)

この記事へ修正リクエストをする
記事を紹介する