Fork me on GitHub

2018-03-26のJS: D3.js 5.0.0、ウェブアプリの技術選定、oclif

Edit on GitHub 編集履歴を見る

JSer.info #376 - D3.js 5.0.0がリリースされました。

d3-requestd3-fetchに置き換えられロード系のメソッドがコールバックからPromiseを返すように変更されています。
またd3.schemeCategory20*が削除されd3-scale-chromaticを使うなどの変更が行われています。


次の記事では、新規でウェブアプリを開発する際の技術選定、ビルド設定、コード設計、アーキテクチャについて書かれています。

どのようなライブラリ/ツール/設計をなぜ選んだかやそれらを使った開発について詳細に書かれています。
また、それらの開発したウェブアプリをどのように配信し、どのようなパフォーマンス対策取ったかについて書かれています。


Heroku CLIなどのCLIエンジンがoclifという名前のCLIフレームワークとなって公開されています。

シングルコマンド、マルチコマンドのCLIを作成できるCLIツール向けのフレームワークです。
必要なコードを生成する機能やテストヘルパー、ヘルプの自動生成などCLIツールを作成するための機能を持っています。


ヘッドライン


ESLint v4.19.0 released - ESLint - Pluggable JavaScript linter

eslint.org/blog/2018/03/eslint-v4.19.0-released

ESLint ReleaseNote

ESLint 4.19.0リリース。
ES2018のRegExp拡張に対応など


Release Release of 1.0.0 · laurentj/slimerjs

github.com/laurentj/slimerjs/releases/tag/1.0.0

firefox ReleaseNote library

FirefoxベースのPhantomJSライクなライブラリであるSlimerJS 1.0リリース。
Firefox 56以降では--headlessを使うことでヘッドレスブラウザとして利用できるようになるなど


npm/CHANGELOG.md at v5.8.0 · npm/npm

github.com/npm/npm/blob/v5.8.0/CHANGELOG.md

npm ReleaseNote

npm 5.8.0リリース。
--no-colorオプションのサポート、npm ciの改善など


d3/CHANGES.md at master · d3/d3

github.com/d3/d3/blob/master/CHANGES.md#changes-in-d3-50

d3.js ReleaseNote

D3.js 5.0リリース。
ロード系のメソッドがコールバックからPromiseを返すように変更、XHRからFetch APIを利用するように。
またd3.schemeCategory20*を削除しd3-scale-chromaticなどをつかうようになるなど


Dev.Opera — What’s new in Chromium 65 and Opera 52

dev.opera.com/blog/opera-52/

Opera Chrome ReleaseNote

Opera 52 (based on Chromium 65)リリース。
Paint Worklet、Server Timing API、Feature Policyのサポートなど


アーティクル


Lazy Loading JavaScript Modules With ConditionerJS — Smashing Magazine

www.smashingmagazine.com/2018/03/lazy-loading-with-conditioner-js/

JavaScript browser article

data属性を使ってlazy LoadやResponsiveな動作を定義できるConditionerJSについての紹介


ECMAScript proposal updates at 2018-03 | ECMAScript Daily

ecmascript-daily.github.io/ecmascript/2018/03/26/ecmascript-proposal-updates

ECMAScript proposal

2018年3月に行われたTC39ミーティングによってステータスが変更された/追加されたECMAScript Proposalのまとめ


技術要素編: web アプリが新陳代謝を続けるための依存関係の厳選(新規開発のメモ書きシリーズ1) ::ハブろぐ

havelog.ayumusato.com/develop/others/e747-scratch_memo_1.html

JavaScript project article architecture

ウェブアプリの技術選定、ビルド設定、コード設計、アーキテクチャについての連載記事。
新規でウェブアプリを開発する際にどのような理由でライブラリやビルドツール、ディレクトリ構造などの採用したか、配信におけるCDNやパフォーマンス計測について


Getting Started With The Web MIDI API — Smashing Magazine

www.smashingmagazine.com/2018/03/web-midi-api/

JavaScript web audio

Web MIDI APIについて入門記事


Node.jsとECMAScript Modules - 技術探し

blog.hiroppy.me/entry/nodejs-esm

node.js module article

Node.jsとES Modulesについて


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


agis/mcdetect: Catch mixed content issues in the wild

github.com/agis/mcdetect

JavaScript security browser Chrome Tools

Headless Chromeを使ったMixed Contentの検知ツール


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


continuationlabs/wequire: synchronously load wasm files

github.com/continuationlabs/wequire

node.js WebAssembly

Node.jsで.wasmファイルを同期的読み込めるライブラリ


oclif: The Open CLI Framework · Create command line tools your users love

oclif.io/

node.js console Tools library

Heroku CLIなどで使われているNode.jsでCLIを作るためのフレームワーク。
シングルコマンド、マルチコマンドのCLIに対応していて、テンプレートコードの生成やテストの補助も行うツール


書籍関係


Simplifying JavaScript: Writing Modern JavaScript with ES5, ES6, and Beyond: Joe Morgan: 9781680502886: Amazon.com: Books

www.amazon.com/Simplifying-JavaScript-Writing-Modern-Beyond/dp/1680502883

JavaScript book

2018年5月25日発売
ES2015以降を使ったシンプルで読みやすく予想可能なコードの書き方についての書籍


Rediscovering JavaScript: Master ES6, ES7, and ES8 by Venkat Subramaniam | The Pragmatic Bookshelf

pragprog.com/book/ves6/rediscovering-javascript

JavaScript book

2018年6月10日発売
ES2015の構文を使ったJavaScriptの書き方、オブジェクト指向やモジュールについての書籍


"SurviveJS - Webpack" Updated to webpack 4

survivejs.com/blog/webpack-book-updated-to-webpack-4/

book webpack

SurviveJS - Webpackがwebpack 4に対応した。


Securing Node Applications: Web Programming Conference | Web Performance Conference | Fluent

conferences.oreilly.com/fluent/fl-ca/public/content/securing-node-applications

node.js security book

OWASP Top 10 security risksとNode.jsについての小さな書籍。
それぞれの脆弱性の紹介やNode.jsを使った場合での対策についてまとめられている


プログレッシブウェブアプリ PWA開発入門 | 電子書籍とプリントオンデマンド(POD) | NextPublishing(ネクストパブリッシング)

nextpublishing.jp/book/9553.html

PWA book

2018年3月23日発売
Progressive Web Appsについての書籍


この記事へ修正リクエストをする
記事を紹介する