JSer.info #152 - node.js向けのスタイルで書かれたものをブラウザで動くように変換してくれるツールであるbrowserify v3.0がリリースされました。
3.0ではbrowser-builtinsへの依存がなくなり、それぞれ個別のshimを使うようになってます。
node.js向けに書かれたものをブラウザで動くようにパッケージするという感じのイメージが強いですが、
最近ではbeefyのようなものもでてきて、browserifyを使って継続的にクライアントサイドを開発するというスタイルもみかけるような気がします。
browserify関係の記事は公式にまとまってるので、この機会に触ってみるといいかもしれません。
TypeScript 0.9.5 がリリースされました。
TypeScript and the Road to 1.0 - TypeScript - Site Home - MSDN Blogsで書かれているようにパフォーマンスの向上等がメインのようです。
power-doctest はdoctest風に
評価したい式; // => 期待する評価結果
と書くとそれをpower-assertを使ってテストとして実行できるツールです。
写経等、コードを確かめながら書いていく時に使うと便利な感じです。
- JavaScriptでdoctestを行う power-doctest を作った | Web scratch
- オブジェクト同士の比較と例外のテストをサポートしたpower-doctest 0.2.0リリース | Web scratch
browserify v3.0 changelog
http://substack.net/browserify_v3_0_changelog
browserify v3.0リリース。
Announcing TypeScript 0.9.5 - TypeScript - Site Home - MSDN Blogs
http://blogs.msdn.com/b/typescript/archive/2013/12/05/announcing-typescript-0-9-5.aspx
TypeScript 0.9.5リリース。
ビルドパフォーマンスの改善(50%ぐらい短くなった)、_references.tsというjs生成についての設定ファイルの追加
Release v0.2.2: 0.2.2 · twada/power-assert
https://github.com/twada/power-assert/releases/tag/v0.2.2
power-assert v0.2.2リリース.
assert.deepEqual等のassertionのサポート、bower サポート
power-assert を使う際に grunt 等でコード生成せずに実行時にその場で AST 変換するespower-loaderの追加
JavaScript 版 Power Assert ライブラリ power-assert 0.2.0 をリリースしました。このバージョンから 2 引数系のアサーションも power-assert 化の対象にできるようになりました。 https://t.co/U6LzWtwBsV
— Takuto Wada (@t_wada) December 5, 2013
task automation with npm run
http://substack.net/task_automation_with_npm_run
npm runを使ったタスクの自動化について
Warming Up To Grunt: Compiling Less and Browserify のコメント欄 とusing `npm run` to build and watch with less and browserifyも読むといいです。
Gruntは大体タスクが揃ってるので何でもできるけどやり過ぎは大変という話に通じる。
JavaScriptでdoctestを行う power-doctest を作った | Web scratch
http://efcl.info/2013/1201/res3494/
doctest的にコメントで書いた結果を比較しテストをするツール.
var ary = [1,2,3];
ary.join("-"); // => "1-2-3"
という感じで書くと、assert(ary.join(“-“) === ”1-2-3”) のようなpower-assertを使ったテストを動かせるツール
ブラウザ音響プログラミング言語 CoffeeCollider v0.1.0 リリース - 音の鳴るブログ
http://mohayonao.hatenablog.com/entry/2013/12/06/103028
processing.jsの音楽版のような感じで、CoffeeScriptを拡張して作られてる音響プログラミング言語
Testing in Browsers and Node with Mocha, Chai, Sinon, and Testem · Ken Powers
http://www.kenpowers.net/blog/testing-in-browsers-and-node/
Mocha + Chai + Sinon.js + Testemを使ったテスト構成について.
Sinonのmockやstubの紹介やブラウザとNodeのハイブリッドテストについて書かれてる
Fun with Esprima and Static Analysis
http://tobyho.com/2013/12/02/fun-with-esprima/
JavaScript ASTのTraversalのチュートリアル的な感じ。
ファイルを読み込んでパースしてestraverseでASTを見ていきながらASTについて学ぶ。
関数スコープ、変数宣言、グローバル変数の漏れ、スコープチェイン等について
Creating and maintaining your own Bower package
http://bob.yexley.net/creating-and-maintaining-your-own-bower-package/
Bowerを使ったパッケージの公開と継続してリリースするのにGrunt Bumpを使った方法について
3分で分かるAngularJSセキュリティ - teppeis blog
http://teppeis.hatenablog.com/entry/2013/12/angularjs-security
AngularJSのセキュリティについて.
CSRF、JSONハイジャック対策、CSPとngCspディレクティブ、$sceによるテンプレートのエスケープについて
VanillaJS refactoring by cburgmer · Pull Request #739 · tastejs/todomvc
https://github.com/tastejs/todomvc/pull/739
TodoMVCのVanillaJSが大幅にリファクタリングされた。
テストもちゃんと書かれてるので、どのようにリファクタリングしていったのかをコミット見ながら眺めると面白いかも。
ECMAScript 6: what’s next for JavaScript? // Speaker Deck
https://speakerdeck.com/rauschma/ecmascript-6-whats-next-for-javascript
ES6についてのスライド(Dr. Axel)
今日現在のES6の機能についてまとまってる。2014年12月にEcmaへの提出が予定されてる
http://esdiscuss.org/topic/es6-timeline
2013年のWebプラットフォーム - Google ドライブ
https://docs.google.com/presentation/d/1msQeS1xY_oMCLQMwceB_xSFv58TtFHOT4t0amArs_jg/edit?pli=1#slide=id.p
Extensible Webについてのスライド.
マクロな標準化とミクロな標準化.
Web Components、Promises、Service Workers(オフラインキャッシュ)
真面目なアニメーション (html5j 2013, Web Animations)
http://www.slideshare.net/brianskold/html5j-2013
CSS Animations/SVG Animationsだと難しかった部分や複雑な部分等のバランスを取って、抽象化したアニメーションモデルを定義したWeb Animationsについてのスライド.
動画等も入ってかなり分かりやすく解説されている。
AngularJS 日本語リファレンス | js STUDIO
http://js.studio-kingdom.com/angularjs
AngularJS日本語リファレンス
Node.app — Node.js for iOS
http://nodeapp.org/
JavaScriptCore.framework を使ってNode API互換の環境を使えるようにするのが目的のiOSアプリ
JSONファイルの管理をちょっとだけ楽にしてくれるgrunt-sync-versionを紹介するよ - Qiita [キータ]
http://qiita.com/1000ch/items/1fdabd68ec9895c766d7
package.jsonとかbower.jsonのバージョン番号を一括でアップデートするGruntタスク
Hyperglot · A Language Experimentation Platform
http://tmcnab.github.io/Hyperglot/
PEG.jsを使ったaltJS等の作成するnodewekit製エディタ.
Esprimaを使ったAST表現へのデコードや入力に対するプレビュー等が出来るアプリ
NeilFraser/JS-Interpreter
https://github.com/NeilFraser/JS-Interpreter
JavaScriptで実装したJavaScriptインタープリタ.
acornでJavaScriptをパースしたASTを解釈してる。
ステップ実行やサンドボックスとしてJSの実行等ができる
BBC-News/Imager.js
https://github.com/BBC-News/Imager.js
srcsetのようなレスポンシブな画像を使うような仕組みを提供するライブラリ.
プレースホルダーとなる要素を書いて、それに合わせた画像をlazy load出来るような仕組み
andismith/grunt-responsive-images
https://github.com/andismith/grunt-responsive-images/
imagemagickを使って、指定したサイズの画像を指定したルールの名前で作成してくれるGruntタスク
#buildfirst · bevacqua.io
http://bevacqua.io/buildfirst
"JavaScript Application Design"
ウェブアプリケーションを作るワークフローについての書籍.
サンプルやスニペット等が公開されてる