javascriptでテストカバレッジを取得する方法を解説します。istanbulの簡単な使い方
javascriptで用いるモジュールをおさらい第一回目でも触れましたが、テストやテストカバレッジ取得を行うために、以下のnpmパッケージを使います。 mocha (モカ) テストフレームワークと呼ばれているパッケージです。テストのプログラムを実行させることができる枠組みです。 power-assert (パワーアサート) テストフレームワークのmochaに、想定した動作ルールを書くことができ、想定外のプログラム動作が見つかるとエラーで教えてくれます。この動作ルールのことをアサーションと呼んでいます。 intelli-espower-loader (なんて読むんだろ？) power-assertを実行するために、コードを変換してくれるパッケージ。power-assertのテストを実行する際に、mochaの内部で利用します。 istanbul (イスタンブール) テストのカバー率を調べること
Step by Stepで始めるESLint - Qiita
ESLintはJavaScriptを静的に検証するツールです。 わかりやすく言えば、チームメンバー間で統一された美しいコードを生成するためのツールです。 設定ファイルを書いておけば自動で変換することも可能です。 ESLintを始めよう！ JavaScriptのLintツールにはjslint, jshint, JSCSなどがあります。 2016/11 時点で npm trendsで比較した結果が以下の画像です。 http://www.npmtrends.com/jslint-vs-jshint-vs-jscs-vs-eslint 半年前はjshintと並んでいましたが、わずか半年の間にダブルスコアをつけています。 jshintは開発が鈍化しています。 またJSCSの開発チームはESlintに移行することを決めました。 以下に記載した有名ライブラリは開発時にESLintを使っています。 jQu
Node.jsを使ってファイル検索ツールを作ってみよう
さまざまな仕事を自動化するバッチ処理をJavaScriptで書こうと思ったときに外せないのが「Node.js」です。本稿では、Node.jsを使い始めるのにあたって、必要となる基本的な手順を紹介します。 前回は、Node.jsのインストールから、簡単なファイル一覧の書き出しツールを動かすところまで紹介しました。Node.jsを使えば、仕事を自動化するために、ちょっとしたツールを、ささっと作ることができるという雰囲気を味わうことができたのではないでしょうか。今回は、ファイル処理にフォーカスをあてて、ファイルの横断検索ツールを作ってみます。 さまざまなファイル処理を実現する「fsモジュール」 さて、前回、簡単に紹介したのですが、Node.jsで、さまざまなファイルに関する機能を実現するには、fsモジュールを利用します。fsモジュールには、ファイル情報の取得や、ファイルの読み書きや、ディレクトリ
タスク自動化ツール「gulp」 を使って制作時間を短縮しよう
2014年12月24日 Webサイト制作, 便利ツール みなさん、タスクランナーを使っていますか？タスクランナーとはファイルの圧縮やSassのコンパイルなんかを、ファイルを保存したと同時に自動で行なってくれる素敵ツールです。制作のスピードアップも間違いなし！今回はそんなタスク自動化ツールのひとつ、gulpを紹介します。 ↑私が10年以上利用している会計ソフト！ gulpとは gulpとは、Node.jsを使ったタスク自動化ツールです。CSSやJavaScriptファイルの圧縮や結合、Sassのコンパイルなんかも自動化できるので、「フロントエンドしかいじらないよ！」というWebデザイナーさんでも、使えるようになると作業がかなりはかどりますよ。一度gulpでプロジェクトファイルを作成しておくと、自動化の手順を他の人と共有できるので、チームで開発する時にも力を発揮してくれます！ Gruntとの違
コピペが出来るなら誰でも出来る、Web制作タスク自動化ツール「Grunt」導入手順
なんだか、Web制作の際に起こる様々な面倒くさいタスクを自動化してくれるGruntというツールがあるらしく、私の周りのWebデザイナーさんやコーダーさんがこぞって導入されておりました。 はじめは「へぇ…あちきは別に興味ないからいいでありんすよ」と指をくわえて傍観していたのですが、便利便利の声を聞くにつれやっぱり羨ましくなってきました。だから導入した。使った。良かった。 そんな訳で今回は、Grunt.jsの導入から簡単な使い方までを紹介したいと思います。私のような黒い画面に抵抗を持っている初心者の方でも導入できるよう、コピペさえ出来ればGruntが使えるようになる記事にしてあるつもりです。 なお、今回導入した私のPC環境はOS X 10.9.1です。Windowsでの導入手順は今更だけどやるgrunt入門編・インストールから基本的な使い方｜WEB Drawerをご覧下さい。 Gruntで何が
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptタスク自動化のもう一つの選択肢、「gulp」の利用法
PC
JavaScriptのコードフローを視覚化するTraceGL