JavaScript

3/4ページ

仮想DOMライブラリのdekuを読んだ話

英語の勉強をするぞと意気込み、字幕なしで動画を観始めたところフランスが舞台のドキュンタリーを観ていたことに気付いた小飼です。 React.jsでアプリケーションを構築するにあたり、その内部実装について理解して使っているケースは必ずしも多くないと思います。 特にReact.jsの情報があふれているような昨今では、内部実装をきちんと理解しようとすることが直接的にアプリケーション構築の生産性に寄与すると […]

React+Reduxのテスト方針をまとめた

概要 React.js Advent Calendar21日目の記事です。 Reduxというフレームワークがじわじわ広まっている。Reduxは、Fluxの概念を拡張したもので、アプリケーションでひとつの状態をもつと、クライアントでの状態管理がいろいろ便利になるよ、というコンセプトを持つ。詳細は以下の記事が詳しい。 人気のFluxフレームワークReduxをさわってみた - マルシテイアは月の上 Mo […]

Rx(JS)に入門する前に知っておきたいN個のこと

アドベントカレンダードリブンダイエットに失敗中の小飼です。 走っているのに中々痩せません。どうなってるんだ。。。 ※この記事はRxJS Advent Calendar 2015の第二十日目の記事です。 概要 最近チラホラRxJSについての記事を見るようになってきました。 非同期処理を簡潔に書けることについてのポジティブなポストを見かける一方で、主に学習コストの面でネガティブな意見が目立っていること […]

JavaScriptにどのようなビジネス的メリットがあるか

概要 JavaScript Advent Calendar 2015、7日目の記事です。 ここでは、JavaScriptが実現するアーキテクチャには、ビジネス的にどういったメリットがあり、また、それを実現するためにはどのようなスキルが必要なのかを雑にまとめてみる。 SPAによるシームレスなWeb SPAにより、モバイルサイトなどをネイティブアプリに近づけることができる。 まずはじめに、現状の技術で […]

Vue.jsにreduxを載せた話

この記事はVue.js Advent Calendar 2015の第三日目の記事です。 概要 先日とある案件でVue.jsを用いたアプリケーションを開発することとなりました。 一般に同種のフレームワークと比較してVue.jsは、学習コストが低く気軽にはじめやすいということがメリットとして語られています。 ただ、今回の案件のようにMVC系フレームワークを用いて開発する際にネックとなっていたのが、コン […]

MochaとNockでモックサーバーを作ってレスポンスのテスト

月に1kgひよこ豆を食べる小飼です。 先日当ブログで岡本がsinon.jsでXHRをキャッチしてモックレスポンスを返す方法について紹介していました。 ちょうど私も別の案件でAPIサーバーへのリクエストのテストを実装したのですが、岡本とは違ったアプローチを採用しました。 本稿ではNode.jsのhttpモジュールからのリクエストをキャッチしてモックレスポンスを返すnockをご紹介します。 nock […]

karmaにsinon.jsいれて、fakeServerをつくる

概要 SPAのテスト用にAPIサーバーをモックしたいが、nockのような感じでシンプルに実装したい(nockはブラウザ環境であるkarmaでは動かない)。 mochaを使うのも冗長なので、sinonjsを使うことにした。 実装 karmaのconfigにsinonを加える。これで、テスト内でsinonがグローバルで使える。 // karma.conf.js ..., frameworks: [&# […]

オススメnode-modules

手指がカサつき過ぎて指紋認証が出来ない小飼です。 フロントエンド開発においてデファクトスタンダードとなった感のあるnpmは、 Node.jsコミュニティによる開発の活発な無数のライブラリ群があり、Node.jsそのものの魅力に大きく貢献しています。 そこで本稿では私の気に入っているnpmを、活用範囲をフロントエンドに限らずいくつかご紹介します。 validator validator 与えられた文 […]

Nightwatch.jsをE2Eテストフレームワークとして実プロジェクトに適用する時のtipsまとめ

小飼です。 現在開発準備中のプロジェクトのE2EテストフレームワークとしてNightwatch.jsを採用しました。 そこで本稿では、実際のプロジェクトにNightwatch.jsを導入してみるにあたって必要になった知識をまとめます。 Nightwatchとは? Nightwatch.js is an easy to use Node.js based End-to-End (E2E) testi […]

最近気になったGithub JavaScriptトレンド7選(2015年6月編)

概要 先月辺りに気になったGithub JavaScriptトレンドを7つ選んでみました。 React UI Builder React.jsのコンポーネントをGUI的に作成できるツール。 GraphQL GraphQLはデータを表記するためのクエリ言語。階層構造を備えたクエリ構造や型システム、クライアント視点でのクエリ、GraphQL言語それ自身によってクエリされるサーバの型システムといった特徴 […]

1 3 4