2013-07-08のJS: Opera 15、JavaScriptのオブジェクト指向、 SpiderMonkey Parser API

JSer.info #130 - ChromiumベースとなったOpera 15がリリースされました。ベースはChromium 28なので、Blinkが使われています。

最強オブジェクト指向言語 JavaScript 再入門！というスライドでは、JavaScriptで理解し難いプロトタイプチェーンやスコープチェーンなどについてわかりやすく解説されています。
結局は書いて感覚的に理解していくのが近い気もしますが、ここまで上手く解説できていいスライドなので読んでおくといいかもしれません。

ヘッドライン

Announcing TypeScript 0.9.0.1 - TypeScript - Site Home - MSDN Blogs
http://blogs.msdn.com/b/typescript/archive/2013/06/28/announcing-typescript-0-9-0-1.aspx

TypeScript ReleaseNote

TypeScript 0.9.0.1リリース
bugfix

jQuery 1.10.2 and 2.0.3 Released | Official jQuery Blog
http://blog.jquery.com/2013/07/03/jquery-1-10-2-and-2-0-3-released/

jQuery ReleaseNote

jQuery 1.10.2 と 2.0.3 リリース.
bugfix

Opera Developer News - Introducing Opera 15 for Computers, and a fast release cycle
http://my.opera.com/ODIN/blog/2013/07/02/introducing-opera-15-for-desktop-and-a-fast-release-cycle

Opera ReleaseNote

ChromiumベースとなったOpera 15リリース

アーティクル

HTML 5.1
http://momdo.s35.xrea.com/web-html-test/spec/WD-html51-20130528/Overview.html

HTML5 W3C 翻訳

HTML5.1の仕様書翻訳
5.0の訳 http://momdo.s35.xrea.com/web-html-test/spec/html5-author-wd-201210/Overview.html

This is Stuff: Building JavaScript Library with Grunt.js
http://meri-stuff.blogspot.com/2013/06/building-javascript-library-with-gruntjs.html

JavaScript Tools workflow

Grunt.jsを使ってJavaScriptライブラリを開発でのタスクについて

Five Patterns to Help You Tame Asynchronous JavaScript - Tech.Pro
http://tech.pro/blog/1402/five-patterns-to-help-you-tame-asynchronous-javascript

JavaScript まとめ

非同期コードを扱う方法コールバック、Observer パターン(EvnetsEmitter)、Messaging、Promises、 Finite State Machinesについてのメリット、デメリットのまとめ

以下も近い内容

Asynchronous JS: Callbacks, Listeners, Control Flow Libs and Promises - Sebastian’s Blog

Variables and Constants in ES6 - Generated Content by David Storey
http://generatedcontent.org/post/54444832868/variables-and-constants-in-es6

JavaScript ECMA

let, constの対応状況まとめ

JavaScript でスマートに非同期なコードを書くための Promise パターンの仕様（改良版）の邦訳です。
https://gist.github.com/OrgaChem/5903697

JavaScript 翻訳

Promises/A+のSpec翻訳

JavaScript イディオム集 » nmi.jp
http://nmi.jp/archives/488

JavaScript

JavaScriptで演算子とか利用したイディオムのまとめ
文字列化、数値化、null比較、isNaN、~indexOf、ビット演算

スライド、動画関係

Basis.js - почему я не бросил разрабатывать свой фреймворк (extende…
http://www.slideshare.net/basisjs/basisjs-fronttalks

JavaScript library スライド

single-pageアプリ等に使えるJavaScriptフレームワーク http://basisjs.com/ についてのスライド

SpiderMonkey Parser API: A Standard For Structured JS Representations // Speaker Deck
https://speakerdeck.com/michaelficarra/spidermonkey-parser-api-a-standard-for-structured-js-representations

JavaScript firefox Tools スライド

Mozilla Parser APIとそれの実装であるReflect.jsやEsprima等についてのスライド.
ASTをIRとして変換、可視化、解析、カバレッジ、altJSなどに利用されている話

jQuery Conference Portland 2013
http://events.jquery.org/2013/portland/

jQuery スライド動画イベント

jQuery Conference in Portland 2013のスライドと動画が公開されてる

最強オブジェクト指向言語 JavaScript 再入門！
http://www.slideshare.net/yuka2py/javascript-23768378

JavaScript スライド tutorial

JavaScriptのプロトタイプチェーンとprototype属性を分けて説明する事でわかりやすくできてるスライド.
スコープとクロージャーとthisについても。JavaScriptとオブジェクト

オブジェクト指向が理解できない理由 | Foreignkey, Inc.

High Performance Web Frontend // Speaker Deck
https://speakerdeck.com/ahomu/high-performance-web-frontend

web performance スライド

ウェブサイトのパフォーマンスについてスライド。
画像の通信的な重さ、重いCSSプロパティとSkia Debugger、reflowと重い箇所をChrome Dev Toolsを見つける方法、JavaScriptとGCとメモリリーク

TypeScript: Application-Scale JavaScript | Build 2013 | Channel 9
http://channel9.msdn.com/Events/Build/2013/3-314

TypeScript スライド動画

Anders HejlsbergによるTypeScriptについての発表。
主にデモやTypeScriptで作られてるウェブアプリの紹介等

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

Big JS-Compatibility-Table
http://compatibility.shwups-cms.ch/en/home/?

JavaScript browser まとめ

JavaScript APIのブラウザ間の対応をまとめたサイト.
かなり網羅的に載ってる

ツール、ライブラリ関係

Huddle/PhantomFlow
https://github.com/Huddle/PhantomFlow

Tools ビジュアライズ

PhantomJS,CapsperJS,PhantomCSSを使ってインテグレーションテストをビジュアライズする試みのツール

Aristochart - Sophisticated Javascript charts.
http://dunxrion.github.io/aristochart/

JavaScript canvas グラフ library

Canvas折れ線グラフライブラリ

mathiasbynens/esrever
https://github.com/mathiasbynens/esrever

JavaScript library

ユニコード文字列もちゃんと扱えるString#reverse実装ライブラリ

Webflow CSS Playground
http://playground.webflow.com/

css Tools

CSSをGUIで変更しながら見られるツール.
レスポンシブなプレビュー

書籍関係

Ja - Scalable and Modular Architecture for CSS
https://smacss.com/ja

css book

SMACSSの日本語版が発売された

Amazon.com: Programming 3D Applications with HTML5 and WebGL: 3D Animation and Visualization for Web Pages (9781449362966): Tony Parisi: Books
http://www.amazon.com/o/ASIN/1449362966/amazon0abac-22/ref=nosim

book WebGL

2013年11月22日発売
WebGLとかを使った3Dアニメーション、ビジュアライズについて

JSer.info Sponsors