Kyoto.js 14
https://gyazo.com/3f1968a73fee863699040d5d8e64e6fc
13:00 乾杯
13:05 puppeteer向けのタスクランナーみたいなの書いたので紹介します pastak E2Eテスト
kaerukun
PhantomJS
R.I.P.
Selenium
Puppeteer <-
タスクとURLのひも付け
kaerukun
puppeteerのラッパー
URLとタスクファイルをひも付け可能
13:20 V8周りの話(仮) hiroppy
Performance Timeline Level 2
W3Cの仕様
msで値がとれる
const {constants, performance, PerformanceObserver} = require("perf_hooks")
entryType
node = 起動時の情報とかがとれる
gc = GCがrunした時に反応する
mark
measure
使い方
1. mark 開始時
2. mark 終了時
3. measure 名前をつける
4. getEntriesByName 名前で引くと時間の差分がとれる
timerify
stability=1 (experimental)
13:35 aws-serverless-expressの話(仮) potato4d
IaaSはメンテがつらい
GAE Standards
Python/Go/Java以外は高い
FlexibleはDockerコンテナを動かすだけ
FaaS: LambdaとかCloudfunctions
Lambdaはイベントの汎用性を
CloudFunctionsはExpress LikeなI/Fが魅力的
レイテンシも初回起動が微妙ぐらい
実行時課金で安い
オートスケールOK
一定以上独自記法が必要
GAE/SE for Nodeがあれば…
aws-serverless-express
AmazonがノリでつくっちゃったAWS LambdaでExpressが動くライブラリ
めっちゃ良さそうakix.icon
GAE Standard Node.js 8.x Early Accessも3,4日前に始まった
13:50 休憩
14:00 Cycle.jsについてor Codegenについて or Streamについて hiroqn
cycle.js
Steam(RxJS, xstream, most)
次の計算の抽象化
snabbdom
仮想DOM
デザインパターン
MVIパターン
Model, View, Intent
公式に書いてある
fluxっぽい
SESパターン
hiroqnさんが作った
Stream -> Endo(自己準同型tを受け取ってtを返してくれる) -> State
14:15 Swagger的な話 mikakane
Swagger=YAMLでAPI仕様がかけるやつ
API Blueprintに比べると書きやすい
14:30 GatsbyJS nnjyami
30分でつくれる
めっちゃ速い…
カカカカックさんにブログメンターしてもらってる
Gatsby
Nodeで動く静的ジェネレーター
テンプレートはReact
表示ページはSPAとして超高速表示
標準でPWAの書き出しに対応
静的ジェネレータ
フロントエンドで完結するものは少ない
Jekyll: Ruby
Hugo: Go
向いてる用途
Blog
ドキュメント
ポートフォリオ
静的ページだけのサイト(キャンペーンサイト/LPなど)
GraphQLを書くとコンパイルされてpropsで渡される
14:45 introduction to JAMStack sotayamasita
Gatsby.jsとかも似たような文脈で話されている
再利用可能なAPI、事前ビルドされたマークアップで構成されたWeb開発アーキテクチャ
JAM=JavaScript+API+Markup
JavaScript = リクエスト・レスポンスの制御は全てjs
API = モノリシックな構成ではなくDBを直接叩くのではなく、抽象化したAPI
Markup = 表示するコンテンツをサーバー側ではなく、ビルドした結果をデプロイする
JAMStackなもの
すべてのリクエストとレスポンスがJSで管理されてる
DBのクエリを直接叩かない
静的ファイルは手元でビルド
JAMStackではないもの
Wordpressなどのサーバーサイドレンダリングされたサイト
SSR
15:00 休憩 & ピザタイム
15:30 君はGPUの歓声を聞いたことがあるか amagitakayosi
GLSL:シェーダーの一種
WebGLで画像にエフェクトかけるのにもカジュアルに使える
シェーダーアート
GLSLはGPUパワーをフル活用できる
メガデモ
ゲーム機のゲームソフトハックからスタート
VEDAのしくみ
AtomはElectronなのでWebGLが動く!
編集中のGLSLコードを評価して全画面表示のCanvasに描画する
Sound Shader
GLSLで音楽を生成
メガデモでよく使われる
音声ファイルが不要になるのでファイルサイズが削減できる
15:45 kamiyam
refluxjs
今ならUnityで作るかも
16:00 Printable Web spring_raining
EPUBはW3Cに統合された
WorkingDraft: Web Publications
Vertical Rhythm
要素が縦に並んでる時に一定幅に揃ってると見栄えが良い
CSSline-height-step
float property
図の周りに文章を流し込む
float-reference: page;
float: bottom;
ブラウザでは未実装
カウンタ
LaTeXみたいな機能
16:15 懇親タイム
17:30 解散!京都観光へ