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 DahlとBert Belderによって作られています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Ember.js - Ember 3.0 Released
emberjs.com/blog/2018/02/14/ember-3-0-released.html
Ember 3.0リリース。
Ember Data、Ember CLIもあわせて3.0に更新されています。
Tell EJ: Echo JS, a status update - Echo JS
echojsが再開された
normalize.css/CHANGELOG.md at 8.0.0 · necolas/normalize.css
github.com/necolas/normalize.css/blob/8.0.0/CHANGELOG.md
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のFirst Public Working Draftsが公開された
axios/CHANGELOG.md at v0.18.0 · axios/axios
github.com/axios/axios/blob/v0.18.0/CHANGELOG.md
axios 0.18.0リリース。
Node.jsでUnix Socketのサポート、型定義の修正など
アーティクル
Service Worker スクリプトのインストールと更新処理
nhiroki.jp/2018/02/15/service-worker-install-and-update-scripts
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
stencilを使ったWeb Componentsをnpmに更新するチュートリアル
lit-html と ShadyCSS - jmblog.jp
jmblog.jp/posts/2018-02-15/lit-html-with-shadycss/
lit-htmlのShandyCSSサポートについて。
lit-html+ShandyCSSでスタイルのカプセル化を行う方法について
“Web Componentsだけ” で新サービスを実装して見えたこと - Qiita
qiita.com/aggre/items/9d77085a32764ffe994d
lit-htmlを使ったWeb Componentsでのウェブアプリ開発について。
Custom Elementをwidgetとして利用することについて。
TypeScriptの型入門 - Qiita
qiita.com/uhyo/items/e2fdef2d3236b9bfe74a
TyepScriptの型定義についての記事。
基本的なプリミティブ、オブジェクト、関数などの型の書き方や意味の説明、特殊な型定義などについてを説明している。
ZEIT – Next.js 5: Universal Webpack, CSS Imports, Plugins and Zones
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/
jQueryで書いたシンプルなフォームをVueに置き換えていくチュートリアル。
jQueryとVueでのやり方をそれぞれ紹介しながら書き換えている。
スライド、動画関係
Micro-benchmarking is Hard (Inside Frontend 2, 2018 Feb) - Google スライド
docs.google.com/presentation/d/1MXlFGqFQFJByv8k6Ege0pt0GwJQqbjoh7GdIYia9UQg/edit#slide=id.p
マイクロベンチマークの難しさについてのスライド
サイト、サービス、ドキュメント
GoogleChromeLabs/webpack-libs-optimizations: Using a library in your webpack project? Here’s how to optimize it
github.com/GoogleChromeLabs/webpack-libs-optimizations
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.
phaser 3.0.0がリリースされた
webpack-contrib/webpack-stylish: A stylish, optionated reporter for webpack
github.com/webpack-contrib/webpack-stylish
webpackのビルド結果の出力をstylish形式にするプラグイン
ソフトウェア、ツール、ライブラリ関係
Propel ML
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.
指定したNode.jsのバージョンを使ってコマンドを実行できるツール。
npmに公開されているNode.jsバイナリをnpx経由で実行する。
egoist/franxx: A vanilla JavaScript router that works everywhere.
特定のフレームワークに依存しないルーターライブラリ
Blotter.js
テキストにエフェクトを与えるライブラリ
