Toya Yamanishi

Fusicフロントエンド座談会 from 雅 2023/06/09

#frontend #javascript #team-miyabi

2023/06/12

Table of Contents

TL;DR
議事録

TL;DR

全ページをLighthouseでスキャンしてくれるツール「unlighthouse」
Apple公式Figmaファイル
Rust製TypeScriptコンパイラstcの現状と今後
小さなチーム、大きな仕事　働き方の新しいスタンダード
NuxtのHeadless UI
Copilotのリバースエンジニアリング記事
初めてのTypeScript
Top 10 most useful libraries for React Native
Vue Vine
CodeSandboxのAIアシスタント
Xcode 14.3が色々辛い
アプリケーションコードに変更を加えないNode.js Native ESMへの移行
MessengerデスクトップアプリがElectronからRNに移行した
FlutterKaigi 2023スタッフ募集

議事録

全ページをLighthouseでスキャンしてくれるツール「unlighthouse」

- https://unlighthouse.dev/
- cliから利用する模様

Apple公式Figmaファイル

- https://www.figma.com/community/file/1248375255495415511
- 公式のコンポーネント
- ウィジェット等も用意されていて、かなり充実している
- デザイン・ワイヤー作成が捗りそう
- 今まで有志が作っていたものを、自分でバージョンなどを確認しながら作っていた
- AndroidはAndroid UI Kitがある模様

Rust製TypeScriptコンパイラstcの現状と今後

- https://engineering.mercari.com/blog/entry/20230606-b059cd98c3/
- 凄い事してる。。

小さなチーム、大きな仕事働き方の新しいスタンダード

- https://amzn.to/3Ce0nzF
- Railsを作った人が著者(出版日は数年前)
- 本の中で下記のような内容が印象に残っている
  - ホットドッグ屋さんを始めるにあたって、ホットドッグ自体を作ることが大事だよねという話
    - 看板とかスパイスなどにこだわりがちだけど、そもそもホットドッグがないと成立しないし、逆にホットドッグがあれば成立する
  - 組織を大きくすれば良いってことではない
  - 無駄な会議をやめよう

NuxtのHeadless UI

- https://nuxt-lego.vercel.app/
- Nuxt公式
- Headless UI — スタイルは当たっておらず、機能のみ提供されている
- MUIもヘッドレスバージョンを提供している（Base UI）
- 他には、[Radix UI](https://www.radix-ui.com/) なんかが有名

Copilotのリバースエンジニアリング記事

- https://thakkarparth007.github.io/copilot-explorer/posts/copilot-internals.html
- 提供されている拡張からリバースエンジニアリングしている模様

初めてのTypeScript

- https://www.oreilly.co.jp/books/9784814400362/?utm_mediun=referral
- 6月中旬販売予定
- v5に対応している？
- 初級者向けの内容になってそう（基礎的な内容がかなり充実している）
- オイラリーから出ている[シカ本](https://www.amazon.co.jp/%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%9F%E3%83%B3%E3%82%B0TypeScript-%E2%80%95%E3%82%B9%E3%82%B1%E3%83%BC%E3%83%AB%E3%81%99%E3%82%8BJavaScript%E3%82%A2%E3%83%97%E3%83%AA%E3%82%B1%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E9%96%8B%E7%99%BA-Boris-Cherny/dp/4873119049/ref=sr_1_1?adgrpid=103678713334&hvadid=658841246092&hvdev=c&hvlocphy=1009717&hvnetw=g&hvqmt=e&hvrand=3494148004083351840&hvtargid=kwd-964915931247&hydadcr=27269_14678596&jp-ad-ap=0&keywords=%E3%82%AA%E3%83%A9%E3%82%A4%E3%83%AA%E3%83%BC+typescript&qid=1686569130&sr=8-1)も良い
- Fusicでは、書籍購入制度があるので、それを利用して購入予定！

Top 10 most useful libraries for React Native

- https://naji0329.medium.com/top-10-most-useful-libraries-for-react-native-1a73d724d843
- React Native向けのライブラリは、メンテナンスされなくなっているものが多い印象
- expoが公式のライブラリを色々出してくれると嬉しい（expo routerのようなもの）

Vue Vine

- https://github.com/vue-vine/vue-vine
- VueでReactっぽく書けるようにしたライブラリ
- Reactっぽく書くのなら、最初からReactで良いのでは？

CodeSandboxのAIアシスタント

- https://twitter.com/codesandbox/status/1661794879431737356?s=20
- UIを選択して、プロンプトに入力するとコードを修正してくれる
- githubに取り込んで欲しい

Xcode 14.3が色々辛い

- https://github.com/facebook/react-native/issues/36794#issuecomment-1500880284
- バージョンアップするとエラーが多発する模様
- 本バージョンへのバージョンアップは見送ったほうが良さそう

アプリケーションコードに変更を加えないNode.js Native ESMへの移行

- https://engineering.linecorp.com/ja/blog/migration-nodejs-native-esm
- CommonJSからESM以降の記事
- 主にライブラリを実装する時の話

MessengerデスクトップアプリがElectronからRNに移行した

- https://developers.facebook.com/blog/post/2023/05/17/messenger-desktop-faster-and-smaller-by-moving-to-react-native-from-electron/
- https://microsoft.github.io/react-native-windows/
- バンドルサイズも減少したらしい
- META社的にはやはり、TauriではなくRN

FlutterKaigi 2023スタッフ募集

- [https://medium.com/flutterkaigi/flutterkaigi-2023-運営スタッフ募集について-3f78fa8f8e7f](https://medium.com/flutterkaigi/flutterkaigi-2023-%E9%81%8B%E5%96%B6%E3%82%B9%E3%82%BF%E3%83%83%E3%83%95%E5%8B%9F%E9%9B%86%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6-3f78fa8f8e7f)
- Flutter会議が開催される模様
- JSconfもある模様
    - 2023/11開催
- 秋はフロントエンドエンジニア必見のカンファレンスがいっぱいある様子なので楽しみ