<h1 id="h8dd41f636f">gatsby build</h1> 本番環境のサーバで<code>gatsby build</code>したらエラーが出ました。 <pre><code> ERROR

UNHANDLED REJECTION spawn ENOMEM



 Error: spawn ENOMEM

 - child_process.js:358 ChildProcess.spawn
 internal/child_process.js:358:11

 - index.js:204 module.exports
 [project]/[imagemin-pngquant]/[execa]/index.js:204:26

 - index.js:52 input
 [project]/[imagemin-pngquant]/index.js:52:13

 - index.js:71 Function.module.exports.buffer
 [project]/[imagemin]/index.js:71:31

 - process-file.js:198 pipeline.toBuffer.then.sharpBuffer
 [project]/[gatsby-plugin-sharp]/process-file.js:198:105

</code></pre> 調べてみるとメモリが足りないエラーのようです。 画像のサムネイルを生成してるときに止まりやすいみたい。 本番環境はメモリちょっとしかないので、まぁしかたないのかな。 スワップメモリで対応します。 スワップファイルを作成してパーミッションを設定します。 <pre><code># fallocate -l 2G /swap
# chmod 600 /swap</code></pre> スワップスペースにします。 <pre><code># mkswap /swap</code></pre> スワップを有効にします。 <pre><code># swapon /swap</code></pre> これでとりあえず`gatsby build`が通るか確認。 OKなら再起動後もスワップファイルを保持します。 <pre><code># echo "/swap none swap sw 0 0" | tee -a /etc/fstab</code></pre> 以上です。

gatsby buildでメモリが足りないエラー

<h1 id="he0b5645f1a">GA と SC の連携でつまづいた</h1> Google Analytics と Search Console の連携時にずっとよくわからないまま放置してたけどやっと原因がわかった。 Search Consoleにページを追加しているのに、 Google アナリティクスで Search Console のデータを使用する ページで "確認済みのサイトはありません。" と表示されるのはSearch Consoleにドメインプロパティで追加しているためです。プロパティの追加をURLプレフィックスで行うとGoogle アナリティクス側に表示されます。 <h1 id="haf47bb7d4e">Google Analytics</h1> Googleアナリティクスの 集客 メニューから Search Console を開くと、ユーザーがどういった検索クエリで、どんなデバイスでページを見ているか調べることができます。 この機能はSearch Consoleとの連携が必要です。 Search Console のデータ共有を設定をクリック。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/a1f3a689ca8c4a74b69f8734ce289f26/web_ga-sc_001.png" alt=""> プロパティの設定が開くので、Search Console の Search Console を調整 をクリック。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/b7d74c25e303401bbdc3ea7a42131217/web_ga-sc_002.png" alt=""> <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/c5f483b2d8d34cb39c8d54fcf497594f/web_ga-sc_003.png" alt=""> Search Consoleの設定ページが開きます。 追加 をクリック。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/8fe8528d297447c5ad5c11a2507ec4fb/web_ga-sc_004.png" alt=""> Search Consoleで追加したページ一覧が表示されます。 ここで Search Console のサイト が 確認済みのサイトはありません。 と表示される場合は 下の Search Console にサイトを追加 をクリックします。 あらかじめ Search Console にページを追加していても、ドメインプロパティで設定した場合はここには表示されません。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/4ce08299a3284a7a93f951f2b1f0a5f7/web_ga-sc_005.png" alt=""> Search Console のページへとびます。 左上のメニューから プロパティを追加 でモーダルウィンドウが開きます。 URLプレフィックスを選択してGoogle Analyticsを使用しているページのフルURLを入力します。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/8ff38833fd6646bdb77be6e5df11dcc8/web_ga-sc_006.png" alt=""> 追加完了しました。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/ae25d0d078db45f78de59f90d6d8e7ae/web_ga-sc_007.png" alt=""> Google Analytics の先ほどの画面を更新すると表示されます。 保存 で登録完了です。 <img src="https://images.microcms-assets.io/assets/46451451db5840579d91a662a1bdaf8e/b3fd7b9a4d8f4927918ec453b18256d6/web_ga-sc_008.png" alt=""> Search Console にページを追加した直後はすぐにデータが反映されないので気を付けてください。 以上です。

Google AnalyticsとSearch Consoleの連携でつまづいた

<h2 id="hebe98a0e3b">Gatsby開発コマンド</h2>Reactベースの静的サイトジェネレータのGatsbyで通常の開発コマンドでローカルLAN上でアクセスできなかったのでメモ。<pre><code>[shell]
# gatsby develop</code></pre>すると、<code>http://localhost:8000/</code>にてアクセスできるが、ローカルサーバで開発し他のPCからアクセスなどはできない。この場合は以下のコマンドでローカルLAN上に展開できる。<pre><code>[shell]
# gatsby develop -H ローカルIPアドレス -p ポート番号</code></pre> <code>192.168.1.2</code>で開発している場合は以下のようになる。<pre><code>[shell]
# gatsby develop -H 192.168.1.2 -p 8000</code></pre>

ゆったりWeb手帳

気になったことをのんびり書くよ