Frontrend x Chrome Tech Talk Night Extended

佐藤せっか @sekka

show paint rectangleの設定をonし、再描画範囲を視覚化。 #frontrend

佐藤せっか @sekka

repaintを減らして描画を高速化しよう。 #frontrend

たまょ @tamaxyo

いいにおいが・・・・ #frontrend

Shogo SENSUI 🍵 @1000ch

#frontrend このCheetSheetだれか！

lequinharay @lequinharay

jsだけじゃなく、CSSでも出来る #frontrend

takano @mtknnktm

ブラウザアプリのフロントの特に描画部分のパフォーマンスチューニングの話を聞いてると、JS+DOMの開発もコンシューマゲームみたいになってきたなぁ #frontrend

kyo_ago @kyo_ago

about:tracing（プロ向け） Timeline（素人向け） ＼(^o^)／ #frontrend

Frontrend @frontrend_ca

DevToolのabout://tracingについての記事 http://t.co/SY9yQjStA3 #frontrend

高梨ギンペイ @ginpei_jp

ピザの香りがしてきた気がする。 #frontrend

shinanonozenji @shinanonozenji_

transformとopacityは完全にGPUでいける #frontrend

佐藤せっか @sekka

transformとopacityは完全にGPUを使える。transform:scale, translateX, rotate #frontrend

高梨ギンペイ @ginpei_jp

「scale, move, rotateはtransformで、fadeはopacityで。 #frontrend

高梨ギンペイ @ginpei_jp

こないだこういう実験しました。 / アニメーション比較: transform vs それ以外CSS vs jQuery - Qiita [キータ] http://t.co/tBylkfmGkO #frontrend

たまょ @tamaxyo

ブラウザの裏側のすごく細かい話。すげぇ勉強になってる #frontrend

たまょ @tamaxyo

Chromeってそういうののかなりの部分にアクセス出来るようになってるからすごい。やっぱり離れられないなぁ #frontrend

高梨ギンペイ @ginpei_jp

「まとめ。今回紹介した全てのDevToolsの機能は、Chrome Canaryで導入されている。 #frontrend

佐藤せっか @sekka

これらの機能はCanaryで使える。http://t.co/ssQH25rxWBにドキュメントがある。 #frontrend

とあるミンゴ @osamingo

chromeはブラウザじゃない(確信) #frontrend

lequinharay @lequinharay

devtoolのドキュメント日本語訳してくれる人がいるって！ 近々で翻訳されるって！！ #frontrend

高梨ギンペイ @ginpei_jp

「DevToolsの文書。翻訳してもいいよ☆ https://t.co/9hoDLfaDzo #frontrend

高梨ギンペイ @ginpei_jp

「一秒以内に最初の画面に表示されるもの(ATF: above the fold)は表示されるようにする #frontrend

佐藤せっか @sekka

モバイルウェブの目標値。above the fold(1st view)は1秒以内の描画を。 #frontrend

高梨ギンペイ @ginpei_jp

「スクロール等のアニメーションは60 fpsで #frontrend

今別府すてぃお @suthio_

chromeはブラウザの域を完全に超えている。もうChromeにSublime Text並の機能入れればなにもいらないと思う #frontrend

あほむ｜副業転職 Offers の overflow @ahomu

#frontrend ありがとう！