Skip to content

Instantly share code, notes, and snippets.

@koh110
Created June 2, 2019 20:17
Show Gist options
  • Save koh110/7c9bf28e4b9d4cdfce5f1fda5a651442 to your computer and use it in GitHub Desktop.
Save koh110/7c9bf28e4b9d4cdfce5f1fda5a651442 to your computer and use it in GitHub Desktop.

Crafting Comics for Literally Everyone

Web が真に公平な platform ならばハンデがあっても漫画が読めるはず 漫画の読み上げ leader を作ったっぽい

読みすすめていくと該当箇所のセリフが speech されるデモ

2.2%の homepage が WCAG2 を達成している https://waic.jp/docs/WCAG20/Overview.html https://waic.jp/docs/UNDERSTANDING-WCAG20/Overview.html

これに準拠することが大事なのかどうなのかは考えんといかん

animations - learning from cartoons

squash & stretch バウンドするときに形を変形させる

keep the object volume

スピード感を表現する slowly -> fast

10 things I learned making the fastest js server runtime in the world

is javascript fast?

Why node.js is fast

How fast is Javascript compared to Java?

define fast

site reliablility engineering https://landing.google.com/sre/books

Rate Errors Latency Saturation Utilization

understand the environment/lifecycle

long runnning process deployed on cloud or bare metal attached to a fast network "enough" CPU/Memory

measure / benchmark

menchmarking is hard

  • Meaningful benchmark are even harder
  • Techempower Framework Benchmarks

https://github.com/TechEmpower/FrameworkBenchmarks

analize

framegraph

javascript runtimeres

v8 の他にもいくつか engine がある

graaljs

https://graalvm.org

JavaVM みたいなものか?

https://www.graalvm.org/docs/

図からは compiler のように見える

ものによっては Node.js を上間ラルパフォーマンスを出している

https://reactiverse.io/es4x

npm install es4x-pm

vertx/core vertx/web

io のライブラリに vert.x というのを使うという話 express じゃない http handler の作り方っぽいがなぜ速くなるのか

es4x というのが JSON serialization とかが Node.js に比べて速い。なぜ

conclusion

you don't need to switch go/rust

JavaScript は十分速い 締めが面白かった

TC39 Committee

https://es.discourse.group/

HTTP headers for the responsible developer

Content-Security-Policy: upgrade-insecure-...

HTTP/CSP

Content-Security-Policy

Cache-Control immutable ほぼどのブラウザでも実装されていないっぽい

GZIP vs Brotli

Brotli -> gzip より圧縮効率のいい圧縮ライブラリらしい

webp

Accept-CH Accecp-CH-Lifetime

link-rel-preload

AMP

<iframe allow="camera 'none'; ">

github w3c/webappsec-feature-policy

資料 my-links.online/the-responsible-dev https://speakerdeck.com/stefanjudis/http-headers-for-the-responsible-developer

Block, unblock, block! : How ad blockers are being circumvented, and how they are fighting back.

W3C TAG Ethical Web Principal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment