JSer.info #468 - Ember 3.15がリリースされました。

Ember.js - Ember 3.15 "Octane" Released

Ember.js 3.15での大きな変更点としてOctane Editionのリリースが含まれています。
EditionはEmberでのプログラミングモデルを表わす概念で、今の所Octane Editionのみとなっています。

An edition represents a cohesive programming model, and releasing a new edition represents a shift in the programming model due to new features and concepts being added to Ember. Ember Octane is the first new edition that was added to Ember.

-- https://emberjs.com/editions/octane

Octane Editionでは、主に次の3つが大きな変更点として導入されています。

Glimmer Componentsの導入
- Before: Classic Components(component.extend)
Element Modifiersでの振る舞いの実装
- Before: mixin
@trackedを使ったReactiveなモデルの実装
- Before: computed関数

今回のOctane Editionのリリースにあわせてチュートリアルなどの刷新、Dev Toolsのアップデートなども行われています。
詳しくは次の記事を参照してください。

Ember.js - Octane is Here

少し前の記事ですがJSMonday - Publishing a TypeScript Libraryでは、TypeScriptで書いたライブラリをnpmで公開、テストするまでの流れのチュートリアルが書かれています。

ディレクトリ構造やtsc(TypeScript Compiler)でコンパイルするとどうなるかや、Jestを使ったテストやCoverageのとり方など一通りの流れが書かれています。

また、package.jsonのフィールドや基本的なnpmコマンドの使い方、Semverなどから見たい場合は、次の記事も合わせて読むと良いかもしれません。

初学者向けpackage.jsonハンズオン - Qiita

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.15 "Octane" Released

blog.emberjs.com/2019/12/20/ember-3-15-released.html

Ember ReleaseNote

Ember 3.15リリース。
Ember Octaneが正式リリースとなり、ember newでのデフォルトとなった。
またComponent#isVisible、partial、window.ENVが非推奨となった。

Ember.js - Octane is Here

アーティクル

New WebKit Features in Safari 13 | WebKit

webkit.org/blog/9674/new-webkit-features-in-safari-13/

safari article

iOS/iPad/macOSでのSafari 13の変更点についての紹介記事。
Pointer Events、Visual Viewport API、ITP(Intelligent Tracking Prevention)、FIDO2、WebDriverのサポートになどについて

JSMonday - Publishing a TypeScript Library

www.jsmonday.dev/articles/18/publishing-a-typescript-library

TypeScript library

TypeScriptでライブラリを書いて、npm publishするまでのチュートリアル。
TypeScriptの導入、Jestでのテスト、Codecovでのコードカバレッジ、npm run-scriptの設定など

Making of: Best of 2019 – Johan Ronsse

johanronsse.be/2019/12/28/making-of-best-of-2019/

article Development

Best of 2019というサイトをどのように作ったかについての記事。
SvelteとCSSフレームワーク Ygdirを使った開発、Figmaを使ったデザイン、Notionを使ったコンテンツ管理などについて

Ygdir - Documentation

Discovering Svelte: Adding, Editing and Estimating Tasks In The Pomodoro Technique App | Barbarian Meets Coding

www.barbarianmeetscoding.com/blog/2019/12/29/discovering-svelte-adding-some-tasks-and-pomodoros

Svelte JavaScript article

TODOアプリを作りながらSvelteについて学ぶ記事。
SvelteのLifeCyle hook、$:のラベルを使ったReactiveな仕組みについて

初学者向けpackage.jsonハンズオン - Qiita

qiita.com/segur/items/6eebb70ec2de03016dde

node npm article

npmコマンドとpackage.jsonについての初心者向けチュートリアル記事。
パッケージのインストール、アンインストール、SemVer、ロックファイルについてなど

Node.jsでのCLIの作り方と便利なライブラリまとめ - Qiita

qiita.com/toshi-toma/items/ea76b8894e7771d47e10

node console Tools article

Node.jsでCLIを作る場合の作り方やCLI向けのライブラリについて

React.memo を使ったパフォーマンス最適化について - 30歳からのプログラミング

numb86-tech.hatenablog.com/entry/2019/12/20/222412

React article performance

React.memoとuseCallbackを使ったメモ化とパフォーマンスの最適化についての記事

Base Web - Visual Regression Testing

baseweb.design/blog/visual-regression-testing/

browser testing article

Visual Regression Testingについての記事。
Visual Regression Testingの目的、導入する際の方法、ワークフローについてなど

Ember.js - Octane is Here

blog.emberjs.com/2019/12/20/octane-is-here.html

Ember article

Ember 3.15で導入されたOctaneについて。
Glimmer Componentsの導入、Element ModifiersでのLifeCyleHooksを使った振る舞いの実装、@trackedを使ったReactiveなモデルの実装など。
その他にはチュートリアルの刷新、Dev Toolsのアップデートなど