Inside Frontend #3 資料まとめ

概要

2019年5月18日に渋谷Abema Towersで開催されたFrontendカンファレンスであるInside Frontendの資料と補足情報まとめメモ。資料とかはそのうち公式にまとめられる？

各セミナー

TypeScript: Why and how we adopted it at Slack (Felix Rieseberg)

Twitter:felixrieseberg GitHub:felixrieseberg

• 未公開

参考

• Koa - next generation web framework for node.js
• ESLint - Pluggable JavaScript linter
  →tsに対するLintはまだちょっと弱いとのこと(TSLintはESLintに取り込まれた)

Introduction to Lucet (Adam Foltzer)

GitHub:acfoltzer

• 未公開

参考

• WASI |
  →WebAssembly System Interface. ブラウザ以外の実行環境で動作させるための仕様。
• fastly/lucet: Lucet, the Sandboxing WebAssembly Compiler.
  →WebAssemblyのコンパイラ&ランタイム
• Terrarium - Fastly Labs
  →edge computing platform. 中で Lucet が動いてる

Nuxt.jsで中規模サービスを統合した話 (Koichi Sawada& Hajime Sasanuma)

• Unification of the middle scale services by Nuxt.js

Making less of the web with feature policy (Andrew Betts)

Twitter:triblondon GitHub:triblondon

• Making less of the web with Feature Policy - Speaker Deck
  →(仮)3月公開のときの資料だから今回とは内容とか一部違うかも？

デザインエンジニアとフロントエンド (Shinichi Kogiso)

Twitter:kgsi GitHub:kgsi

• デザインエンジニアとフロントエンド / Bridge the gap between design and engineering - Speaker Deck

formの送信ログから反省する、本当は必要だったvalidationや機能たち (Yuta Ide)

Twitter:sadnessOjisan GitHub:sadnessOjisan

• Formの送信ログから反省する、 本当は必要だったバリデーションや機能たち - Speaker Deck

参考

• sadnessOjisan/Form-Museum: 式場会社の管理画面という設定

Web App Checklist ~高品質のWebアプリケーションをつくるために~ (Kazunari Hara & Marina Toki)

Twitter:herablog Twitter:tokimariri GitHub:herablog GitHub:tokimari

• Web App Checklist 〜高品質のWebアプリケーションをつくるために〜 / Web App Checklist 2019 at Inside Frontend - Speaker Deck

いちからデザインシステムを作ってみて学んだこと (Kengo Haruno)

Twitter:halsakulalala

• いちからデザインシステムを作ってみて学んだこと - Speaker Deck

参考

• Fractal
  →スタイルガイドジェネレーター
• css-modules/css-modules: Documentation about css-modules
• storybooks/storybook: UI component dev & test: React, Vue, Angular, React Native, Ember, Web Components & more!
  →UIコンポーネント開発環境。一覧参照したり管理もできる。
• Atomic Design by Brad Frost
  →コンポーネントを分割するルール。そのままではうまく適用・運用できなかった。最小単位として element とを定義するなど踏襲しつつカスタマイズして利用したとのこと。

BFFのDeveloper Experience (Yosuke Kurami)

Twitter:quramy GitHub:quramy

• BFF and Developer Experience - Speaker Deck

参考

• InsideFE2018 A-5のAMAで時間内にできなかった質問に対する回答

キャリア系の話~strobo.fm公開収録~ (Shogo Sensui & Hiroki Tani)

• 未公開

• #strobofm
  →ここで公開されるはず

AbemaTVにおけるCSS is too fragile問題に対する解 (Shota Kubota)

Twitter:kubotashota GitHub:kubosho

• AbemaTVにおけるCSS is too fragile問題に対する解 / Solution of "CSS is too fragile" in AbemaTV - Speaker Deck

世界中誰もが使えるサービスを目指して、Web標準で作るガラケーサイト (Mariko Kosaka)

Twitter:kosamari GitHub:kosamari

• Web標準でつくるガラケーサイト - Speaker Deck

参考

• AMAの回答
  →twitterのスレッドになってます
• The emerging OS - KaiOS
  →FirefoxOSベースのOS。インドではAndroidに次いで2位の普及率らしい。3億7千万台!!
• PROXX — a game of proximity
  →ガラケーでも遊べる Accesible Mine sweaper!!
• GoogleChromeLabs/proxx: A game of proximity
  →同githubリポジトリ
• Introducing PROXX  |  web.dev
  →同紹介記事
• GoogleChromeLabs/comlink: Comlink makes WebWorkers enjoyable.
  → WebWorkers とのやり取りを助けてくれる。
• WICG/focus-visible: Polyfill for `:focus-visible`
• Electroknit! Node.jsでセーターを編む方法

Loading Performanceとの向き合い方 (Sho Miyamoto)

Twitter:shqld GitHub:shqld

• Loading Performanceとの向き合い方 / InsideFrontend 2019 - Speaker Deck

品質と開発速度を両立させるために捨てたものと守ったもの (Tsuyoshi Wada& Soichi Masuda)

Twitter:wadackel Twitter:masuP9 GitHub:tsuyoshiwada GitHub:masuP9

• Inside Frontend 2019 - 品質と開発速度を両立させるために捨てたものと守ったもの - Google スライド