タグ

ブックマーク / www.codegrid.net (5)

  • Jestで始める! ユニットテスト | 第1回 環境の準備とテストの実行

    Jestで始める! ユニットテスト 第1回 環境の準備とテストの実行 JavaScriptのユニットテストのためのツール、Jestの特徴や基的な使い方を解説します。「そろそろテストを書く習慣を付けたい」、そう思う人のための始めの一歩です。 Jestとは Jestは、Facebook社がOSSとして開発を進めている、JavaScriptのユニットテストのためのツールです。 Jest · 🃏 Delightful JavaScript Testing 日語のドキュメント Jestは日語のドキュメントもあります。日語で基的な部分を知るのに役立ちますが、情報が追いついていない場合もありますので、最新情報は英語ドキュメントを参照するようにしてください。 公式ページで「Zero configuration testing platform」と謳っているように、あれこれ設定をすることなく、他

    Jestで始める! ユニットテスト | 第1回 環境の準備とテストの実行
    nilab
    nilab 2019/05/13
    「npm test -- --silent=false --verbose」
  • .on()と.off()を使いこなす 1 | CodeGrid

    実践、jQuery 第1回 .on()と.off()を使いこなす 1 jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう。 はじめに この『実践、jQuery』シリーズは、jQueryを使った実装がある程度できるようになったエンジニアが、さらにjQueryへの理解を深めていくためのシリーズです。 今回は、jQuery 1.7*から実装された.on()と.off()という2つのメソッドを取り上げます。これらのメソッドが担う、jQueryオブジェクトに対してイベントの定義を行うための機能をきちんと理解することで、イベントを自在にコントロールできるようになることを目的としています。 *注:jQuery 1.7 jQuery 1.7は201

    .on()と.off()を使いこなす 1 | CodeGrid
    nilab
    nilab 2016/06/08
    「jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう」
  • z-index再入門 | 第1回 z-indexの仕組み

    次のようなケースでは、冒頭のサンプルのような意図しない重なりになる可能性が高いため注意が必要です。 positionプロパティの値をrelative、absoluteにし、かつz-indexの値をauto以外の整数値にしたとき positionプロパティの値をfixed、stickyにしたとき なぜなら、上記の条件下では、スタック文脈というものが形成されるからです。次に、スタック文脈を解説します。 スタック文脈とスタックレベル スタック文脈(stacking contexts)、スタックレベル(stack level)という概念は、z-indexを扱う上でとても重要なものです。 スタック文脈 スタック文脈とは、ある条件を満たした要素によって形成される階層構造(文脈)のことです。 スタック文脈を形成する条件は前述した通りですが、例えば、position: absoluteとz-indexに整

    z-index再入門 | 第1回 z-indexの仕組み
    nilab
    nilab 2016/03/01
    「スタックレベルは、同一のスタック文脈内での重なり順です。z-indexの値が、同一スタック文脈内でのスタックレベルになります」
  • おすすめライブラリつまみ食い | 第1回 Moment.js

    ISO 8601のパースにも対応 また、ISO 8601*という日時の形式があるのですが、IE8やiOS4、Android2.2などはこの日時の形式のパースに対応していません。ISO 8601は2012-10-20T15:30:50+09:00のような形式です。この文字列をDateの引数に指定してパースしようとすると、対応していないブラウザではInvalid DateやNaNとなってしまいます。 // Android2.2などでInvalid Dateとなる var d = new Date('2012-10-20T15:30:50+09:00'); *注:ISO 8601 ISO 8601は日時の表記に関する国際規格。最新は2004年版ISO 8601:2004です。 この形式が採用されていることは少なくなく、APIのデータがこの形式で返す場合などは、一度Dateオブジェクトに渡す前に置

    おすすめライブラリつまみ食い | 第1回 Moment.js
    nilab
    nilab 2015/05/07
    おすすめライブラリつまみ食い - Moment.js | CodeGrid
  • Webアプリ構築のためのBackbone.js入門 | 第1回 Backbone.jsとは

    表を見て分かるように、Backbone.ModelとBackbone.Collectionの2つがMVCのModelに相当するので、単にModelといった場合、どちらを指すかわかりづらいので注意してください。 シリーズでは単にModelといった場合にはBackbone.ModelとBackbone.Collectionの両方を含めた意味で使い、Backbone.Modelを指す場合は、Backbone.Modelと記述します。 また、表のように役割が分担されていますが、その役割を厳密に守らなくてもコードが正しければ動作はします。例えば、Modelの中でjQueryを使ってDOM操作を行うことも可能です。しかし、それをやってしまうとせっかくBackbone.jsを使って役割分担した設計が意味を持たなくなるので、DOM操作は必ずViewの中で行うというルール決めが重要なのです。 Backbo

    Webアプリ構築のためのBackbone.js入門 | 第1回 Backbone.jsとは
    nilab
    nilab 2014/05/08
    Webアプリ構築のためのBackbone.js入門 - Backbone.jsとは | CodeGrid
  • 1