JSer.info #393 - Monthly Web の作り方 2018 年版 | blog.jxck.ioという記事では、mozaic.fmというPodcastにおいて毎月公開しているウェブ標準や実装の動向についてどうやって情報を集めるかについて書かれています。
ブラウザ、WHATWG/W3C、TC39、IETFに関してどのようなスタイルで情報が公開されているかについてまとめられています。
仕様や試験的な実装の動きについて興味がある人は見てみると良さそうです。
普通のHTMLの書き方というドキュメントでは、HTMLの現代的な書き方について書かれています。
HTMLをメンテナンスしやすい簡潔な書き方、セマンティック、アクセシビリティを考慮した書き方などについてのドキュメントです。
XHTMLやHTML4.01など古い仕様からくる非推奨な書き方をどのように避けるべきかについても書かれています。
それぞれの項目に悪い例と良い例つきで解説されていて、よくある記述の仕様的な解説なども書かれています。
以前公開されたドキュメントに解説がついたものとなっています。
お知らせ
以前お知らせしたJSer.info 400回記念イベントの日付が2018年9月22日(土)に決まりました。
2018年8月中にはイベントページを作ると思います。
また、何かしたい/聞きたいことがある場合は次のIssueに書いてください。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release Notes for Safari Technology Preview 61 | WebKit
webkit.org/blog/8365/release-notes-for-safari-technology-preview-61/
Safari Technology Preview 61リリース。
Element.toggleAttributeのサポート、fetchのcredentialsのデフォルト値をsame-originへ変更など
Node v10.7.0 (Current) | Node.js
nodejs.org/en/blog/release/v10.7.0/
Node.js 10.7.0リリース。
console.timeLog()の実装、process.hrtime.bigint()の実装、--titleコマンドライン引数でプロセスのタイトルを指定できるようになるなど
Ember.js - Ember 3.3 Released
emberjs.com/blog/2018/07/16/ember-3-3-released.html
Ember 3.3リリース。
jQueryの依存をオプショナルにできるように
Support the native graal packages by ChadKillingsworth · Pull Request #90 · google/closure-compiler-npm
github.com/google/closure-compiler-npm/pull/90
Closure Compilerにネイティブバイナリが同梱された(macOSとLinux)
CanJS 5.0
CanJS 5.0リリース。
アーティクル
Connection-Aware Components | Max Böck - Frontend Web Developer
mxb.at/blog/connection-aware-components/
Network Information APIやnavigator.onLineなどを使った接続情報を考慮したReactコンポーネントの作り方について
Compiler in JavaScript using ANTLR – DailyJS – Medium
medium.com/dailyjs/compiler-in-javascript-using-antlr-9ec53fd2780f
ANTLRを使ってコンパイラを作る話。
ECMAScriptを入力にしてPythonのコードを出力するコンパイラをどうのように作るかについて
Element.toggleAttribute | blog.jxck.io
blog.jxck.io/entries/2018-07-20/toggle-attribute.html
属性の値をトグルをするElement.prototype.toggleAttributeについて
PWACompat: the Web App Manifest for all browsers | Web | Google Developers
developers.google.com/web/updates/2018/07/pwacompat
Web App Manifestから古いSafariやレガシーブラウザ向けにメタ要素を追加するライブラリ。
Operationalizing Node.js for Server Side Rendering – Airbnb Engineering & Data Science – Medium
medium.com/airbnb-engineering/operationalizing-node-js-for-server-side-rendering-c5ba718acfc9
AirbnbにおけるReactのサーバサイドレンダリングのパフォーマンスについての記事。JavaScriptがどのように非同期処理をしているかやボトルネックとなる場所についてなど
Monthly Web の作り方 2018 年版 | blog.jxck.io
blog.jxck.io/entries/2018-07-18/how-to-logging-monthly-web.html
ウェブ標準に関する仕様や実装の一次情報について。
ブラウザ、WHATWG/W3C、TC39、IETFに関して、それぞれどのような形で情報が公開されているかについてまとめられている。
サイト、サービス、ドキュメント
GoogleChromeLabs/ndb: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools
github.com/GoogleChromeLabs/ndb
Puppeteerを使ったNode.jsのデバッガーツール。
Node.jsのアプリに対してChrome開発者ツールでデバッグできる。
node --inspectに比べてコンソールパネルでの実行、ブレークポイントの対応、プロファイル周りなどが追加されている。
普通のHTMLの書き方
hail2u.net/documents/html-best-practices.html
HTMLの避けるべき非推奨な書き方、簡潔な書き方、セマンティック、アクセシビリティを考慮した書き方などについてのドキュメント。
それぞれの項目に悪い例と良い例つきで解説されている。よくある記述の仕様的な解説なども書かれている。
ソフトウェア、ツール、ライブラリ関係
nathan/pax: The fastest JavaScript bundler in the galaxy.
Rust製のJavaScript Bundler
ramhejazi/draxt: draxt.js – NodeList-like/jQuery-like package for File System (node.js)
Node.jsのfsを配列などのようにメソッドチェーンで操作できるライブラリ
imbrn/v8n: JavaScript fluent validation library.
メソッドチェーンでバリデーションルールを書けるライブラリ
