JSer.info
世界中のJavaScriptについての情報を紹介するサイトです。
-
2013-05-20のJS: Web Components、Firefox 21.0、Regular Expression Enlightenment
JSer.info #123 - PolymerというWeb Componentsのpolyfill(platform.js)上に構築されてるUIフレームワークが公開されたことや、X-Tagが公開されたこともあり Web Componentsに関する話題が多いです。
Web ComponentsについてはPolymer と Web Components - steps to phantasienがわかりやすいです。
JavaScriptと正規表現について書かれたJavaScript Regular Expression Enlightenmentが公開されています。
jsfiddleを使った見やすいサンプルも書かれていてわかりやすい内容になっています。
同じくCody Lindley氏によるJavaScript Enlightenmentの翻訳本っぽい開眼！JavaScript－ 言語仕様から学ぶJavaScriptの本質｜Ohmshaも発売予定みたいです。(JavaScript Enlightenment自体はPDF版が無料で公開されています)ヘッドラインWelcome - Polymer
http://polymer-project.appspot.com/
WebComponents JavaScript libraryWeb ComponentsのPolyfill上(platform.js)に構築されたUIフレームワークで、Web Componentsの仕様策定や実装を促進する目的をもってオープンソースとして公開されてる
Firefox 21.0 リリースノート
http://www.mozilla.jp/firefox/21.0/releasenotes/firefox ReleaseNoteFirefox 21.0リリース
Firefox 21 個人的まとめ - hogehoge @teramako
http://d.hatena.ne.jp/teramako/20130514/p1firefoxFirefox 21の機能追加、変更のまとめ
window.location.origin、parseIntが0から始まる文字列を10進数として解釈するようになったNode v0.10.7 (Stable)
http://blog.nodejs.org/2013/05/17/node-v0-10-7-stable/node.js ReleaseNoteNode v0.10.7 リリース
YUI 3.10.1 Released to Fix SWF Vulnerability - YUI Blog
http://www.yuiblog.com/blog/2013/05/14/yui-3-10-1-released-to-fix-swf-vulnerability/JavaScript library ReleaseNoteYUI 3.10.1 リリース.
SWF Vulnerabilityの修正Getfirebug Blog » Blog Archive » Firebug 1.12 alpha 6
https://blog.getfirebug.com/2013/05/17/firebug-1-12-alpha-6/Firebug ReleaseNoteFirebug 1.12 alpha 6リリース。
DOMパネルで選択したオブジェクトを$pでアクセスできるようにする機能、%f の追加A new ES6 spec. draft has been posted
https://mail.mozilla.org/pipermail/es-discuss/2013-May/030731.htmlECMA ReleaseNoteES6 Spec rev15 draft アップデート
enchant.js v0.7.0 をリリースしました | enchant.js - A simple JavaScript framework for creating games and apps.
http://enchantjs.com/ja/2013/05/enchant-js-v0-7-0-%E3%82%92%E3%83%AA%E3%83%AA%E3%83%BC%E3%82%B9%E3%81%97%E3%81%BE%E3%81%97%E3%81%9F/JavaScript ReleaseNote libraryenchant.js v0.7.0リリース
アーティクルPolymer と Web Components - steps to phantasien
http://steps.dodgson.org/b/2013/05/19/polymer-and-web-components/WebComponentsCustom Elements, HTML Imports, HTML Templates, Shadow DOMからなるWeb Componentsというものについての解説とPolymerについて。
Web Components普及の夜明け！？Polymerを試してみた。 | OpenWeb
http://openweb.co.jp/2013/05/17/web-components%e6%99%ae%e5%8f%8a%e3%81%ae%e5%a4%9c%e6%98%8e%e3%81%91%ef%bc%81%ef%bc%9fpolymer%e3%82%92%e8%a9%a6%e3%81%97%e3%81%a6%e3%81%bf%e3%81%9f%e3%80%82/WebComponents libraryWebComponentsのPolyfill上に構築されたUIフレームワークであるPolymer.jsについて
HTML5 Boilerplateの開発者でGoogleのエンジニア、ポール・アイリッシュに聞くCSS高速化テクニック - builder
http://builder.japan.zdnet.com/html-css/35032198/css performanceCSSの高速化でボトルネックとなる点について。
CSSセレクタは十分高速で、他に注意する場所についてSpeed Up App Development with X-Tag and Web Components ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/05/speed-up-app-development-with-x-tag-and-web-components/WebAPIX-Tag と Web Components について
JavaScript Regular Expression Enlightenment - Tech.Pro
http://tech.pro/tutorial/1214/javascript-regular-expression-enlightenmentJavaScript 正規表現Enlightenmentシリーズ。
JavaScriptと正規表現についてのわかりやすい解説。見た目もわかりやすい動かせるサンプルが用意されてるFunctional JavaScript
https://gist.github.com/ympbyc/5564146JavaScript 関数型言語JavaScriptと関数指向について。
関数型として書く場合のBad Parts、高階関数とUnderscore.jsEvergreen Web Browser: a web browser that automatically updates itself | Yeti
http://www.yetihq.com/blog/evergreen-web-browser/browser“Evergreen Web Browser” という概念について。自分自身を自動アップデートできる仕組みを持ってるブラウザのことを示す
FirefoxのJavascript プロファイラを使ってみよう - smellman’s Broken Diary
http://smellman.hatenablog.com/entry/2013/05/16/012020firefox デバック JavaScriptFirefox 20から入った開発ツールのプロファイラについて。
21.0からはリモートプロファイリングがサポートされたWeb Audio API 解説 - 01.前説 | g200kg Music & Software
http://www.g200kg.com/jp/docs/webaudio/WebAPI soundWeb Audio API 入門解説
Web Audio API で Sound Font を使った標準 MIDI ファイルの再生 : document
http://blog.livedoor.jp/imaya_js/archives/6531520.htmlJavaScript soundWeb Audio APIでSound Fontを使ったSMFを鳴らすデモ
スライド、動画関係サイト、サービス、ソフトウェア関係AngularJS Cheat Sheet by ProLoser - Cheatography.com
http://www.cheatography.com/proloser/cheat-sheets/angularjs/AngularJS チートシートAngularJSチートシート
adobe-research/theseus · GitHub
https://github.com/adobe-research/theseusnode.js JavaScript デバック BracketsNode.jsとJavaScript(Chrome連携)のデバッグができるBracketsプラグイン。
コードカバレッジ的にCallの可視化やconsole.logを仕込んでログを出すような仕組みをコードをいじらずにできたり、コールスタックをより見やすい表現にした感じのデバッグツールツール、ライブラリ関係Bourbon - A Sass Mixin Library
http://bourbon.io/Sass librarySassのmixinライブラリ。
ベンダープリフィックスとかクロスブラウザの対応などがまとまってるebobby/tracing.js · GitHub
https://github.com/ebobby/tracing.jsJavaScript デバック libraryJavaScriptの関数に対してbefore/afterに動作を仕込んだり、traceで呼び出しのログを履けるようにするライブラリ
maryrosecook/coquette · GitHub
https://github.com/maryrosecook/coquetteJavaScript canvas game libraryCanvasゲーム向けの小さなフレームワーク。
stateに対する描画を簡単に書ける感じ書籍関係Bootstrap - O’Reilly Media
http://shop.oreilly.com/product/0636920027867.doHTML css book(Twitter)Bootstrapについての書籍
Amazon: Head First JavaScript Programming [Paperback]: Eric T. Freeman, Elisabeth Robson
http://www.amazon.com/o/ASIN/144934013X/book042-22/ref=nosimJavaScript book2013年11月22日発売
Head First シリーズ開眼！JavaScript－ 言語仕様から学ぶJavaScriptの本質｜Ohmsha
http://ssl.ohmsha.co.jp/cgi-bin/menu.cgi?ISBN=978-4-87311-621-1JavaScript book2013年6月発売
JavaScript Enlightenmentの翻訳本
http://www.javascriptenlightenment.com/今週の1枚
-
2013-05-13のJS: JSHint 2.0.0、JSDoc 3移行ガイド、ES6 generator
JSer.info #122 - JSHint 2.0.0リリース。
JSHint 1.0.0がでたのも今年ですが、ES5をデフォルトに変更、ES.nextの内容のサポート等かなり積極的に機能を追加していると思います。
またJSHint 自体もrapid releaseを取り入れてアップデートしていくようです。JSDoc Toolkit→JSDoc 3移行ガイド - Technology of DeNAでは、JSDoc 2とJSDoc3の相違点などがまとめられています。
Use JSDoc: Indexのドキュメントに大体が載っています。
WebStorm等のエディタもJSDocをサポートしているもが増えているので補完にも優位に働くと思います。引数に渡すオブジェクトのプロパティの定義について載ってない気がするのはJSDoc標準ではないのかな。
ヘッドラインJSHint - JSHint 2.0.0 is out
http://jshint.com/blog/2013-05-07/2-0-0/JavaScript Tools デバックJSHint 2.0.0リリース.
後方互換性がない部分も含まれる。
ES5 modeがデフォルトに(オプションでES3モードがある)、ES6のものも一部サポート、コメントで挟んだ部分を警告対象から外すpragmaの追加等jQuery 1.10 Beta 1 Released | Official jQuery Blog
http://blog.jquery.com/2013/05/09/jquery-1-10-beta-1-released/jQuery ReleaseNotejQuery 1.10 Beta 1 リリース。
jQuery Migrate 1.2.1 Released | Official jQuery Blog
http://blog.jquery.com/2013/05/08/jquery-migrate-1-2-1-released/jQuery plugin ReleaseNotejQuery Migrate 1.2.1リリース。
1.2.0のsecurity fixで発生したリグレッションの修正Dojo 1.9 Released! | The Dojo Toolkit Blog
http://dojotoolkit.org/blog/dojo-1-9-releasedJavaScript library ReleaseNoteDojo 1.9リリース。
RequireJS 2.1.6 Released ~ James Burke
http://jrburke.com/2013/05/10/requirejs-2.1.6-released/JavaScript ReleaseNoteRequireJS 2.1.6 リリース。
SourceMapサポート強化zlib.js 0.1.6 をリリースしました : document
http://blog.livedoor.jp/imaya_js/archives/6504789.htmlJavaScript 圧縮解凍 library ReleaseNotezlib.js 0.1.6 リリース。
ビルドの最適化、ビルドオプションの追加、Raw 形式の追加WebMatrix 3 を発表 - Windows Azure Japan Team Blog (ブログ) - Site Home - MSDN Blogs
http://blogs.msdn.com/b/windowsazurej/archive/2013/05/08/announcing-webmatrix-3.aspxwindows software IDEWebMatrix 3 リリース
アーティクルJSDoc Toolkit→JSDoc 3移行ガイド - Technology of DeNA
http://engineer.dena.jp/2013/05/migration-from-jsdoc2-to-jsdoc3.htmlJavaScript documentJSDoc2 から3に移行するときに対応ガイド。
JSDoc 3で導入されたアノテーション等の解説。Markdownを使ったドキュメントの取り込み等についてDebugging & Profiling Node.js
https://gist.github.com/balupton/3944017node.js Tools まとめNode.js周りのプロファイルツールやデバッグツールの導入方法まとめ
generators in v8 — wingolog
http://wingolog.org/archives/2013/05/08/generators-in-v8JavaScriptV8に実装されたES6 generator(yeild)のC# awaitのような使い方について。
Q.asyncのgenerator functionの対応
https://github.com/kriskowal/q/pull/288Authoring & development workflow - Chrome DevTools — Google Developers
https://developers.google.com/chrome-developer-tools/docs/authoring-development-workflowJavaScript Chrome デバックChrome Dev Toolsの使いこなすと便利機能の紹介。
検索やナビゲーション/フィルタ、編集機能と保存とファイル監視、スニペット機能、自動保存/更新の拡張機能についてSassのデバッグにSource Mapsを使うべきたくさんの理由 | Dress Cording
http://dresscording.com/blog/sass/sass_sourcemaps.htmlSass ToolsSass、CompassとSource Mapsでのデバッグについてやsassコマンドのオプションについて。
Chromeで編集して保存するTincr等の拡張についてスライド、動画関係Model View Madness
http://www.slideshare.net/anm8tr/model-view-madnessJavaScript MVC library スライドJavaScriptのMV*ライブラリで、それぞれModel、View、Controller、Otherが何を処理しているかをまとめながら紹介してるスライド
Preventing XSS with Content Security Policy
http://benvinegar.github.io/csp-talk-2013/#1CSP XSSThird-party JavaScript著者の人によるXSSとCSPについてのスライド。 CSPのヘッダルールと抑制される機能の解説、CSP reportingについても
設計ポイントの 比較で知る Backbone.js // Speaker Deck
https://speakerdeck.com/utwang/she-ji-pointofalse-bi-jiao-dezhi-ru-backbone-dot-jsbackbone.js スライドRailsとBacnboneを比較しながら、Backboneの設計のポイント。
Input/Output、Router、View、Model それぞれについて解説してるスライドサイト、サービス、ソフトウェア関係JavaScript, aka. Web ECMAScript
http://javascript.spec.whatwg.org/JavaScript DOM spec使うべきではない機能だが、色々なウェブブラウザに実装されてる非標準なものを互換性のために標準化する目的の仕様
訳: http://www.hcn.zaq.ne.jp/___/WEB/javascript-ja.htmlウェブ関連仕様 日本語訳（ www.hcn.zaq.ne.jp/___/WEB/ ）
http://www.hcn.zaq.ne.jp/___/WEB/WebAPI W3C 翻訳 ECMA JavaScriptW3C/WHATWG等のDOM/JavaScript関連周りの仕様書翻訳
DOM4/TypedArray/CSP/Web Workers/Navigation Timing API等ツール、ライブラリ関係KapIT/observe-shim · GitHub
https://github.com/KapIT/observe-shim/ECMA JavaScript libraryES HarmonyのObject.observeのshim(polyfill)
MPEG1 Video Decoder in JavaScript - PhobosLab
http://phoboslab.org/log/2013/05/mpeg1-video-decoder-in-javascriptJavaScript 動画 libraryJavaScriptで書かれたMPEG1動画デコーダーライブラリ
ramesaliyev/EasyWebWorker · GitHub
https://github.com/ramesaliyev/EasyWebWorkerJavaScript libraryWebWorkerのコミュニケーションを補助するライブラリ。
Browser <-> Worker それぞれ関数を呼び出す、値の受け渡し、console.logのalias等doug-martin/promise-utils · GitHub
https://github.com/doug-martin/promise-utilsJavaScript libraryPromiseな感じで使えるArray#map等のCollection系のUtilライブラリ。
書籍関係Amazon: Node.js in Practice [Paperback]: Alex R. Young, Marc Harter
http://www.amazon.com/o/ASIN/1617290939/book042-22/ref=nosimnode.js book2013年11月28日 発売
Node.jsについての書籍
http://www.manning.com/young/O’Reilly Japan - JavaScriptデザインパターン
http://www.oreilly.co.jp/books/9784873116181/JavaScript デザインパターン book2013年05月25日 発売
Addy Osmani著のJavaScriptデザインパターン本の翻訳Amazon: AngularJS in Action [Paperback]: Brian Ford, Lukas Ruebbelke
http://www.amazon.com/o/ASIN/1617291331/book042-22/ref=nosimJavaScript AngularJS book2013年11月28日発売
AngularJSについての書籍今週の1枚
-
2013-05-07のJS: Sinon.JS 1.7.1、The Politics of JavaScript、Intern(Test)
JSer.info #121 - Sinon.JS 1.7.1 リリース。
$.ajax or fakeServer issue with jQuery 2.0.0 のjQuery 2.0.0との問題が解消されていますThe Politics of JavaScript というスライドでは@jsfixedの人でもあるAngus Crollさんが、JavaScriptとどう付き合っていくかについて書かれています。
自分の考え方にも近い部分も多くて、とてもいいスライドだと思いました。読んで何かが変わるという感じの内容ではないかもしれませんが、一読をオススメします。Internというテストフレームワークがリリースされました。
Comparisonに他のテストフレームワーク等との機能比較表が載っていますが、デフォルトに持っている機能が豊富なのが特徴的な感じです。(他のモジュールを使ったものも多いが)
Sauce Labs/Selenium 連携を持ってるのも珍しい感じです。ヘッドラインSinon.JS Changelog.txt
http://sinonjs.org/Changelog.txtJavaScript testing library ReleaseNoteSinon.JS 1.7.1リリース。
jQuery 2.0とのFake XHRの問題の修正、 Web workersサポート、sinon.restore()の追加Surfin’ Safari - Blog Archive » Announcing SunSpider 1.0
https://www.webkit.org/blog/2364/announcing-sunspider-1-0/webkit browser JavaScript ToolsJavaScriptベンチマークのSunSpider 1.0がリリース。
ベンチマークの結果を見比べるのに以下がわかりやすい
http://arewefastyet.com/Chris Granger - Light Table 0.4
http://www.chris-granger.com/2013/04/28/light-table-040/editor node.js pythonコードをevalしてインラインでinspector的な結果を表示、Node.jsとのconnectをサポート、Pythonをサポート
jQuery UI 1.10.3 | jQuery UI Blog
http://blog.jqueryui.com/2013/05/jquery-ui-1-10-3/jQuery UI libraryjQuery UI 1.10.3リリース
bugfixなメンテナンスリリースjQuery Migrate 1.2.0 Released | Official jQuery Blog
http://blog.jquery.com/2013/05/01/jquery-migrate-1-2-0-released/jQuery XSS ReleaseNotejQuery Migrate 1.2.0リリース。
jQuery 1.7未満にあった、XSSを作りやすい問題が再発してたのを修正されたDelivering Hapi-ness — What I Learned Building… — Medium
https://medium.com/what-i-learned-building/a525df6c0b0cnode.js サーバー library ReleaseNoteNode Server Framework hapi 1.0リリース
アーティクルAngularJSのDIの仕組み、minify対策は覚えておこう！ #AngularJS #JavaScript - Qiita [キータ]
http://qiita.com/items/363f430d21ec729f1b7dAngularJSAngularJSをminifyした時に起こる問題と$scopeを渡すように変換するツール https://github.com/btford/ngmin
HTML5 勧告候補に main 要素が追加、hgroup 要素は予定通り削除 | WWW WATCH
http://hyper-text.org/archives/2013/04/add_main_html5_cr.shtmlHTML5main要素の追加とhgroup要素の削除について
Selectors Level 4 の Working Draft が更新される | WWW WATCH
http://hyper-text.org/archives/2013/05/selectors_level_4_wd_update.shtmlcssCSS Selector Level 4について
セレクタのまとめ今こそ未来！CSS3のFlexboxを基本から理解して、使い倒そう！ | 株式会社LIG
http://liginc.co.jp/web/html-css/css/21024cssCSS Flexboxのプロパティとレイアウトの図解
node.jsでこんなのもテストしたい!! という話 #mocha #test #mongoose #Node.js - Qiita [キータ]
http://qiita.com/items/14c9f298d88fc2a2e53dnode.js testingNode.jsで書かれたものへのテストアプローチについて
libやsexpress sever、CLI、fixtureについて等fogus: Announcing underscore-contrib
http://blog.fogus.me/2013/04/25/announcing-underscore-contrib/JavaScript libraryUnderscore.jsに追加のutilを公開するunderscore-contribレポジトリについて
Paul Irish - Google+ - New in Chrome DevTools: An exclusive touch cursor while…
https://plus.google.com/+PaulIrish/posts/ZNsF3t8h2WXChrome デバックCannaryのChrome DevToolsにマウスカーソルを使ったTouch eventのエミュレートができるように
How to run Node.js tests in your browser - @mantoni
http://maxantoni.de/blog/2013/04/how-to-run-nodejs-tests-in-your-browser.htmlnode.js testing browserNode.jsで動くテストをブラウザで動かすようにするツールphantomic(PhatomJS)とConsolify(静的なテストページのHTMLを作成)について。
どちらもbrowserifyを使ってるWeb Platform Docs API used in Brackets | Web Platform Blog
http://blog.webplatform.org/2013/05/web-platform-docs-in-brackets/WebAPI DOM document APIWebPlatformのドキュメントAPI(MediaWiki)
BracketsでCSSのヘルプに使われてるスライド、動画関係The Politics of JavaScript // Speaker Deck
https://speakerdeck.com/anguscroll/the-politics-of-javascriptJavaScript 歴史 スライドJavaScriptとどう付き合っていくかについてのスライド
簡単な概要: (翻訳ではないです)
JavaScriptが見直されたと共に出てくるJavaScriptに対する不満。
Lintにより多くの問題を発見できるが融通の効かない場面もある、JSPerfはその時点のスコアに過ぎずブラウザは賢く変化している。
prototype拡張されることを心配し過ぎないで、人やライブラリにリスペクトを持って接する姿勢。
Good codeは知識とリスペクトを必要としてる。
JavaScriptはシンプルだがそれ故難しい。
altJSは難しさを解決してくれるかもしれない、しかaltJSの逆はどうだろうか。
comma firstも利点はあるがすべての問題が解決しているわけではない。
JavaScriptは科学ではないので絶対的な正しい選択が存在しないことも多い。
1つの事を実現するのに複数の方法があるのがJavaScriptらしさでもあり、ある方法がダメだと突っぱねるのではなくそこから何かを学んで行くのがGood coder。Taking Control with Machina.js
http://code.dougneiner.com/presentations/machina/JavaScript library スライドステートマシン/Event Emitterライブラリ machina.js の紹介スライド。
JavaScriptの落とし穴
http://www.slideshare.net/ikdysfm/java-script-20131612JavaScript スライドプロトタイプチェーン、スコープ、hoisting、thisといったJavaScriptの内容を扱った感じのスライド
サイト、サービス、ソフトウェア関係canvas要素の基本的な使い方まとめ
http://www.h2.dion.ne.jp/~defghi/canvasMemo/canvasMemo.htmcanvas tutorialCanvasの基本的な使い方のチュートリアル(svg要素の基本的な使い方まとめの姉妹版)
ExplainJS
http://www.explainjs.com/JavaScript webservice documentDocco的なコードとコメントを並べた表示を作ってくれるウェブサービス .
jsファイルのURLを指定してドキュメント表示できるツール、ライブラリ関係felixge/node-utest · GitHub
https://github.com/felixge/node-utestnode.js testingBDD/TDD/Objectの構造を持った小さなNodeテストライブラリ
olov/defs · GitHub
https://github.com/olov/defsJavaScript Toolslet,constをtranspileしてES3なコードでも機能を利用できるように変換するツール
btford/ngmin · GitHub
https://github.com/btford/ngminAngularJS ToolsAngularJSのDIの仕組みからminifyすると問題が起こることがあるので、minifyをしても問題ない形に変換するツール
Intern: A next-generation JavaScript testing stack
http://theintern.io/JavaScript testing AMD Tools library全部入りな感じのJavaScriptテストフレームワーク.
AMDベースがデフォルトでTDD/BDD/Objectスタイル、Travis CIやSauce Labs 、Istanbulを使ったコードカバレッジ、 WebDriver APIを使った機能テストなどデフォルトの機能が豊富書籍関係Amazon: HTML5 Canvas: Pocket Primer [Paperback]: Oswald Campesato
http://www.amazon.com/o/ASIN/1938549678/book042-22/ref=nosimHTML5 book2013年12月15日発売
Canvas本O’Reilly Japan - セレクタ、詳細度、カスケード
http://www.oreilly.co.jp/books/9784873116037/css bookCSS: The Definitive Guide 4th Edition からセレクタ、詳細度、カスケードの部分について抜き出した電子書籍
-
2013-04-29のJS: TypeScript 0.9α、Jade入門、JavaScript Ninja
JSer.info #120 - TypeScript 0.9.0 Alphaが公開されました。
genericsのサポート等も入りましたが、Known breaking changes between 0.8 and 0.9などを見るとアグレッシブに色々変更しています。Jade FTWという記事ではJavaScriptのテンプレートエンジンであるjadeについて基本的なことから実践まで色々書かれています。
完成まで4年程度かかったSecrets of the JavaScript Ninjaの翻訳本 - JavaScript Ninjaの極意が2013/5/25に出版されるようです。
翔泳社の本なので物理的な巻物だけでしか出ない気がします(Effective JavaScript等、過去の例からも電子版は期待薄)
ヘッドラインAnnouncing 0.9 early previews - TypeScript - Site Home - MSDN Blogs
http://blogs.msdn.com/b/typescript/archive/2013/04/22/announcing-0-9-early-previews.aspxTypeScript ReleaseNoteTypeScript 0.9プレビュー版のリリース
0.8から0.9での変更について
ロードマップ : TypeScript Roadmap
Node v0.10.5 (Stable)
http://blog.nodejs.org/2013/04/23/node-v0-10-5-stable/node.js ReleaseNoteNode v0.10.5リリース
Chutzpah - Chutzpah 2.4 – Code Coverage is a go! - Matthew Manela - Farblondzshet in Code
http://matthewmanela.com/blog/chutzpah-2-4-code-coverage-is-a-go/JavaScript IDE windowsVisual StudioのTest RunnerアドインChutzpah 2.4リリース。
コードカバレッジのサポートYUI 3.10.0 Released - YUI Blog
http://www.yuiblog.com/blog/2013/04/24/yui-3-10-0-released/Yahoo JavaScript library ReleaseNoteYUI 3.10.0リリース
レガシーブラウザでSVGを表示できるSIE 9 を公開しました - プラグインレスでSVGを表示する「SIE」開発ブログ
http://d.hatena.ne.jp/dhrname/20130425/p1SVG JavaScript librarySIE 9リリース
アーティクルHiDPI support, HTML5 notifications, Parallel JS, asm.js and more – Firefox Development Highlights ✩ Mozilla Hacks – the Web developer blog
https://hacks.mozilla.org/2013/04/hidpi-support-html5-notifications-parallel-js-asm-js-and-more-firefox-development-highlights/firefox WebAPI JavaScript最近 Firefox Nightly (22前後)で実装された機能について。
input type=”range”、HTML Notification、Parallel JS/asm.js/Arrow function、CSS @supportsJade について。
https://gist.github.com/japboy/5402844node.js JavaScript documentJadeとは何か から、Jadeの基本、テンプレート機能やコンポーネント化して使いまわす方法やGruntを使ったワークフローなどについて
jQuery 2.0.0 での変更箇所の自分なりのまとめ | 私的なjQuery
http://myjquery.blog.fc2.com/blog-entry-19.htmljQueryjQuery 2.0.0の変更点について
Analyzing the market of HTML5 games | GamesBeat
http://venturebeat.com/2013/04/22/analyzing-the-market-of-html5-games/HTML5 game libraryHTML5ゲームでどのゲームエンジンライブラリが使われているかをランキング付けしたもの
Javascript hoisting explained | Kenneth Truyers
http://www.kenneth-truyers.net/2013/04/20/javascript-hoisting-explained/JavaScriptJavaScriptのhoisting(巻き上げ)についての解説
I know jQuery. Now what?
http://remysharp.com/2013/04/19/i-know-jquery-now-what/jQuery JavaScript スライドjQueryを使わないでVanilla JS(Pure JS)でやる場合にどのようなAPIを使うかについて書かれてる。
同名のスライドの補足記事JavaScript GIF Encoder “GifWriter.js” 0.1.0 をリリースしました - ひだまりソケットは壊れない
http://vividcode.hatenablog.com/entry/release-notes/GifWriter.js-0.1.0TypeScript 画像 JavaScript libraryTypeScriptで書かれたGIFエンコーダー
スライド、動画関係JavaScript testing スライドspy, stub, mockの使い方と使い道。
Fake TimerとFake XHRを使ったテストについてJavaScript Unit Test Why? What? How?
http://www.slideshare.net/teppeis/javascript-testwhywhathowJavaScript testing スライドJavaScriptのテストのライフサイクル、始めやすいModelについて、テストツールの分類図
Java script testing framework for around html5 studies-
http://www.slideshare.net/wa1327/java-script-testing-framework-for-around-html5-studiesJavaScript testing スライドJavaScriptの著名なテストフレームワークの特徴まとめのスライド
Node, Promises and Functional Programming // Speaker Deck
https://speakerdeck.com/okapies/node-promises-and-functional-programmingJavaScript スライド“Nodeとプロミスと、時々、関数型”
Promiseについてのスライド
https://gist.github.com/okapies/5354929サイト、サービス、ソフトウェア関係LayoutIt! - Interface Builder for Bootstrap
http://www.layoutit.com/css JavaScript webserviceBootStrapをD&Dでレイアウトを作成できるサービス
Annotation | Closure Cheat Sheet
http://www.closurecheatsheet.com/google JavaScript チートシートClosure Libraryのチートシート.
サンプルコード集的な感じツール、ライブラリ関係traceGL
https://trace.gl/index.htmlJavaScript デバック ToolsJavaScriptのcodeflowをデバッグするツール。どういうイベントが起きてるか、ツールチップでコード上の変数にどういう値が入ってるやトレース情報の表示、WebGLを使ったビジュアライズ等の機能をもったデバッグツール($15)
Closure IDE - Eclipse plugins for Google Closure Tools.
http://digi-area.com/ClosureIDE/JavaScript IDEEclipseベースのGoogle Closure ToolsをターゲットにしたIDE
JsHamcrest – Library of matcher objects for JavaScript — JsHamcrest 0.7.0 documentation
http://danielfm.github.io/jshamcrest/index.htmlJavaScript testing libraryHamcrest系のmatcherを持ったJavaScriptテストライブラリ.
書籍関係Amazon: JavaScript Ninjaの極意 [大型本]: ジョン・レシグ、ベア・ビボー
http://www.amazon.co.jp/o/ASIN/4798128457/book042-22/ref=nosimJavaScript book2013年5月25日発売
John Resig著のSecrets of the JavaScript Ninjaの翻訳本Amazon: はじめてのEdge Animate [単行本]: ザ・ストリッパーズ
http://www.amazon.co.jp/o/ASIN/4883378586/book042-22/ref=nosimHTML5 animation adobe book2013/5/1発売
Adobe Edgeでのアニメーション作成についての書籍Instant HTML5 Local Storage How-to [Instant] | Packt Publishing
http://www.packtpub.com/html5-local-storage-how-to/bookHTML5 bookLocalStorageについての薄い書籍(80ページ)
-
2013-04-21のJS: jQuery 2.0 、Sencha Touch 2.2、Grunt日本語リファレンス
JSer.info #119 - jQuery 2.0がリリースされました。
以前発表されたロードマップ通り、jQuery 2.x ではIE8以下のサポートは廃止されていて、jQuery 1.9とはAPIの互換性はそのまま維持されています。(サポートブラウザが減った以外)そのため、IE8以下を気にしない場合はjQuery Core 1.9 Upgrade Guide(日本語訳、変更点)がそのまま適応出来ます。
Sencha Touch 2.2がリリースされました。
今まではWebkitに依存したコードのみしか入ってない感じでしたが、IE10をサポートする上でWebkit依存を取り除いているみたいです。Flexboxが関わりそうな感じがするので並べておきます。(コードは見てないです)
- CSS Flexible Box Layout Module
- 可変ボックス (“Flexbox”) レイアウト (Windows)
- IE8から始めるテーブルレイアウト と IE10からのFlexible Box｜Web Design KOJIKA17
- flexible ボックスメモ - hogehoge @teramako
- FlexboxがLCに: プロパティ名などもろもろ変更 - fragmentary 歴史
ヘッドラインjQuery 2.0 Released | Official jQuery Blog
http://blog.jquery.com/2013/04/18/jquery-2-0-released/jQuery ReleaseNotejQuery 2.0リリース。
IE 6/7/8のサポート廃止(古いIEは1.xの方で対応)、ファイルサイズの軽量化、CSPに対するテストの追加等Surfin’ Safari - Blog Archive » Last week in WebKit: a new hope
https://www.webkit.org/blog/2291/last-week-in-webkit-a-new-hope/webkit newspeter.sh はBlinkがメインとなるけど、
Last week in WebKitは別の方が引き続きやって行く感じに。Hello Sencha Touch 2.2 | Blog | Sencha
http://www.sencha.com/blog/hello-sencha-touch-2-2/Sencha mobile library webkit IE ReleaseNoteSencha Touch 2.2リリース。
IE10のサポート+やっとWebkitに依存してたコード取り除いたみたい。
和訳: http://www.xenophy.com/sencha-blog/6878アーティクルJSHint+Closure Linter+Gruntで最強のLint環境を目指してみた - はてブロ@ama-ch
http://ama-ch.hatenablog.com/entry/2013/04/21/160208JavaScript ToolsClosure LinterとJSHintが共存できるようになったので、設定についてやGrunt、WebStormについて
Nodeでプライベートな(exportsされてない)メソッドのテスト - ぶれすとつーる
http://nazomikan.hateblo.jp/entry/2013/04/10/032410node.js JavaScript testingNodeのvm.runInContextを使ってexportsされてないメソッド等を別のモジュールから読み込んでテストをする方法について
jQuery Custom Events
http://blog.socialcast.com/jquery-custom-events/jQuery eventjQueryのCustom Eventについて。
Namespaced Events、$.Event()でのオブエジェクトを使ったEventの使い方、DOM以外のでのEventについてPackage Managers: An Introductory Guide For The Uninitiated Front-End Developer - Tech.Pro
http://tech.pro/tutorial/1190/package-managers-an-introductory-guide-for-the-uninitiated-front-end-developernode.js tutorialnpmとBowerの使い方、オプション、package.jsonの解説。
List of Pseudo-Elements to Style Form Controls - TJ VanToll - Tutorials, Thoughts, and Ramblings on Front End Development
http://tjvantoll.com/2013/04/15/list-of-pseudo-elements-to-style-form-controlscss browserフォームやコントロールを装飾する擬似要素のまとめ.
基本的にブラウザに依存する部分なのでpreix付きメイン。A comparison of Angular, Backbone, CanJS and Ember - Sebastian’s Blog
http://sporto.github.com/blog/2013/04/12/comparison-angular-backbone-can-ember/MVC library まとめAngular, Backbone, CanJS , Emberの項目別比較.
生産性やパフォーマンスとかだけじゃなくてコミュニティやエコシステムについて書かれてるのが面白いスライド、動画関係Ember 101: Learn Ember One Video At a Time
http://ember101.com/JavaScript library 動画Ember.jsについて扱う動画チュートリアルサイト
Test-Driven Development with Jasmine Presentation
http://designpepper.com/blog/tdd-with-jasminejasmine 動画 スライド testingJasmineを使ったTDDについての発表(スライド+動画)
Green->Red->Refactoringの開発の流れやJasmineのspy等の機能紹介、matcherの追加等についてサイト、サービス、ソフトウェア関係FESS your CSS
http://www.fess.me/css webserviceCSSのショートハンドを展開したCSSにしてくれるサービス
backgroundをそれぞれbackground-*みたいに展開する感じ。ツール、ライブラリ関係border-image-generator
http://border-image.com/ジェネレーター editor 画像 cssborder-imageのパラメータをプレビューを見ながらいじれるエディタ
JavaScript librarytextareaにコードを書きやすくするための機能をつけるライブラリ。
タブ入力やauto indent、括弧等の組み合わせの補完等NV/captureCalls.js · GitHub
https://github.com/NV/captureCalls.jsJavaScript library デバックキャプチャーしたいメソッドが呼ばれたらスタックトレースを吐くようにするライブラリ.
spyみたいな感じでオリジナルのメソッドを置き換えてて、元にも戻せるようになってるPhysics for JavaScript
http://jonobr1.github.io/Physics/JavaScript libraryProcessingのTraer Physicsのポート.
物理演算エンジンライブラリsubprotocol/verlet-js · GitHub
https://github.com/subprotocol/verlet-jsJavaScript libraryVerlet法を使った物理演算エンジンライブラリ
kbouchard/devtools-redirect · GitHub
https://github.com/kbouchard/devtools-redirectChrome Extension デバックアクセスするリソースをルールに基づいてリダイレクトするChrome Dev Tools拡張.
autoResponder的にサイト上のリソースをローカルサーバのファイルと差し替える等して使える類似:
harthur/kittydar · GitHub
https://github.com/harthur/kittydarJavaScript libraryJavaScriptで書かれた猫の顔を認識するライブラリ
書籍関係HTML5 Canvas, 2nd Edition - O’Reilly Media
http://shop.oreilly.com/product/0636920026266.doHTML5 canvas bookCanvasについてかなり詳しく書かれている書籍(Pages: 750)
Jasmine Testing… by Joshua Clanton [Leanpub PDF/iPad/Kindle]
https://leanpub.com/jasmine-testing/JavaScript jasmine testing bookJasmineを使ったテストについての書籍(まだ書き始めたばかり10%)
同じくJasmineを扱ったJavaScript Testing with Jasmine - O’Reilly Mediaも発売済み
