Fork me on GitHub

2014-02-03のJS: Bootstrap 3.1.0、CoffeeScript1.7.0、アクセシブルなアイコンフォント

Edit on GitHub 編集履歴を見る

JSer.info #160 - Bootstrap 3.1.0がリリースされました。 ドキュメントサイトが新しくなったことや、大きな点として公式のsassサポートやライセンスがMITになっています。


CoffeeScript 1.7.1(1.7.0がでて修正版)がリリースされました。

公式のChangelogには詳細があまり書かれていませんが、以下の記事に追加された演算子やメソッドチェインの改善等詳しく解説が書かれています。


安全でアクセシブルなアイコン・フォント というBulletproof Accessible Icon Fontsの翻訳記事では、最近は色々なところで見かけるアイコンフォントについて書かれています。

上手く表示されなかった時にどうするかや、アクセシビリティ的な問題をどう解決するかなどについて解説されています。


Info

JSer.infoに紹介してもらいたい記事のPull Requestが出来るようになりました で書きましたが、azu/jser.infoに対して記事の追加をPull Requestしやすくしました。

まだ使い勝手的にもIssuesがありますが(過去に紹介してか調べる方法がない等)、面白い記事を見つけたり書いたりした人は送ってみるといいかもしれないですね。


ヘッドライン

CSSlibraryReleaseNote

Bootstrap 3.1.0リリース。

ドキュメントサイトのリニューアル、公式のSassポート、Apache LicenseからMITへ、ビルドツールのアップデート

PhoneGapReleaseNote

Cordova(PhoneGap) 3.3.0リリース

JavaScripttestinglibraryReleaseNote

assertionライブラリのchai 1.9.0リリース。

.throw()のエラー表示改善

JavaScriptReleaseNotelibrarytesting

Sinon.JS 1.8.1 リリース。

clearImmediatewithCredentialsXHR.upload のサポート、バグ修正等

CoffeeScriptReleaseNote

CoffeeScript1.7.0リリース。

メソッドチェインで()を書く必要がなくなり綺麗に繋げられるようになった。

新たな演算子や構文が追加されてる。

配列を展開する ...**//%%等。

nodeのrequire.extensionsに対する対応を改善

アーティクル

CoffeeScriptReleaseNote

CoffeeScript 1.70(1.7.1)の変更点の詳細解説

PhoneGapChromeAndroidiosapp

Chrome Apps をApache Cordovaをベースとしたモバイルアプリとして開発出来るtoolchainが公開された

CSSfontsSVGWAI-ARIA

アイコンフォントとfallbackについて。

またスクリーン・リーダーでは擬似要素のcontentも読まれるためWAI-ARIAの属性を使ってアイコンを読み上げされないようにすることについても書かれてる

Chromebrowserifydebug動画

Chrome DevToolsのファイルマッピング機能を使うことで、browserifyの元ファイルもChrome DevToolsから編集出来る

CSSJavaScriptアクセシビリティWAI-ARIA

Bootstrap 3にWAI-ARIAの属性を加えるようにしてアクセシビリティ的に良くするプラグイン

JavaScriptDOMtutoriallibrary

Facebookが作ってるVirtual DOMライブラリなReact.jsについてチュートリアル。

gulptutorial

gulpfileの基本的な書き方についてのチュートリアル。

gulp.taskのdepencyの書き方、package.jsonの中身を使ったファイル名指定、外部プロセスを叩くタスク等について

Ember.jsJavaScripttutorial

Ember.jsを使ったチュートリアル。ジュークボックス的なアプリを作っていく。

JavaScript管理

JavaScriptのパッケージ管理ツールであるComponentの紹介

スライド、動画関係

AngularJSイベント動画スライド

ng-conf 2014 の動画やスライドのまとめ

JavaScriptスライドオフライン

オフラインアプリのキャッシュとしてのAppCache, ServiceWorkerのスライド。

主にServiceWorkerとはどのような構造を持ってるかについて書かれている

JavaScriptDOMlibrary

リファクティブスタイルなDOMライブラリであるRactive.jsについて。

AngularとKnockoutと比べた立ち位置、基本的な使い方、内部的な効率化の仕組み、Backboneと合わせた使い方について

JavaScriptKnockout.jstutorial動画

Fluent 2013でのKnockout.jsを使用したライブコーディング。

サイト、サービス

JavaScripttutorialPromises

ES6 Promisesについて学べるサイト。

基本的な使い方やPromises/A+ 互換の実装ライブラリについて書かれてる

ソフトウェア、ツール、ライブラリ関係

AngularJSJavaScriptlibrary

Angular.jsのサブセット。Angularよりもコード量が少なく、読み書きしやすくしたライブラリ。

sweet.jsJavaScript

sweet.jsでasyncとawaitの実装。

内部的にはgenerator、Promisesを使ってる

webdriverSeleniumtesting

Selenium WebDriver API を使ったE2Eテストを書けるテスティングフレームワーク。

メソッドチェーンで動作とassertを書いてテストを書く

JavaScriptJScriptwindows

Nodeライクなモジュール、ES5標準に近い挙動をするようなJScript実行環境。

WSH/JScriptが本来持つモノに加えてモダンな機能を加えた/修正したような感じ

JavaScriptlibraryevent

DOM event listnersをPromises的に書けるようにするライブラリ。

node.jsdebuglibrary

nodeのエラースタックトレースを読みやすい形に整形、色付けするモジュール


Contributors to JSer.info

Thanks @Layzie

この記事へ修正リクエストをする
JSer.info Slackに参加する