Fork me on GitHub

2014-03-10のJS: Sass 3.3、Orion 5.0.0、Speaking JavaScript

Edit on GitHub 編集履歴を見る

JSer.info #165 - Sass 3.3.0がリリースされました。

新しいデータタイプとして map のサポートやsourcemapのサポート、@at-root の追加等色々変更があります。

RCの段階で書かれたもののため多少違いがありますが、Sass 3.3で追加された「関数」や「変更点」のまとめ解説 | HTML5Experts.jpがよくまとまっています。

以下も一緒に見るといいかと思います。


ブラウザベースのIDEであるOrion 5.0.0がリリースされました。

UI的な見た目の変更やNode.jsライブラリのコード補完、ESLintを使ったJavaScriptのLintがデフォルトになったり、JSONのバリデーションやGerritのサポート、正規表現を使ったSyntax Highlightを簡単に追加出来る仕組みやGit、Diff周りの改善等IDEとしての機能も色々改善されています。


②ality – JavaScript and moreJavaScript WeeklyのEditor、ES6周りでも活発に活動してるDr. Axel によるJavaScript言語について書かれたSpeaking JavaScriptという書籍がリリースされました。

サンプルの目次を見るとJavaScriptの言語機能にかなり割いている感じがします。

JavaScript Enlightenment(開眼! JavaScript)と似たような感じがしますがEnlightenmentはES3ベースですが、Speaking JavaScriptはES5ベースでECMAScript i18n APIについても触れてたりするので、より先進的な内容も含んでるように見えます。

また 3月19日は無料でオンライン版を http://speakingjs.com/es5/ 公開される予定となってるので、取り組みとしても面白いものになるんじゃないかと思います。


ヘッドライン

SassReleaseNote

Sass 3.3 リリース。

key-valueな map のサポート、Soucemapのサポート、suffixの追加

JavaScripttestinglibrary

Sinon.JS 1.9.0リリース。

sinon.assert.match の追加、ProgressEvent/CustomEventのサポート、バグ修正等

GruntReleaseNote

Grunt 0.4.3 リリース。

grunt.util がdeprecatedな方針の一貫として grunt-legacy-util モジュールへと分離された。 (まだ内部的には grunt.util = require('grunt-legacy-util'); として存在してる)

PhoneGapReleaseNote

PhoneGap 3.4.0リリース。

Firefox OSをサポート

JavaScriptbrowserIDEReleaseNote

ブラウザベースのIDE Orion 5.0.0リリース。

ESLintがデフォルトになった(インラインのJSはJSHintと併用)

アーティクル

ECMAScriptJavaScriptサンプル

ES6で追加された機能、構文等について紹介してる。

それぞれのコード例もあり、大体の事がひと通り書かれている感じ

Sass

Sass 3.3.0RCからの & に関する変更点について

Sass

Sass3.3で導入されたmapのユースケースについて。

JavaScriptPromises

ディレクトリからファイル一覧を見るようなコードで、コールバックのネストをどのように解消するかについて。

モジュールでの分離、Async、Promises、Generator、それぞれのやり方と特徴について解説してる

browserifytestingwebserviceCI

Noeでコードを書いて、tapeでテストを書いたものを、testlingとbrowserifyを使ってブラウザでもテストを動かす方法について。

testling-ci で各ブラウザのテスト結果を得られる

JavaScript

bind のthisバインドと、部分適応を利用した書き方について。

第一引数のみ異なるイベントハンドラで無名関数なしでも同様な事が出来る例を紹介している

webperformanceTools

ウェブサイトのパフォーマンス関係のGrunt/gulp タスクについて。

画像の圧縮/最適化、SVGの最適化、WebP、CSSのminify、最適化、インライン化。

JS/HTMLのminify、単一ファイル化、AssetGraphについて等

JavaScriptECMAScript

ES7のObject.observeがV8でデフォルト有効へ。

オブジェクトの変更の監視の基本的な使い方、監視出来る対象、通知の種類、MutationObserverとの組み合わせについて等

JavaScriptGruntgulpTools

jsファイル等のパスをプロダクションとデバッグ時で切り替える3つの方法を3つのビルドツールで行う話。

置換/条件付きコメント/テンプレート を Grunt/gulp/Broccoli で行う。

スライド、動画関係

HTML5動画イベント

http://conference.html5biz.org/2014spring/ の動画が公開された

ソフトウェア、ツール、ライブラリ関係

node.jsPDFlibrary

Node.jsでPDFを生成するライブラリ

JavaScriptjQueryDOMcanvaslibrary

DOM/jQueryっぽいAPIでCanvasに描画出来るライブラリ

書籍関係

JavaScriptbook

Dr. AxelによるJavaScript言語についての書籍。

オンライン版も公開される予定

http://speakingjs.com/es5/

この記事へ修正リクエストをする
JSer.info Slackに参加する