2013-11-25のJS: Grunt 0.4.2、IE6-11の互換性機能、AngularJSとEmber.js

JSer.info #150 - Grunt 0.4.2 がリリースされました。
grunt.fileやgrunt.utilから使えたlodashやasync等のライブラリが本体から外れてdepreacatedになったため、
自分でnpmでインストールして利用するように変更されています。
なのでTaskや設定等で利用している場合は書き換えないとそのうち動かなくなりそうです。

IEの持つ互換性機能の全て - DOCTYPEスイッチ/X-UA-Compatible/互換表示 - ふろしき.js - 実用的なWeb技術を発信という記事では、
IE6-11等にある互換モード(一部限定的ですが) について詳しくまとめられています。

相互運用性対策は「ブラウザ/デバイス検出」から「機能/動作検出」へ - ふろしき.js - 実用的なWeb技術を発信でも書かれているように、
特定の端末等に依存するようなもの以外はfeature detectでやっていくのが妥当な気もするので、互換モードでどうにかするのも難しいとは思います。

feature detectについてはModernizrを見ていく/利用するのがいいと思います。
Issues · Modernizr/Modernizrの方を見てるとどうやって判定するのかなどが色々議論されてたり、
:targetの話(実際にはもっとシンプルな方法になった)みたいにそんな方法あるのかーと思うようなアイデアも出てきたりするので見ていると面白いと思います。

ヘッドライン

TypeScript - Documentation
https://typescript.codeplex.com/wikipage?title=TypeScript%200.9.5%20beta

TypeScript ReleaseNote

TypeScript 0.9.5 betaリリース

TypeScript - TypeScript 0.9.5 Beta

Grunt 0.4.2 released - Grunt: The JavaScript Task Runner
http://gruntjs.com/blog/2013-11-21-grunt-0.4.2-released

Grunt ReleaseNote

Grunt 0.4.2リリース.
grunt.fileやgrunt.utilにあったライブラリのエイリアスが取り除かれて、外部モジュールを読み込んで使うのが推奨に

Brackets Sprint 34 Build – Brackets Blog
http://blog.brackets.io/2013/11/20/1240/

JavaScript editor IDE ReleaseNote

Brackets Sprint 34リリース。
File Systemがプラガブルになって、Dropbox等のサービス等と直接やり取り出来るようになった。
拡張機能管理画面が分かりやすく、画像にpixelガイドが表示されるようになる等。

アーティクル

SidekickJS - Javascript code quality tool
https://www.sidekickjs.com/

JavaScript webservice

コードの重複、メトリクス、JSHintのLint、Todoコメントのトラッキング等を行えるウェブサービス.
オープンソースの場合は無料で利用できる予定

IEの持つ互換性機能の全て - DOCTYPEスイッチ/X-UA-Compatible/互換表示 - ふろしき.js - 実用的なWeb技術を発信
http://furoshiki.hatenadiary.jp/entry/ie_documentmode

IE まとめ

IE6-11の互換モードについてまとめ.
DOCTYPEスイッチ、X-UA-Compatible、互換表示モードについてまとまってる

Internet ExplorerはIE特化アプリから一時的に日本を救ってくれたけど次回はもう助けてくれないよという警告

Backbone & jQuery meet Browserify: easy. | learn.js – a series fo guide books to building projects with javascript
http://learnjs.io/blog/2013/11/23/backbone-jquery-browserify/

node.js backbone.js

browserifyとbeefyを使ってnodeのスタイルでWebアプリ開発をする方法について。
beefyはbrowserifyのlive reload的な感じのことをやってくれるツール。

CSSでフォント・ファミリーのショートカットを作る - Weblog - Hail2u.net
http://hail2u.net/blog/coding/creating-css-font-family-shortcut.html

CSS font

@font-faceで、フォントをまとめたfont-familyの名前を定義する方法について

IE11 を使って JavaScript によるグローバル対応アプリケーションを開発する - IEBlog 日本語 - Site Home - MSDN Blogs
http://blogs.msdn.com/b/ie_ja/archive/2013/11/19/building-world-ready-applications-in-javascript-using-ie11.aspx

i18n JavaScript ECMAScript

IE11でサポートしてるECMA-402 のi18n APIについての翻訳
World Bank Dataで色々試せるようになってる。

スライド、動画関係

ng-embereño: Angular.js from the perspective of Ember.js - Google ドライブ
https://docs.google.com/presentation/d/1e0z1pT9JuEh8G5DOtib6XFDHK0GUFtrZrU3IfxJynaA/preview#slide=id.p

JavaScript AngularJS スライド

AngularJSとEmber.jsの違いについてのスライド。
それぞれが目指している位置の違い、AngularはHTML compiler、DOMの扱いの違い、テストのし易さについて等