roppongi.js#4
フロントエンドの技術選定 by DMM
20年の歴史がある
影響範囲が広い
仕様調査が必要
デザインチーム主導でUI inventryが作られた
デザインパーツの管理
小さいパーツ単位で少しずつやる
デザイン+フロントエンジニアで範囲からやる
3人のチーム
JavaScriptフレームワーク色々ある
ReactやVueなどを学ぶ所からやる
Vue良い。vue-ifとか理解しやすい
既存システムのパーツ単位でvueにしていける
サーバーサイドレンダリングは必要そう
ファイル名を変更したらimport文も変更するツールが欲しい
babylonでASTにしてbabel/generatorで戻すだけ
空行が現れたり消えたりするようになった
TextChange
ASTの中身を見て、ソースコードに変更を加えるようにした
CPU負荷が高い処理を別threadに任せる為のもの
clusterと同じように使える
SQL OR Mapper
ReactNative内でflexboxっぽいAPIでレイアウトするのがyoga JSエンジンの進化
ASTインタプリタ
bytecodeインタプリタ
baseline JIT
method JIT
JScript
JavaScriptCore
Trace Monkey
JagerMonkey
V8
後でインタプリタを搭載した
Chakra
mark and sweepでやる
今日はライフサイクルの話
わりと参照が外れない事は多い
Objectに対してはnull代入
Object.propertyに対してはdeleteを使う
Reactは元々ML系の言語でプロトタイプが作られて、また戻ってきた感じ
違い
statelessとstatefull componentのAPIが違う
routerが組み込まれている
Class decorator
Method decorator
Parameter decorator
こっちはだれも使ってない
ESにもdecoratorほしいshokai.icon
貢献できるOSSの見つけ方 -How to find "Good First Issues" by ohbarye 最近githubリポジトリ作ると、labelにgood-first-issueというのがある
そのリポジトリの初心者向けのissueに付ける
good-first-issueラベルがあるリポジトリをGithub APIで検索する
ドラッグアンドドロップできるReactコンポーネント
良いライブラリである
タッチデバイス対応、キーボード対応など
縦横に組まれたレイアウトをドラッグアンドドロップすると、うまくいかない
動くべきではない部分が動いてしまう
なんかやってどうにかした