2014-10-27のJS

WebStorm 9 released: Meteor support, React and JSX, Gulp integration, and more | JetBrains WebStorm Blog

WebStorm 9リリース。 主に以下の様な機能追加等が中心です。

  • Meteor、React/JSX、Polymerのサポート
  • PhoneGap、Gulp統合
  • spy-js/LiveEditがNode.jsアプリケーションに対応
  • ESLint/JSCS/EditorConfigのサポート
  • What's new in WebStorm 9

Release Custom Driver Support · mozilla/localForage

localForage 1.1.1リリース。 defineDriver()メソッドが追加され、任意のCustom Driverを作成して適応出来るようになった。 任意のストレージをバックエンドに実装出来る

mocha/History.md at 2.0.0 · mochajs/mocha

mocha 2.0.0リリース。 リポジトリのオーナーがmochajsになった。 Node.js 0.4と0.6のサポート終了

Node v0.10.33 (Stable)

Node v0.10.33リリース POODLE対策

ESLint 0.9.0 released - ESLint

ESLint 0.9.0リリース。 pluginはstableに、 Governance Modelを追加、ルールの追加や修正など

CodeMirror release 4.7.0 - Google グループ

CodeMirror 4.7.0リリース CoffeeScriptやScala、PHP等のmodeを改善。Textileのサポート、ロゴが新しくなった

TypeScript and the Road to 2.0 - TypeScript - Site Home - MSDN Blogs

TypeScript 2.0のロードマップ。 1.4でunion typesのサポート、1.5からES6の親和性の向上などを目指す。 またFacebookのFlowやAngularJS 2.0で使われてるAtScriptのチームと一緒にType AnnotaionsをECMAScriptへの提案を進めていく方針

Community Round-up #23 | React

Fluxアーキテクチャのサンプルや解説やライブラリ等のまとめ

写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント

iOS 6.0~、Android 4.0~に対応した画像を扱う時に起きる問題と対処について。 iOS 6のファイルサイズの問題、AndroidのtoDataURLがJPEGをサポートしてない問題、フィルタ処理やリサイズについてなどハマりどころをまとめられている

スマートフォンWebのフロントエンドを高速化する取り組み - クックパッド開発者ブログ

モバイル向けの一部ページをシングルページアプリケーションとして作るのに適した条件やメリットについて書かれている。 クライアントサイドでの画像リサイズとアップロードやTouchイベント対応などについて

ECMAScript 6 returns JavaScript to original intent | InfoWorld

ES6/7についてJafar Husainさん(Async Generatorの人)へのインタビュー。 何故ES6/7を同時進行しているのか、Async functionとAsync Generatorについて、大きなアプリケーションと型の必要性について。

AngularJS カンファレンス(ng-europe 2014)のスライドまとめ - AngularJS Ninja

ng-europeのスライドまとめ

Keynote: AtScript - Google スライド

AtScriptについてのスライド。 AtScriptは新しい言語ではなくES6にTypesとAnnotationsとIntrospectionを追加したもの。 AtScriptのロードマップについても書かれている。

AtScript Primer - Google ドキュメント

AngularJS 2.0で使われているES6に型定義を拡張したもの。 assert.jsを使ったES6 validなものへTraceurで変換が出来る。またDI等に利用できるMetadata Annotationsがある。 こちらもECMAScript標準への提案を行っていく方針。

ES6 & Traceur

ES6の機能についてのスライド。 機能ごとにいつ、どんな時に使うべきかも書かれている。 またTraceurがどのように動いているかやAngularで使われてるAtScriptの拡張について

Yahoo! JAPAN Creative Blog — 「SCRIPTY#1 」の資料を公開します #scripty01

SCRIPTYのスライドまとめ。 CSS/BEM、Backbone/Marionette、Angular/Three.js、Polymer、Yahoo!ニュースのブラウザサポート、grunt、ライブコーディング、アクセシビリティなど

In the DOM, no one will hear you scream

DOM Based XSSとjQueryによるXSSについてのスライド。 DOM Level、文字列からコードとして実行するメソッド一覧、上書きによる破壊、DOMPurifyによる防止について

christianalfoni WebApp Enthusiast

Backbone/Angular/Flux+Reactでそれぞれ実装した場合の違いを見ながら、Fluxアーキテクチャの特徴について紹介。 [Ractive.js](<a href='http://www.ractivejs.org/'>http://www.ractivejs.org/</a> "Ractive.js")と[vue.js](<a href='http://vuejs.org/'>http://vuejs.org/</a> "vue.js")とFluxアーキテクチャを使って同様のサンプルを作ってあります。

ブラウザのパフォーマンスを限界まで高める HTMLコーディングの考え方

ブラウザのパフォーマンス最適化の戦略についてのスライド。 極端な例外を除いたパーセンタイルを見てパフォーマンスを調整。 レンダリングの開始時間、Speed Index、Critical Redering Pathを目安にする。 標準化やNavigation Timingについて

AurelioDeRosa/HTML5-API-demos

Battery Status API等の広義のHTML5 APIについての仕様とサンプルと記事をまとめたリポジトリ

JS Compatibility Checker

ブラウザ間で互換性のあるコードかをチェックするツール。 ECMAScript5 APIやcaniuseのデータを元にチェックする

Content Security Policy Playground

CSPについて実際に任意の設定を適応して試しながら学べるサイト。 CSP Policyのバリデーションや関連リソースについてもまとめられている

wooorm/mdast

JavaScriptのMarkdownパーサライブラリ。パースした結果をJSON的なASTとして出力する。 gfmやpandoc風の解釈も対応していて、Parser API ライクなドキュメントもあって良さそう

Khan/structuredjs

JavaScriptのコードをプレースホルダー的に書いておいて、入力されたコードがプレースホルダーと一致するかをチェックできるライブラリ。 不一致の場合のエラー情報等も定義でき、学習サイト等で使われる感じ

dameleon/paw.js

TouchEventやPointerEventをハンドリングして、シンプルに扱えるtapイベント等のカスタムイベントを発行してくれるライブラリ。

hughsk/district

指定したディレクトリをnode_modules以下にエイリアスを貼るツール。 モジュールを特定のディレクトリに名前空間的にまとめることができる