こんなドロップダウンメニューが出てきて、選ぶとスクリーンサイズが切り替わります。以下のようにして、コンポーネントごとにデフォルトのサイズを指定することもできます。2019WebpackDevServerでローカル開発をする際にAPIのモックサーバを立てて開発したい時があると思います。いうときにWebpackDevServerで簡易的なサーバを実装する機能が便利です。プロパティを使えばかなり簡単にモックサーバを立てることができます。いうプロパティでexpressのようなノリでサーバを実装できます。下記のように実装できます。リクエストはこんな感じで書けば良いです。2019Webアプリケーションのフロントエンジニアをやっているとクライアントからの報告を受けてバグ調査をする機会がたくさんありますが、ユーザから得られる情報には限界があります。エンジニアとしてはクライアントのスタックトレースが得られればバグ調査はかなりやりやすくなります。エラーログを収集して参照しやすくするサービスです。普段の業務でも使っていて、バグ調査にかなり役立っています。個人で使う分にはフリープランで全然よさそうです。フリープランは一人までしか使えません。Githubアカウントから認証することができます。サポートされています。2019GatsbyJSで作ったサイトにGoogleAnalyticsを導入します。簡単にできたので拍子抜けしました。GAの管理画面から新しくアカウントを作成します。ページの通り進めると簡単に導入できます。いうプラグインで簡単にサイトにGAを追加することができます。以下の設定を追加します。GAの管理画面から参照できるIDです。GatsbyJSの環境でセットアップしました。React環境にStorybookをセットアップしたいと思います。沿ってやっていきます。以下のライブラリが自動でインストールされます。scriptも自動で挿入されます。以下の設定ファイルも自動で作成されます。