SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

DeveloperZine(デベロッパージン)- エンジニアの意思決定を支える技術情報メディア ProductZine

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

JavaScriptでテストを書こう!

なぜJavaScriptでテストコードを書くのか?

JavaScriptでテストを書こう! 第1回

設計という意味でのテストコード

 「変化に強い」に加えて、もう一つテストコードを書く理由があります。それは、「設計を良くするためにテストを書く」ということです。

テスト可能な粒度でのメソッド設計

 メソッドに対してテストを書こうとした場合に、必ず考慮に入れなければならないことがあります。それは「テストが可能な粒度かどうか」です。例えば、テストしようとしたメソッドが500行あり、if文が30回出てきたとすると、そのパターンすべてをテストコードで表現しなければなりません。そもそも、テストを行う以前に500行あるメソッドは、責務がはっきりしない上に可読性も悪く、良い設計になっているとは言えないでしょう。

 テストコードを書くためには、そのような良くない設計を見直さざるを得なくなります。メソッドをシンプルにし、可能な限り機能も行数少なくすることで、テストもシンプルになります。シンプルなメソッドを目指すと、全体設計としてもシンプルにかつ分かりやすくする必要が出てきます。

 結果的に、テスト可能なメソッド設計にするということは、全体的に良い影響を与え、全体設計が良くなっていきます。

メソッドの動作設計という意味でのテスト駆動開発

 テスト駆動開発(TDD)とは、まず最低限必要な機能のテストコードを書き、書いたテストが動作するプロダクトコードを書きながらさらに「テストコード→プロダクトコードを書く」いうサイクルを回しながら開発する方法です。手順は以下のとおりです。

  1. まず最低限必要な機能のテストコードを書く
  2. テストが失敗(レッド)することを確認する
  3. プロダクトコードを書く
  4. テストが成功(グリーン)することを確認する
  5. リファクタリング(設計の見直し、改善)をする
テスト駆動開発のフィードバックループ
テストを書くことで設計が良くなる

 この方法が意味しているのは、「まず想定している動作をテストコードで書く」ことです。これは、例えば設計書を作るときに考えていることと同じであり「設計をしている」ということです。つまり、テスト駆動開発は、メソッドの動作設計をしながら実装を行うことを意味します。

 テストの実行結果からフィードバックを得ることにより、リファクタリングを行いながらさらにプロダクトコードを高め、次の仕様のテストを書き、プロダクトコードを書く。このフィードバックサイクルを回しながら、メソッドの設計をしていくことにより、設計品質を上げながら、さらにテストコードによってその時点でのメソッドの品質を担保できます。

自動ビルドと組み合わせよう

 記述したテストコードとビルドを組み合わせるとさらに効果が上がります。例えばgitでpushしたソースコードが自動的にサーバ上でビルドされ、すべてのテストコードが動作します。そうすることにより、チームの誰かが修正したものが、その他の人が修正したものと統合し、その影響範囲も含めて確認することができます。もし、エラーになったらメールなどで知らせることにより、すぐに対処ができるということも利点です。

継続的インテグレーションの構成例
テスト駆動開発のフィードバックループ

 このように一日に何度もビルドを実行し、システム全体の状態を把握した上で、問題点をすぐに検出できる仕組みを作ることを、継続的インテグレーションと言います。Jenkinsのようにこのような仕組みを導入できるツールと組み合わせ、テストコードの効果をより高めることができます。

次のページ
JavaScriptでのテストの必要性

修正履歴

この記事は参考になりましたか?

JavaScriptでテストを書こう!連載記事一覧

もっと読む

この記事の著者

山田 祥寛(ヤマダ ヨシヒロ)

静岡県榛原町生まれ。一橋大学経済学部卒業後、NECにてシステム企画業務に携わるが、2003年4月に念願かなってフリーライターに転身。Microsoft MVP for Visual Studio and Development Technologies。執筆コミュニティ「WINGSプロジェクト」代表。主な著書に「独習シリーズ(Java・C#・Python・PHP・Ruby・JSP&サーブレットなど)」「速習シリーズ(ASP.NET Core・Vue.js・React・TypeScript・ECMAScript、Laravelなど)」「改訂3版JavaScript本格入門」「これからはじめるLaravel実践入門」「はじめてのAndroidアプリ開発 Kotlin編 」他、著書多数

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

WINGSプロジェクト 安西剛(ヤスニシ ツヨシ)

WINGSプロジェクトについて>有限会社 WINGSプロジェクトが運営する、テクニカル執筆コミュニティ(代表 山田祥寛)。主にWeb開発分野の書籍/記事執筆、翻訳、講演等を幅広く手がける。 2026年時点での登録メンバは約50名で、現在も執筆メンバを募集中。興味のある方は、どしどし応募頂きたい。著書記事多数。 RSS X: @WingsPro_info(公式)、@WingsPro_info/wings(メンバーリスト) Facebook

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

CodeZine(コードジン)
https://codezine.jp/article/detail/7257 2013/07/25 14:00

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー