Fork me on GitHub

2018-07-24のJS: Monthly Webの作り方、普通のHTMLの書き方

Edit on GitHub 編集履歴を見る

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に書いてください。


ヘッドライン


Release Notes for Safari Technology Preview 61 | WebKit

webkit.org/blog/8365/release-notes-for-safari-technology-preview-61/

safari ReleaseNote

Safari Technology Preview 61リリース。
Element.toggleAttributeのサポート、fetchcredentialsのデフォルト値をsame-originへ変更など


Node v10.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v10.7.0/

node.js ReleaseNote

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

JavaScript library ReleaseNote

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

JavaScript Java news Tools

Closure Compilerにネイティブバイナリが同梱された(macOSとLinux)


CanJS 5.0

www.bitovi.com/blog/canjs-5

JavaScript library ReleaseNote

CanJS 5.0リリース。


アーティクル


Connection-Aware Components | Max Böck - Frontend Web Developer

mxb.at/blog/connection-aware-components/

JavaScript article React

Network Information APIやnavigator.onLineなどを使った接続情報を考慮したReactコンポーネントの作り方について


Compiler in JavaScript using ANTLR – DailyJS – Medium

medium.com/dailyjs/compiler-in-javascript-using-antlr-9ec53fd2780f

JavaScript article AST

ANTLRを使ってコンパイラを作る話。
ECMAScriptを入力にしてPythonのコードを出力するコンパイラをどうのように作るかについて


Element.toggleAttribute | blog.jxck.io

blog.jxck.io/entries/2018-07-20/toggle-attribute.html

DOM JavaScript

属性の値をトグルをするElement.prototype.toggleAttributeについて


PWACompat: the Web App Manifest for all browsers  |  Web  |  Google Developers

developers.google.com/web/updates/2018/07/pwacompat

PWA Tools article polyfill

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

React node.js article

AirbnbにおけるReactのサーバサイドレンダリングのパフォーマンスについての記事。JavaScriptがどのように非同期処理をしているかやボトルネックとなる場所についてなど


Monthly Web の作り方 2018 年版 | blog.jxck.io

blog.jxck.io/entries/2018-07-18/how-to-logging-monthly-web.html

web spec proposal article

ウェブ標準に関する仕様や実装の一次情報について。
ブラウザ、WHATWG/W3C、TC39、IETFに関して、それぞれどのような形で情報が公開されているかについてまとめられている。


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


GoogleChromeLabs/ndb: ndb is an improved debugging experience for Node.js, enabled by Chrome DevTools

github.com/GoogleChromeLabs/ndb

Chrome node.js Tools

Puppeteerを使ったNode.jsのデバッガーツール。
Node.jsのアプリに対してChrome開発者ツールでデバッグできる。
node --inspectに比べてコンソールパネルでの実行、ブレークポイントの対応、プロファイル周りなどが追加されている。


普通のHTMLの書き方

hail2u.net/documents/html-best-practices.html

HTML HTML5 document spec

HTMLの避けるべき非推奨な書き方、簡潔な書き方、セマンティック、アクセシビリティを考慮した書き方などについてのドキュメント。
それぞれの項目に悪い例と良い例つきで解説されている。よくある記述の仕様的な解説なども書かれている。


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


nathan/pax: The fastest JavaScript bundler in the galaxy.

github.com/nathan/pax

Rust JavaScript bundler Tools

Rust製のJavaScript Bundler


ramhejazi/draxt: draxt.js – NodeList-like/jQuery-like package for File System (node.js)

github.com/ramhejazi/draxt

node.js library

Node.jsのfsを配列などのようにメソッドチェーンで操作できるライブラリ


imbrn/v8n: JavaScript fluent validation library.

github.com/imbrn/v8n

JavaScript library

メソッドチェーンでバリデーションルールを書けるライブラリ


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