2019/08/29 第149回 フロントエンドMTG 議事録

[zenoplex]

No description provided.

[zenoplex]

Typescript 3.6 🎉

https://devblogs.microsoft.com/typescript/announcing-typescript-3-6/

Optional chaining は 3.7 にマイルストールが設定されているっぽい。
Breaking Changes みて初めて知ったけど、string で method 定義できたのか…

class Foo {
  "hoge" = () => { console.log('hoge'); }
}
const foo = new Foo();
foo.hoge(); // hoge

Node.js と QT でネイティブApp を作れるライブラリ

https://nodegui.github.io/nodegui/

QT とか知りませんでした。
elm も一旦終わったので次はこれちょこっと触ってみようかなと思ってます。
これが作りたい！という目標は特にないけど…

ElmLS vscode extension

https://marketplace.visualstudio.com/items?itemName=Elmtooling.elm-ls-vscode

古い方 使ってたけど codeLens とかもついてるし、こっちの方が好きかも。

Npm i で広告が表示され始めている話

https://www.zdnet.com/article/popular-javascript-library-starts-showing-ads-in-its-terminal/

experimental だとは思うけど、確かに増えつつある。中には（LogRocketとか）、標準出力削除したところもあるかな。最近は renovate の PR にもスポンサーが表示されてる気がする。

Audio 再生におけるデバイス（OS）での挙動の違いなど

https://medium.com/prototyped/what-we-learned-about-pwas-and-audio-playback-10a01c6aecbd

PWA -> Cordova -> React Native へと移り変わった経緯など。

その他

• Dan の twitter 復活した
• Redux Action におけるページ遷移を行うというアクションの置き場が悩ましい話
  • Submit(dirty:true) -> Successful Submit(dirty:false) -> push/replace
• TS/Flow の Exact 型における違い ts flow
• https://www.remnantgame.com/en めちゃくちゃやりたいが、PS4 国内来てないらしい。Xbox 版買うべきか悩んでいる。

[kogai]

KotolinがWASMを出力できるようになったとのこと

JetBrains/kotlin@6e6ffa1

スクラム何が基本なのかわからない

基本があると思うし、アレンジはうまく廻るようになってからみたいな言説もよく聞くけど、アレンジしたものしか体験していないような（自分たちのやり方をスクラムに合わせて直したという記憶がない気が）

https://qiita.com/halhorn/items/5cf7d28034ad9132d311
https://www.ryuzee.com/contents/blog/4802

意見があるというか、どうしたらいいのかよくわからないというのが本音。。。

Goでjqを再実装した話、最高にすごい

https://itchyny.hatenablog.com/entry/2019/08/26/090000

Rustでインタープリタを実装する話

https://speakerdeck.com/kei_s/write-an-interpreter-in-rust

2011年のHerokuの障害レポート

例のAWSの件の時に流れてきた。

https://journal.sooey.com/130

[mashabow]

Clean Architecture

『Clean Architecture 達人に学ぶソフトウェアの構造と設計』を読んだので、他の人のブログを漁ったり、フロントエンドにどう適用できるかを探したりしていた

• クリーンアーキテクチャ本を読むためのポイント｜erukiti｜note
• Clean Architecture in Web Frontend #mixleap - Speaker Deck
• Clean Architecture と React を組み合わせる - 藤 遥のブログ
• eduardomoroni/react-clean-architecture: A realistic approach to implement clean architecture on react codebases
• ぼくのかんがえたさいきょうのReact+Redux+CleanArchitecture - Qiita

雑感

• Clean Architecture の構造（中心に向かう依存関係）は分かりやすくて綺麗。部分的には取り入れられるものの、今の Redux から無理に離れることもなさそう
• 同心円のレイヤーを杓子定規に重ねていくと無駄に煩雑になりそうなので、まずは中心に向かう依存関係を作る方に重点を置いたほうが良さそう
• クリーンなコンポーネント分割のメリットとして「再ビルドすべきコンポーネントが減る」「デプロイが分けられる」といった点も挙げられていたが、このあたりは（今の規模の SPA 開発だと）あまり恩恵を感じづらい

(M) マネージャーの現状分析

• →：依存関係
• ⇢：一部で使われている依存関係
• ⇨：処理の流れ

Clean Architecture と比較すると、api まわりの依存関係が逆転している

楕円曲線暗号

• 楕円曲線暗号アルゴリズムを理解する

（そう簡単ではないことを）理解した

新しい React DevTools

• Introducing the New React DevTools
• react/CHANGELOG.md at master · facebook/react

お手軽だった Highlight Updates が消えてしまった 😢 facebook/react#16437
Profiler をちゃんと使えるようにしなければ…

[jinmayamashita]

TypeScript 3.6.2

• console.log auto imports import console=require('console'); microsoft/TypeScript#30471

の中で、VSCode で console.log 自動 import されないことになったのが助かる

React Native 0.61.0-rc.0 へのバージョンアップ

• https://twitter.com/grabbou/status/1166360290109415425
• https://github.com/facebook/react-native/releases/tag/v0.61.0-rc.0

開発の際の reload が早くなったらしい