Fork me on GitHub

2018-02-20のJS: Ember 3.0、Propel MLでの機械学習

Edit on GitHub 編集履歴を見る

JSer.info #371 - Ember.js 3.0がリリースされました。

スクリプトタブベースからEmber CLIベースを基本とする方針へ変更されています。
3.0からはスクリプトタグから利用できるようにビルドしたものは公開しなくなっています。
これは、Glimmer.jsのようなAOTビルドによって最適化なども考慮し、ビルドプロセスを含むEmber CLI経由がデフォルトになったことを意味しています。

また、Ember.js 2.xで非推奨となったAPIなどが削除されています。

また、2.xから3.xにマイグレーションを行うための補助ツールも公開されています。


JavaScript向けの機械学習ライブラリであるPropel MLが公開されています。
Propel MLはブラウザ、Node.jsどちらでも動くライブラリです。
ブラウザではdeeplearn.jsを利用し、Node.jsからはTensorFlowのC APIを利用しています。

また、Propel Notebookから試せますが、autogradのようなAPIもサポートしています。

このライブラリは元々Node.jsの開発者であるRyan DahlBert Belderによって作られています。


ヘッドライン


Ember.js - Ember 3.0 Released

emberjs.com/blog/2018/02/14/ember-3-0-released.html

Ember ReleaseNote

Ember 3.0リリース。
Ember Data、Ember CLIもあわせて3.0に更新されています。


Tell EJ: Echo JS, a status update - Echo JS

www.echojs.com/news/25644

webservice news

echojsが再開された


normalize.css/CHANGELOG.md at 8.0.0 · necolas/normalize.css

github.com/necolas/normalize.css/blob/8.0.0/CHANGELOG.md

CSS ReleaseNote

normalize.css 8.0.0リリース。
Android 4、Safari 7、IE 9のサポート終了。


WebAssembly First Public Working Drafts | W3C News

www.w3.org/blog/news/archives/6838

WebAssembly news

WebAssemblyのFirst Public Working Draftsが公開された


axios/CHANGELOG.md at v0.18.0 · axios/axios

github.com/axios/axios/blob/v0.18.0/CHANGELOG.md

JavaScript library ReleaseNote

axios 0.18.0リリース。
Node.jsでUnix Socketのサポート、型定義の修正など


アーティクル


Service Worker スクリプトのインストールと更新処理

nhiroki.jp/2018/02/15/service-worker-install-and-update-scripts

ServiceWorker article JavaScript

Service Workerスクリプトのインストール、更新確認のロジック、キャッシュについて。
updateViaCacheでのキャッシュを利用するかの設定、24時間以上経過した場合は必ずサーバへ更新確認を行うことについてなど


Creating and Publishing Web Components with Stencil

www.twilio.com/blog/2018/02/creating-and-publishing-web-components-with-stencil.html

JavaScript WebComponents article

stencilを使ったWeb Componentsをnpmに更新するチュートリアル


lit-html と ShadyCSS - jmblog.jp

jmblog.jp/posts/2018-02-15/lit-html-with-shadycss/

WebComponents CSS article library

lit-htmlのShandyCSSサポートについて。
lit-html+ShandyCSSでスタイルのカプセル化を行う方法について


“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita

qiita.com/aggre/items/9d77085a32764ffe994d

WebComponents article opinion

lit-htmlを使ったWeb Componentsでのウェブアプリ開発について。
Custom Elementをwidgetとして利用することについて。


TypeScriptの型入門 - Qiita

qiita.com/uhyo/items/e2fdef2d3236b9bfe74a

TypeScript article

TyepScriptの型定義についての記事。
基本的なプリミティブ、オブジェクト、関数などの型の書き方や意味の説明、特殊な型定義などについてを説明している。


ZEIT – Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones

zeit.co/blog/next5

JavaScript library React ReleaseNote

Next.js 5.0リリース。
Universal Webpack、CSSやpreact、TypeScriptなどをオプトインでサポートするプラグイン機構の導入、ビルドの高速化など


Replacing jQuery With Vue.js: No Build Step Necessary — Smashing Magazine

www.smashingmagazine.com/2018/02/jquery-vue-javascript/

JavaScript jQuery Vue tutorial

jQueryで書いたシンプルなフォームをVueに置き換えていくチュートリアル。
jQueryとVueでのやり方をそれぞれ紹介しながら書き換えている。


スライド、動画関係


Micro-benchmarking is Hard (Inside Frontend 2, 2018 Feb) - Google スライド

docs.google.com/presentation/d/1MXlFGqFQFJByv8k6Ege0pt0GwJQqbjoh7GdIYia9UQg/edit#slide=id.p

JavaScript benchmark webkit slide

マイクロベンチマークの難しさについてのスライド


サイト、サービス、ドキュメント


GoogleChromeLabs/webpack-libs-optimizations: Using a library in your webpack project? Here’s how to optimize it

github.com/GoogleChromeLabs/webpack-libs-optimizations

JavaScript webpack tutorial

webpackを使ったプロジェクトの最適化について。
不要な依存を削除してファイルサイズの削減する方法や、代替手段やマイグレーション方法について


photonstorm/phaser: Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering.

github.com/photonstorm/phaser

JavaScript HTML game canvas WebGL library ReleaseNote

phaser 3.0.0がリリースされた


webpack-contrib/webpack-stylish: A stylish, optionated reporter for webpack

github.com/webpack-contrib/webpack-stylish

webpack plugin

webpackのビルド結果の出力をstylish形式にするプラグイン


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


Propel ML

propelml.org/

JavaScript node.js library browser

numpyライクなGPUバックエンドを提供するライブラリ。
ブラウザとNode.jsどちらでも動作する。
Ryan DahlとBert Belderが開発している。


busterc/nvx: Run commands on multiple node versions as specified from .travis.yml, circle.yml or arguments; uses npx and is ideal for testing.

github.com/busterc/nvx

node.js console Tools

指定したNode.jsのバージョンを使ってコマンドを実行できるツール。
npmに公開されているNode.jsバイナリをnpx経由で実行する。


egoist/franxx: A vanilla JavaScript router that works everywhere.

github.com/egoist/franxx

JavaScript library

特定のフレームワークに依存しないルーターライブラリ


Blotter.js

blotter.js.org/

JavaScript library example

テキストにエフェクトを与えるライブラリ


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