Fork me on GitHub

2013-08-19のJS: Bootstrap 3 RC2、Firefox25 開発ツール、ES6の新しい文法とES5

Edit on GitHub 編集履歴を見る

JSer.info #136 - Bootstrap 3 RC2(aka. Twitter Bootstrap) がリリースされました。
細かい部分のアップデートやMigrating from 2.x to 3.0等のドキュメントが整備されてきています。 

WIP: Bootstrap 3 by mdo · Pull Request #6342 · twbs/bootstrap にTodoとして残っている部分も大分減ってきています。

New Features of Firefox Developer Tools: Episode 25 ✩ Mozilla Hacks – the Web developer blog(訳: Firefox 開発ツールの新機能: エピソード 25 | Mozilla Developer Street (modest))では、
Firefox25での開発ツールの新機能についてまとめられています。 
ライブラリのブラックボックス化 という機能では、デバッガーなどが指定したファイル(ライブラリ)などを無視できるようになってます。
これを使うとステップ実行時にライブラリをスルーしたりできるので結構便利そうです。

どちらの記事も、今までのES5での書き方とES6の新しい文法を使った書き方を対比しながら、ES6について書かれています。
コンストラクタ関数とnew、thisやスコープといった混乱しやすい(対処方法も複数存在してる)部分をES6で導入された文法を使うことで、
目的が分かりやすくクリア(人によって左右されにくい書き方)になるかについて書かれています。
 

ヘッドライン

✎JavaScript library ReleaseNote

YUI 3.12.0 RC1リリース

✎node.js ReleaseNote

Node v0.10.16 リリース

✎AngularJS ReleaseNote

AngularJS 1.2.0-rc1リリース

✎jQuery mobile ReleaseNote

jQuery Mobile 1.4.0 Alpha 2リリース

✎JavaScript Tools ReleaseNote

JSHint 2.1.10リリース。
for ofとgeneratorの組み合わせのサポート

✎backbone.js スライド 動画

http://backboneconf.com/2013/ の動画とスライドが公開された。

✎CSS design library ReleaseNote

Bootstrap 3 RC2リリース。
ドキュメントにAccessibility sectionを追加、Grid、Button、Form、Navbarの変更

✎JavaScript MVC jQuery library ReleaseNote

JavaScriptMVC 3.3リリース。
jQueryMXをCanJSとjQuery++に分離、Google Closure JSDocの追加

アーティクル

✎firefox デバック

Firefox25での開発ツールについて
スクリプト毎にbreakpoint等を無視する設定(ブラックボックス化)やネットワークモニターからの再送信、CSSの自動補完、コンソールから現在のスコープでスクリプトを実行(コンソールとスクラッチパッド)、プロファイラーの保存、読み込み等。

日本語訳

✎JavaScript ECMAScript

JSでは関数のように呼べるものが複数あり、またnew,this,スコープの問題もあり混乱する。
ES6では=>、letとブロックスコープ、 concise method syntax、class等が追加されているが、それらを使うことで既存の問題をどのようにシンプルにできるかについて。

✎JavaScript ECMAScript

ES6の新しい文法について。
ES5で書いた場合と対比してまとめてる。
デフォルトパラメータ、let、メソッド定義の簡易記法、arrow function、spread operator、rest parameters、for of、class、module、generatorなどについて

✎CSS tutorial

:nth-childの使い方ついて。
グリッド要素を例に選択される要素を説明してる

✎JavaScript animation

JavaScriptでのsetTimeoutを使ったアニメーションの書き方について

✎HTTP web browser mobile

HTTP 1.1/ ブラウザで見るHTTPリクエストの中身の解説と確認方法、同時接続数とHTTPリクエストの減らし方についての連載

スライド、動画関係

✎Chrome CSS

ChromeでCSSを無効にする方法についての動画。
http://bit.ly/1df1HAm , http://bit.ly/1df1JIj , Chrome Dev Toolsを用いた方法

✎TypeScript AngularJS WebStorm 動画

AngularJS + TypeScript + WebStorm + Gruntでの開発ワークフローについての動画

✎JavaScript スライド library

1KB以下のスライドショーライブラリである Bespoke.js についてのスライド。
どのようにして小さくしたのかや、Gruntタスク、Yeoman Generatorについて等

✎HTML CSS JavaScript Tools library スライド

フロントエンド開発に使うライブラリやツール、スタイル、サービスなどについてのスライド。

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

✎WebAPI JavaScript HTML css

HTML/CSS/JavaScript等についてのシンプルなサンプル集.
WebPlatformAPIやHTML5要素を使ったコード例

✎node.js mail

Nodeの週刊なメールマガジン by Cooper Press

ツール、ライブラリ関係

✎JavaScript library

Google SpreadsheetをDBみたいに利用できるJavaScriptライブラリ

✎JavaScript library

Mozilla Parser ASTをCSSセレクタみたいにクエリで検索できるライブラリ

書籍関係

✎SVG JavaScript library book

Raphaëlについての書籍

✎CSS Sass book

2013年9月13日発売
Sass本 http://book.scss.jp/


今週の言葉

MelbJSの発表内での発言です。

この記事へ修正リクエストをする
記事を紹介する