---
# System prepended metadata

title: Cybozu Frontend Monthly 2021 年 1 月分

---

# Cybozu Frontend Monthly 2021 年 1 月分

## 👀 Notable Articles

### [An update from the Faker team](https://fakerjs.dev/update.html)
- 共有者: @b4h0_c4t

今月初旬話題に挙がった faker.js の騒動について、コミュニティ主導で代替ライブラリの開発を行う faker-js プロジェクトが発足しました。

彼らはこれまでに v6 Alpha 版までのリリースや TypeScript への書き換え、ドキュメントの整備等を実施しました。
また、今後も ESM サポートやプレイグラウンドの作成といった開発も継続的に実施していくそうです。

資金については現在、Open Collective と連携管理されています。


### [Vue 3 as the New Default](https://blog.vuejs.org/posts/vue-3-as-the-new-default.html)

- 共有者: @nakajmg

2月にVue 3がデフォルトのバージョンになります。

今までインストール時などにnextとつけていたものが必要なくなり、`npm install vue`をするとVue 3がインストールされるようになります。

これは周辺のライブラリも同様で、デフォルトでVue 3系のものがインストールできるようになります。

もし各パッケージのバージョン指定を`latest`としている場合、そのままだとVue 3系のものがインストールされてしまうので、Vue 2系と互換性があるバージョンを指定するように変更が必要です。



### [Prettier begins paying maintainers](https://prettier.io/blog/2022/01/06/prettier-begins-paying-maintainers.html)

- 共有者: @sosukesuzuki

JavaScript をはじめとしたいくつかの言語のコードフォーマッターである Prettier が、メンテナーに対して報酬の支払いを始めました。

Prettier は 2019 年から OpenCollective 上で寄付を募っていて、$50000 以上が集まりました。この資金から二人のメンテナーに $1500 毎月ずつ配ることを決定しました。

### [2021 JavaScript Rising Stars ](https://risingstars.js.org/2021/ja)

- 共有者: @\_\_sakito_\_

2021年のGitHubスター数で比較したランキング記事です。
2021年になにが人気を集めたのかわかります。

2021年に動向を追えてなかった人は一気に振り返れるコンテンツです。
個人的にも知らなかったものがちらほらあり、面白かったです。

## 💬 Languages

## ⚒️ Libraries / Frameworks

- [Reactを取り巻く状態管理の潮流を学ぼう。HooksやServer Componentsなどの登場で何が変わるか](https://eh-career.com/engineerhub/entry/2022/01/13/090000)
- [「3種類」で管理するReactのState戦略](https://zenn.dev/yoshiko/articles/607ec0c9b0408d)
  - Reactにおける状態を、1.サーバーデータのキャッシュと2.Global Stateと3.LocalStage し、それぞれのやり方で管理しましょうねという記事
- [State of Storybook 2021](https://storybook.js.org/blog/state-of-storybook-2021/)
  - 2021年のStorybookまとめ 
- [Pico.css • Minimal CSS Framework for semantic HTML](https://picocss.com/)
  - class を使わない CSS フレームワーク
- [Cheat Sheets](https://www.typescriptlang.org/cheatsheets)
  - TS公式のチートシート
- [Remix vs Next.js](https://remix.run/blog/remix-vs-next)
  - Remix公式の比較記事。
- [How we migrated 541 components from Styled Components to Emotion with zero bugs](https://storybook.js.org/blog/541-components-from-styled-components-to-emotion/)
  - storybook周りのものをemotionに移行した話

## 🖥 Browsers

- [Firefox 96](https://www.mozilla.org/en-US/firefox/96.0/releasenotes/)
  - @b4ho_c4t によるまとめ https://cybozu.github.io/frontend-expert/posts/release-firefox-96
- [What's New In DevTools (Chrome 98)](https://developer.chrome.com/blog/new-in-devtools-98/)
  - Chrome 98　情報 
- [Chrome 97](https://cybozu.github.io/frontend-expert/posts/release-chrome-97)
  - Chrome 97情報

## 📏 Web Standard

- [CSS in 2022](https://www.bram.us/2021/12/27/css-in-2022/)
- [2022年のブラウザとウェブ標準](https://gihyo.jp/design/column/newyear/2022/web-standards-and-browsers)
- [2022年のCSS](https://gihyo.jp/design/column/newyear/2022/css-prospect)
- [2022年のWebアクセシビリティ](https://gihyo.jp/design/column/newyear/2022/web-accessibility-prospect)

## 🎨 Design

## 👮‍♀️ Security

## 📅 Events

## 🦆 Others

- [State Of JS](https://stateofjs.com/)
  - JavaScript の使い方に関するサーベイ
- [25 年に渡る JavaScript の歴史 | JetBrains: プロデベロッパーとチーム向けの開発ツール](https://www.jetbrains.com/ja-jp/lp/javascript-25/)


