Inside Frontend という「Web フロントエンドの現場とこれからをつなぐカンファレンス」に参加してきました。
以下、聴講したセッションと所感です。セッション聴いてるときに他の方がよいツイートをしていたのをメモ代わりに「いいね」していたので、それも貼って備忘録としています。
Web over ServiceWorker @jxck_
ServiceWorker についてよく知らなかったので勉強になったという感想です。実務で使われている事例がもっと増えてくるといいなと思ってます。
onsync !== on-line/offline. onsync: trigger based on devise status network, battery etc #insideFE #insideFE_B
— Kiyoshi Nomo 半泣き黒猫団員 (@kysnm) 2017年2月25日
Micro Service Workers, foreign fetch によって domain さえサブドメインに分けちゃえば責務を分離して登録できるようになった #insideFE #insideFE_B
— Yosuke FURUKAWA (@yosuke_furukawa) 2017年2月25日
Progressive Web Apps by @jxck_
（Progressive Web Appすごい！ Service Workerすごい！と思う度に、iOSの対応状況を見ておおふ。。。となります。。。）#insideFE pic.twitter.com/HWvLSAcYYu
— 鹿野壮（かのたけし） (@tonkotsuboy_com) 2017年2月25日
SWがないと動かないように作るのはまだ早い（Safari的な意味で） 現状では透過Proxyみたいな使い方をするといいのでは #insideFE
— ぐら (@grapswiz) 2017年2月25日
Pushウザイのは単純に設計がまずい。ブロックされるとdomainが死ぬ。のでオプトインがよいのでは。 #InsideFE
— kmg (@y_kmg) 2017年2月25日
Polyfills are part of the web - FT & Nikkei @triblondon
polyfill.io どの機能がどのブラウザで必要かを判定、必要なポリフィルだけを提供してくれる #insideFE #insideFE_A
— Kyrie / Yuka Sato (@__kyrieleison__) 2017年2月25日
フロントエンドの課題を啓蒙する方法 by @yhassy
・デザイナー：ふわっとした所からまず全体を作る。
— 火河大和 (@yamato_hal) 2017年2月25日
・エンジニア：パーツをまず作り、それを積み上げる。#insideFE_E
Native App用の
— kei (@kei_n_n_iek) 2017年2月25日
facebookのkeyframeは結構いいhttps://t.co/LK3Y7RpLEC#insideFE
アメブロ2016: 実録、アメブロフロントリニューアル275日 - CyberAgent @herablog
#InsideFE
— GodaiHori (@steelydylan) 2017年2月25日
アメブロサイトを
React Redux Babel Express Webpack Docker を使ってリニューアルしたらしい。
#InsideFE
— GodaiHori (@steelydylan) 2017年2月25日
node --inspect index.js でデバックできるらしい。
renderToString を避ける、キャッシュをする、みんなやるんだよなぁ。。。 #insideFE #insideFE_A
— Yosuke FURUKAWA (@yosuke_furukawa) 2017年2月25日
このキャッシュをする所をどうするか問題はかなりあると思ってて、確かアメブロチームはmemdだった気がした。 ちなみにbookingtableはin process cacheでLRUCacheライブラリ作ってやってる。 #insideFE #insideFE_A
— Yosuke FURUKAWA (@yosuke_furukawa) 2017年2月25日
これですねー #insideFE #insideFE_A / “Front-End Performance Checklist 2017 (PDF, Apple Pages) – Smashing Magazine” https://t.co/jg1korjcyI
— Yosuke FURUKAWA (@yosuke_furukawa) 2017年2月25日
ルールよりも技術で担保する。ESLint や CSSList を使う #insideFE #insideFE_C
— Kyrie / Yuka Sato (@__kyrieleison__) 2017年2月25日
redis は10kb以上のHTMLでパフォーマンスが落ちる、ボトルネックになっていたので memcached に変えた #insideFE #insideFE_C
— Kyrie / Yuka Sato (@__kyrieleison__) 2017年2月25日
karmaを使ったSPA向けのE2Eテスト技法 @kyo_ago
kyo_agoさんがやりたいのは本番環境でのユニットテストなのでユニットテストランナーであるkarmaがマッチする。E2EテストツールのWebDriverはマッチしない。SPAあんまり関係ない。という気がする #insideFE_A #insideFE
— Teppei Sato (@teppeis) 2017年2月25日
まとめ
フロントエンドの知見をいくつか得られて、満足度が高かったです。
あと、スタバのコーヒー、終わり際までほぼ無限に飲めたのは幸せでした。
AMAブースでは、コーヒーやソフトドリンク、お菓子もあります(*^^*)
— Inside Frontend (@insidefrontend) 2017年2月25日
ご自由にお取りください☕️??
#insideFE pic.twitter.com/v9v5E7yps0
FRESH! での配信もされていて、動画も残ってるので気になるセッションはまた観てみます。いい時代になったなー。
Inside Frontend の運営スタッフ、登壇者のみなさま、ありがとうございました！