Vue.js v0.10.4の変更点まとめ - QiitaDeleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
Post by @niwaringo
sinon.jsを最近使いだしたのですが、そこでFake XMLHttpRequestやFake serverが素晴らしく便利なんじゃないかと思って、jsonpのスクリプトで利用利用してみようと思い立ったのです。 $.ajax({ url:url, scriptCharset:"UTF-8", type: 'GET', dataType : 'jsonp' });
Sinon.JSのFakeServerでAjaxをテストする - Qiita
// jQuery + Mocha + expect.js + Sinon.JS suite('API', function() { var server; beforeEach(function() { // 疑似サーバの生成 server = sinon.fakeServer.create(); }); afterEach(function() { // スタブのXHRとかを戻す server.restore(); server = null; }); it('データが返ってくること', function(done) { var res = 200, head = {'Content-Type': 'application/json'}, body = JSON.stringify({ data: 'data' }); // レスポンスの指定 server.respondWith('P
JavaScriptのクラス定義を簡単にする - Qiita
TypeScript (と TypeScript コンパイラ)を用いて JavaScript で利用可能なクラスの定義を作成(生成)することができます。 各サンプルはシンプルな HTML ファイル(index.html)と JavaScript ファイル(app.js)の２ファイルの構成です。ただし、app.js は app.ts (TypeScript 言語で書かれたソースファイル) をコンパイルすることによって自動生成されるものとなっています。 ちなみに私はエディター(開発環境)として Visual Studio Professional 2012 Update 4 を用いています。(TypeScript for Visual Studio 2012とWeb Essentials 2012をインストールしています) index.html で jquery.min.js を script
Modern JavaScript Applications: Design Patterns
Modern JavaScript Applications: Design PatternsAI-enhanced description The document covers modern JavaScript application development, focusing on achieving well-structured code through various methods such as object-oriented programming, module patterns, and MVC frameworks. It discusses key principles like dependency management, design patterns, and the importance of separating concerns in code st
Backbone UI
Overview Backbone UI provides a simple way to represent your Backbone Models and Collections as UI components. The need to shuffle data in and out of your UI is replaced with simple data binding techniques. All components are skinnable with CSS, and will render consistently accross browsers. The source is hosted on github with an MIT license. Philosophy This framework is written to embrace the DOM
#ガチJS でJavaScriptとフロントエンドの未来について熱い話をした - mizchi's blog
(追記): このブログで一部のJSをgithubに置いてたら 「The website abuses rawgit.com」という警告が出てました。現在修正しました。ご迷惑おかけしました。 @kyo_agoさんの主催で、 @mizchi(シングルページ系フロントエンドJSer) と @damele0nさん(ゲーム系HTML5のJSer)でJavaScriptについて話をした。すごく有意義な話だったので、会話を思い出せる限り書いてみる。 このエントリを読む前にこの記事を読むと幸せになれる。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 - damelog このまとめは僕の主観であり、僕が理解できた部分と自分の発言を一番覚えてるのでどうしてもそれが多めになりますが、ご容赦ください。ついでに酒入ってる。 iOS SafariのIE化
Nunjucks
You've been looking for a more sophisticated templating engine for JavaScript. Here it is. Rich Powerful language with block inheritance, autoescaping, macros, asynchronous control, and more. Heavily inspired by jinja2 Fast & Lean High-performant. Small 8K gzipped runtime with precompiled templates in the browser Extensible Crazy extensible with custom filters and extensions Everywhere Available i
幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが選ばない HTML GUI ツール6選 - Qiita
調べつつ社内向けに書いたけど別に競争的な内容(わらい)を含んでないのでインターネットの皆様でお役立てください。 いわゆる情報量が低い記事となっておりますので、各位共々よろしくお願いいたします。 追記 この記事はネタをネタとして楽しめる子供のインターネットとしてお楽しみください dis られたので、真面目に考えてみた。 幸せになりたいソーシャルゲーム系Webフロントエンドエンジニアが本気で考える HTML GUI ツール第一回 よーけんてーぎー HTML + CSS の職人技を軽減させる 視覚的に HTML の構築と CSS のスタイリングができる モジュール化などしてくれて再利用性が高い 大規模案件にも耐えうる CSS (Sass) 管理 アセット管理 少なくともこの2つが何とかなればあとは目をつぶれる…つぶれる…つぶれ！ あとは テンプレートファイルが読み込めたりとかできる Web Co
perfect-scrollbar
perfect means... There's no css change on any original element Do not affect the original design layout The scrollbar css is fully customizable The scrollbar size and position can be updated Download perfect-scrollbar-0.3.3.tar.gz perfect-scrollbar-0.3.3.zip Demo Source <script> function change_size() { var width = parseInt($("#Width").val()); var height = parseInt($("#Height").val()); if(!width |
Jenkins, Grunt, Jasmine で JavaScript のテストを CI
jasmine で書いた js のテストを grunt で実行できるようにして jenkins で継続的に動作させる。 Gruntfile.js まず Gruntfile.js には以下のようにする。 module.exports = function(grunt) { grunt.initConfig({ jasmine: { all: { src: 'js/source/**/*.js', options: { specs: 'js/spec/**/*.spec.js', helpers: ['js/spec/helpers/jquery-1.11.0.min.js', 'js/spec/helpers/jasmine-jquery.js'], keepRunner: true, junit: { path: 'build/jasmine-test/' } } } } }); grun
Karma + Mocha でRequreJSを使ったJavaScriptをテストする - bati11 の 日記
たまにやると忘れてるのでメモ。 Karmaはnode.jsベースのテストランナーで、ターミナルからテストを実行できて、複数のブラウザを立ち上げてテストを実行したり、ファイルの変更を監視して自動でテストを実行したりもできます。 RequireJSを使ってるJavascriptに対して、テストフレームワークとしてmocha、アサーションライブラリとしてexpectを使ったテストを書き、Karmaで実行します。 ※2014/3/12追記 使用したバージョンは以下。 node v0.10.25 npm 1.3.24 karma 0.12.0 追記ここまで。 最終的にはこんな感じに。 $ tree . |-- karma.conf.js |-- package.json |-- src | `-- js | |-- app.js | |-- lib | | |-- require.js | | `-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
sinon.fakeServer は 正規表現が使える - Qiita
ditto
Logdown - Site Maintenance
GitHub - medikoo/tad: JavaScript test suite
GitHub - eslint/doctrine: JSDoc parser
JSHint入門 - JSHintを使ってJSコードの信頼性を高める - Qiita
Mocha, chai, sinon で JavaScriptのテスト - Qiita
JS開発におけるTDDと自動テストツール利用の勘所
