node.jsのプロセスマネージャです。やれば直ると書いてあるのでやってみました。やってみると直っていました。しているので同様のエラーが出てしまいイメージのビルドができません。実行するのも面倒です。2019node.jsのプロジェクトでも型の恩恵を受けるためにTypeScriptを使いたいと思うことが多いです。環境構築をしてみました。あるのでそれを使ってみます。トランスパイルなしにTypeScriptを実行できます。型定義モジュールも一緒にインストールします。記事でshowcaseにプルリクエストを送りました。サイトのスクリーンショットの日本語が表示できていないですね...。差し替えることはできないだろうか。説明文を日本語で書いていたのですが、英語にしてくださいということだったのでそこは直しました。Chromeでサイトにアクセスして、DOMの追加や変更を検知してなにか(例えばDOMがロードされたタイミングでスクショを撮ったりなど)処理をしたい場面が結構あります。ラッパー関数なのでセレクタも指定することができます。どこかのDOMに足されるまで待つという処理になります。デモコードを用意しました。いうクラスが付与されるだけのプログラムです。Showcaseに載せてもらうためには下記の手順を踏みます。更新すれば良いみたいです。Gatsbyのリポジトリをフォークしてきてプルリクエストを投げました。記載の通りで、今回はこんな感じで書きました。説明文を日本語にしましたがPRが通ることを願います。2019プロジェクトが一段落して落ち着いたときなどにnpmモジュールのバージョンを上げる作業が入ったりします。プロジェクトが走っているときにライブラリのメジャーバージョンアップなんかがあったけど、破壊的変更あるからちょっと後回しにするなんてことよくあるんじゃないでしょうか。実行するのも面倒です。一気にアップデートしてみました。コマンドでバージョンの状態をチェックできます。出力結果はこんな感じです。そのライブラリの最新版となります。2019Gatsby製のサイトで下記のビルドエラーが出たので解消した作業ログ。ローカルではエラーは出ないのですが、Netlifyに上げたときのビルドだけで出たのでちょっと焦りました。こちらのissueに解決方法が書いてありました。2019検索サイトにインデックスさせたくないページがあったり、まだ公開したくないページなどがある場合、robots.txtで検索サイトのクローラを制御することができます。Gatsby製のサイトでrobots.txtを配置したかったのでプラグインを試してみました。以下の設定項目を追加します。S3にstaging環境を用意している場合などはクロールさせたくありません。いう場合は環境変数で場合分けすることができます。2019画像などのjs以外のリソースをimportしてjsxで使用したいということがまぁまぁあると思います。いうパッケージを使うとsvgをimportしてjsxとして使用することができます。インラインで直接使う場合は以下のようにimportすればOKです。この書き方初めて知りました。ReactのコードもREADMEにならってこのように書きます。jsxで書けるのがいいですね。Webpackを起動するとエラーが出ました。2019レスポンシブなWebアプリを作っているとデバイスごとの表示を切り替えるために、いちいち画面サイズを変えるのは面倒です。Storybook上でMediaQueryを切り替えられると大変便利です。使うと簡単に確認できます。以下を追加してアドオンを登録します。