JSer.info #226 - Node.jsのforkであるio.js 2.0.0がリリースされました。
semver準拠なので2.0.0ではBreaking Changesが含まれています。
V8のアップデートによる変更でC++のNative moduleを直接書いてるケースへの影響と、os.tmpdir()の挙動が変更された点ぐらいとなっていて以下にまとめられています。
その他の機能追加や修正などについて、1.0から2.0までの詳しい変更点は以下で解説されています。
Project SpartanというコードネームだったMicrosoftの新しいブラウザは"Microsoft Edge"という名前に決定されました。
また、Introducing Microsoft Edge Devという記事では、MSEdgeの開発者向けサイトも公開されており、このサイトではPlatform StatusやChangelog、FAQやフィードバックの方法等が書かれています。
Isomorphic Survival Guide // Speaker Deckというスライドではisomorphicというキーワードの前に"フロントエンド/バックエンド/クライアントサイド/サーバサイド"といったごちゃっとしてしまう所の定義や変遷が解説されています。
今現在React周りなどでよく見るフロントエンドのクライアント/サーバでのisomorphicとMeteor的なバックエンドのクライアント/サーバでのisomorphicの違いなどについて書かれています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Introducing Microsoft Edge Dev
blogs.windows.com/msedgedev/2015/05/05/introducing-microsoft-edge-dev/
新しいブラウザ名がMicrosoft Edgeとなり、それに関連してdev.modern.ieというMSEdgeについてを扱うサイトが公開された。
- Microsoft Edge is the browser for Windows 10 - IEBlog - Site Home - MSDN Blogs
- Developer Resources : MSEdge Dev
- Microsoft Edge
io.js/CHANGELOG.md at master · iojs/io.js
github.com/iojs/io.js/blob/master/CHANGELOG.md#2015-05-04-version-200-rvagg
io.js 2.0.0リリース。
Breaking ChangesはV8のC++ APIの変更とos.tmpdir()のみ。
V8のアップデートによるES6対応の追加など
Announcing TypeScript 1.5 Beta - TypeScript - Site Home - MSDN Blogs
blogs.msdn.com/b/typescript/archive/2015/04/30/announcing-typescript-1-5-beta.aspx
TypeScript 1.5 Betaリリース。
zuul/HISTORY.md at v3.0.0 · defunctzombie/zuul
github.com/defunctzombie/zuul/blob/v3.0.0/HISTORY.md
JavaScriptテストフレームワークのzuul 3.0.0リリース。
Brackets Blog - The Free, Open Source Code Editor for the Web
blog.brackets.io/2015/04/27/brackets-1-3-release-is-here/
Brackets 1.3リリース。
bracketsコマンドの追加、Code Foldingのサポート、Brackets Health Dataというユーザ情報を収集する仕組みが入った
アーティクル
Basket.js: Script loader that caches scripts in localStorage — Medium
medium.com/@karimaliz/basket-js-script-loader-that-caches-scripts-in-localstorage-544a93827a5
localStorageにモジュールをキャッシュするローダライブラリのbasket.jsについて
Designing Front-End Components
ponyfoo.com/articles/designing-front-end-components
UIライブラリを作るにあたり気をつける事。
インラインスタイルを避けるべき、CSSクラスのprefixを付ける、スタイルは最小にする、ライブラリはplainなCSSを提供する。
見通しの良いAPIと柔軟なAPI設計について
npmで名前空間を持ったモジュールを公開する方法(scoped modules) | Web Scratch
efcl.info/2015/04/30/npm-namespace/
npmでscoped modulesを無料で公開できるようになった。
ユーザ名を名前空間として使えるためモジュール名の重複を気にせず公開できる話
Ruby Sass, LibSass – What's the Difference?
sassbreak.com/ruby-sass-libsass-differences/
LibSassとRuby Sassの違いについて
LibSassの方が圧倒的に早いことや互換性について
ES6 — strings — Medium
medium.com/@mrzepinski/es6-string-bae03d964d43
ES6のString関係のメソッドについてのまとめ
スライド、動画関係
Isomorphic Survival Guide // Speaker Deck
speakerdeck.com/koichik/isomorphic-survival-guide
isomorphicというキーワードを歴史的な流れを踏まえて解説するスライド。
フロントエンド/バックエンド/クライアントサイド/サーバサイドという言葉の意味の変遷、isomorphicの構成要素、Rendrが解決した事、React/Fluxが解決できている事などについて
サイト、サービス、ドキュメント
javascript/react at master · airbnb/javascript
github.com/airbnb/javascript/tree/master/react
AirbnbのReactコードスタイルガイド
ソフトウェア、ツール、ライブラリ関係
ESDoc - An API Document Generator For JavaScript(ES6)
ES6のコードに対応したAPIドキュメント生成ツール。
基本的にはJSDocと同じようにタグ(@paramなど)からドキュメントを生成できる。
ES6のclassやimport/export等に対応、ドキュメントのカバレッジの計測、テストコードとドキュメントの関連付けを行える
Home - Visual Studio Code
ElectronベースのエディタであるVisual Studio Codeのサイト。
ASP.NETとNode.js、TypeScriptを中心にサポート。
Windows/Mac/Linuxに対応してる
Vorlon.JS
スクリプトタグを埋め込んでおくとリモートデバッグ出来るツール。
Console、DOMツリーの表示、Modernizrを使ったサポート状況の表示などが出来る。
またpluginで拡張する事が出来る
Clusterize.js
nexts.github.io/Clusterize.js/
大量のリストを表示するときに上手く間引いてDOMの描画を行うライブラリ。
無限スクロール的なものを実装出来るライブラリ
micmro/performance-bookmarklet
github.com/micmro/performance-bookmarklet
Resource Timing API、Navigation Timing API、User-Timing APIの結果を表示するブックマークレットやブラウザ拡張
ramjet
スムーズなDOMモーフィングの実装ライブラリ
paldepind/flyd
小さなFRPライブラリ。
モジュールで拡張可能な作り
