前回、ブラウザ向けのJavaScript ES6コードにfetch APIを導入し、MockなしでTDDする方法を紹介しました。 architecting.hateblo.jp 今回は同じテストをMockで行う方法を紹介します。 なお今回はcar.js側の変更は一切ありません。変更されるのはテストだけで…

前回、ブラウザ向けのJavaScript ES6コードをJestでTDDする方法を紹介しました。 architecting.hateblo.jp 今回はcar.jsにfetch APIを導入してテストします。 なぜMockしないのか？ 単体試験する際は普通はfetch APIをMockすると思います。 fetch APIをMock…

ブラウザ向けのコードをJavaScript ES6で書きましょう。 コードを書くならユニットテストをしながら書きたいですね。 今回はJavaScriptでTDD環境を整えます。ES6のimportが原因でエラーが出やすいので環境構築部分を詳細に書きました。（長文です） node.js…

ここまでMacにNode.jsをインストールして、VSCodeでコード補完ができるようにしました。 次はデバッグします。 Node.jsアプリケーションを作成 デバッグ対象となる適当なアプリケーションを作成します。 VSCodeを立ち上げてserve.jsという名前でファイルを作…

VSCodeでJavaScriptを書く時、ちゃんと候補表示＆補完してくれるようにした話です。 やり方については情報が錯綜しています。私が調べた感じだと「tsdを使う」→「tsdが非推奨になりtypingsが推奨」→「typingsより便利なnpm install @types/が使えるようにな…

Node.jsはスケーラブルなアプリケーションを構築するための非同期型処理を前提とした環境です。ブラウザを必要とせず、PCのTerminalやIDE上でJavaScriptを実行することができます。 JavaScriptをブラウザで実行できるのは手軽な反面、細かい挙動を見ようとす…

JavaScriptのド素人が「JavaScript本格入門」を読んだ後、ES5のレガシーコードを読んだ話です。 JavaScript入門書読破 「JavaScript本格入門」を読みました。簡潔でわかりやすいだけでなく構成もすばらしいです。こういう本を書ける人ってすごいと思います。…