JavaScriptではエラーが発生した時、強制的にプログラムが終了してしまいます。 具体的に何が起こるかと言うと後続の処理は実行されません。また、ユーザーはどのエラーが発生したかわからなくなります。Node.jsのサーバーではHTTPサーバーが止まる事象にも…

JavaScriptの配列・オブジェクトのコピーはちょっとややこしいです。 業務のコードでも間違った(もしくは考慮されていない)使い方をしているのを見かけるし、 自分も脳筋 ... or _.cloneDeep は良くないので今一度思考を整理したいと思います。 コピーの種類…

表題の通りで何のひねりもないがw Formの導入というより、submitの際のデータ取得方法を工夫するととてもすっきりします。 雑だが。コード全文 import React, { useState } from 'react' import Layout from '../components/layout' import { FormControl, T…

Next.jsではカスタムサーバーで、サーバーサイドをNode.jsで実装することが可能です。 これはかなり優秀で、pagesディレクトリ以下はNext.jsのルーティング、apiディレクトリ以下はNode.jsのルーティングというように直感的に分けることが可能です。 nextjs.…

Next.jsのアプリケーションをデプロイします。 Next.jsはNode.js v10が動くことが要件なので、様々なプラットフォームで動作します。 今回は、Vercel(元nowという名称)を試してみます。(Next.jsの開発元) Deployまでの道筋が示してあるのはポイントだし、安…

React開発でよく使用していた、Material-UIをNext.jsにも入れたいと思います。 Materil-UIはReactのコンポーネント集で、特にアプリケーションの開発が捗ります。 material-ui.com Hwo to Setup 導入は想像以上に簡単でした。(Reactの時と一緒) まずはモジュ…

Node.jsを実装している時に他言語との連携をしたいケースがありました。 APIになってるケースはあるが、さくっと内部から呼び出したい。 プロセスからシェルスクリプトとして呼ぶことで、呼び出すことができます。 スクリプト言語だとコレでいけそう -> bash…

自分は後からでいいやとついついサボりがちになるのだが、こーゆーのは元が肝心のよう。 同僚曰く緩めるのはいつでもできるけど、キツくするのは慣れない。面倒なことは自動化するが良い。だと。金言 ESLintとは コードの静的解析ツールの一つです。最近は脳…

表題の通り、久しぶりにテストを書くとどう回避したっけ？と調べるので備忘録を残す。 テストを書く際に、タイムスタンプだったり、日付だったり、オートインクリメントされた値だったり、テスト結果を比較する際に邪魔な値がある。 Jestではexpectedのデー…

標題の通り、Tumblr API経由でデータを取得する際のメモ お気に入りデータを取得したい。 www.tumblr.com How to Use GitHub - tumblr/tumblr.js: JavaScript client for the Tumblr APIを使用したところ、楽にclientを生成することが出来たため、使用するこ…