search

feedforce / frontend-meeting

Agenda for frontend meeting.
https://github.com/feedforce/frontend-meeting/issues
22 stars 1 forks source link

2019/10/10 第155回 フロントエンドMTG 議事録 #10

Open kogai opened 4 years ago

kogai commented 4 years ago

パラメータ付きパスをルーティング設定から組み立て

const actualLink = compile("/foo/:my/:param", { my: 0, param: "something" })
// => "/foo/0/something"

☝️ となるような関数

react-routerに生えてるかなと思ったら無かった。 react-routerはルーティング設定のパースに path-to-regexp というライブラリを使っている。

このライブラリにそういう関数が生えている react-routerが既に依存しているのでbundleにも入っている（tree-shakeされてたかも知れないけど）ので気軽に入れた

Writing compiler in GoをRustで書く同好の士

Atomの開発が停滞しているらしい

MSは買収発表時にAtomの開発も続けると言っていた覚えがあるけど、やっぱりこうなるよなという感じ。。。

jinmayamashita commented 4 years ago

tsc-watch --onSuccess

https://www.npmjs.com/package/tsc-watch

tsc から compile された js ファイルを（特に express など）更新する時に、nodemon などを使っていたけど、tsc-watch --onSuccess node dist/index.js だけでよかった。:sweat_smile:

next の src directory が support されるということ

https://nextjs.org/blog/next-9-1 server 側で page 単位の component を描画するため存在した default directory の pages が src/pages で利用できるよという話。特に今まで不便なことはなかったけど、source ファイルは src ディレクトリに！という方にはいいかもと思った。

zenoplex commented 4 years ago

Pornhub のデベロッパーインタビュー

https://davidwalsh.name/pornhub-interview

Domino pizza 訴訟を振り返って（まだ裁判続行中）

SICP in Javascript

https://sicp.comp.nus.edu.sg/

gpu.js

https://gpu.rocks/

mashabow commented 4 years ago

Bundle Analyzer

(M) マネージャーのリポジトリにも入れてみた。GitHub Actions でビルド。

name: Bundle Analyzer
on: push
jobs:
  bundle-analyzer:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@master
      - name: Set up node.js
        uses: actions/setup-node@v1
        with:
          node-version: 10.16.3
      - name: Install node modules
        run: |
          yarn install
          yarn add @bundle-analyzer/cli
      - name: Build by webpack and upload stats to bundle-analyzer.com
        run: |
          yarn -s build:webpack --json \
            | $(yarn bin)/bundle-analyzer --token $BUNDLE_ANALYZER_TOKEN
        env:
          BUNDLE_ANALYZER_TOKEN: ${{ secrets.BUNDLE_ANALYZER_TOKEN }}

ただし、なぜか Size compare (Size diff) が表示されない… 😢

Font Enumeration API / Font Table Access API

ブラウザからローカルのフォントファイルを列挙／フォントファイル内のテーブルのバイナリを取得する API。

動機としては、プロ向けのデザインアプリを作るためにローカルフォントの生のデータにアクセスしたい、ということらしい。FreeType や HarfBuzz を WASM に乗せて、それにフォントを渡してレンダリングとか。