Cybozu Frontend Monthly #19

イベント概要
サイボウズフロントエンドマンスリーは、サイボウズ社内で行っているフロントエンド情報共有会「フロントエンドウィークリー」の公開版です。
その月に気になったフロントエンドの情報を、サイボウズのフロントエンドエキスパートチームのメンバーが共有していきます。
このイベントのハッシュタグは #サイボウズフロントエンドマンスリー です。
※フロントエンドウィークリーとは
毎週火曜の 17:00 〜 18:00 で社内向けに行っているフロントエンドの気になる記事を紹介する会です。2016年3月15日から行われています。
ハッシュタグ #サイボウズフロントエンドウィークリー で実況しています。
開催日
2022年01月25日
イベントページ
https://cybozu.connpass.com/event/236989/
タイムテーブル
07:50 - 08:00 | 配信開始 |
08:00 - 08:05 | オープニング |
08:05 - 08:55 | 本編 |
08:55 - 09:00 | クロージング |
メンバー
紹介記事
An update from the Faker team
- 共有者: @b4h0_c4t
今月初旬話題に挙がった faker.js の騒動について、コミュニティ主導で代替ライブラリの開発を行う faker-js プロジェクトが発足しました。
彼らはこれまでに v6 Alpha 版までのリリースや TypeScript への書き換え、ドキュメントの整備等を実施しました。 また、今後も ESM サポートやプレイグラウンドの作成といった開発も継続的に実施していくそうです。
資金については現在、Open Collective と連携管理されています。
Vue 3 as the New Default
- 共有者: @nakajmg
2月にVue 3がデフォルトのバージョンになります。
今までインストール時などにnextとつけていたものが必要なくなり、npm install vue
をするとVue 3がインストールされるようになります。
これは周辺のライブラリも同様で、デフォルトでVue 3系のものがインストールできるようになります。
もし各パッケージのバージョン指定をlatest
としている場合、そのままだとVue 3系のものがインストールされてしまうので、Vue 2系と互換性があるバージョンを指定するように変更が必要です。
Prettier begins paying maintainers
- 共有者: @sosukesuzuki
JavaScript をはじめとしたいくつかの言語のコードフォーマッターである Prettier が、メンテナーに対して報酬の支払いを始めました。
Prettier は 2019 年から OpenCollective 上で寄付を募っていて、$50000 以上が集まりました。この資金から二人のメンテナーに $1500 毎月ずつ配ることを決定しました。
2021 JavaScript Rising Stars
- 共有者: @__sakito\
2021年のGitHubスター数で比較したランキング記事です。 2021年になにが人気を集めたのかわかります。
2021年に動向を追えてなかった人は一気に振り返れるコンテンツです。 個人的にも知らなかったものがちらほらあり、面白かったです。
💬 Languages
⚒️ Libraries / Frameworks
- Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか
-
- Reactにおける状態を、1.サーバーデータのキャッシュと2.Global Stateと3.LocalStage し、それぞれのやり方で管理しましょうねという記事
-
- 2021年のStorybookまとめ
-
Pico.css • Minimal CSS Framework for semantic HTML
- class を使わない CSS フレームワーク
-
- TS公式のチートシート
-
- Remix公式の比較記事。
-
How we migrated 541 components from Styled Components to Emotion with zero bugs
- storybook周りのものをemotionに移行した話
🖥 Browsers
-
- @b4ho_c4t によるまとめ https://cybozu.github.io/frontend-expert/posts/release-firefox-96
-
What's New In DevTools (Chrome 98)
- Chrome 98 情報
-
- Chrome 97情報
📏 Web Standard
🦆 Others
-
- JavaScript の使い方に関するサーベイ
- 25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール