フロントエンド

5/6ページ

okpの2015年振り返りと目標

概要 筆者はフロントエンドエンジニアとして3月に入社し、現在は主にJavaScriptを書いている。今回は、反省と、今後やりたいことなど、2015年の振り返りをメモしようと思う。 技術的なこと やったこと AngularJS、React、Webpack、Gulp、ES2015、Vue.js、Protractor、Karma、Jasmine、Mocha、API Gateway+Lambda、Ioni […]

仮想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 […]

1 5 6