Javascriptと”promise”－非同期通信を再勉強！with JQuery - ichijo3's blog
Javascriptと”promise”－非同期通信を再勉強！with JQuery 非同期通信なるものは、Javascriptでゴリゴリ書いている立場としてはよく見るものである。ゴリゴリ書くし。しかし、かつての”web2.0”ストリームから始まったコーディング方法でも、動くことは動くので、最近の”非同期通信”するなら、この【方法】で～をついついほったらし。 JQueryを愛用しているワタシとしては、「Deferredオブジェクト、キター！」を知らないわけではなかったが、敢えてじっくり取り組む姿勢にならず、今までを過ごしました。（ちなみに、Deferredが使いたい状況の開発がなかったわけではなく、そこはもうゴリ押しで。時間がなかったりしてモノで。） そんなグウタラ開発者なワタシでしたが、今回はマジメに勉強、ちくちく、ちまーいところ開始しました。 きっかけはWindows8 Metro S
最近のJavaScript開発まとめ
こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラリやツールなどをまとめてみました。 フレームワーク ●Backbone.js http://backbonejs.org/ JavaScriptのMVCフレームワーク。 何も使わない(もしくは我流)よりは、これを使って欲しいと思えるフレームワークです。 利用者が多く日本語情報も豊富にあるのと、フレームワーク自体が1500行程度と軽量なため、学習コストを低く抑えることができます。 ●AngularJS http://angularjs.org/ データバインディングを備えたフレームワーク。 高機能なテンプレートや、DIの仕組み、ルーテ
How to Unit Test Private Functions in JavaScript — Philip Walton
Update: A lot of readers have commented or tweeted that I shouldn’t be unit testing private functions in the first place. Admittedly, this article is a little light on the why and mainly focuses on the how. To explain some of my rationale, I wrote a follow-up article: Why I Test Private Functions In JavaScript JavaScript’s closures provide an excellent way to make variables and functions private,
Kazitori.js
Kazitori.js は複雑になりがちな pushState 処理をいい感じにさばいてくれる ルーターを提供するライブラリです。 Kazitori.js を使うことによって以下のことが簡単に実現します。 IE7以上の環境で動作します。 古い IE や、一部 Android など、pushState に対応していないブラウザでは 自動的にハッシュ(#)として処理されます。 生の JavaScript だけでなく、CoffeeScript、Haxe でのコーディングをサポートしています。 Haxe については Extern を公開しているので合わせてご利用下さい。
Post by @hamalog
これ の これ とか、これ の これ とか、これすごい見やすいんですけどどうやってんのって調べたら、doccoとかいうものを使って作られていたことを知ったので試した。結果、できまして、こんなの（元ソース）。
JavaScriptで文字列を数値にするときは+valでやりたい - 車輪を再発明 / koba04の日記
http://nmi.jp/archives/488 を見ていて、 「+val」で数値として評価するコードはライブラリの中でも時々見るので、自分でコード書くときも+valでやりたいなと思い、parseInt(Float)やNumerとの挙動の違いを少し調べてみたのでメモ。 環境はChromeのDeveloper Consoleでやっています。 値 +val ParseInt(val, 10) ParseFloat(val, 10) Number(val) 10 10 10 10 10 "10" 10 10 10 10 -10 -10 -10 -10 -10 "-10" -10 -10 -10 -10 0 0 0 0 0 "0" 0 0 0 0 "" 0 NaN NaN 0 "hoge" NaN NaN NaN NaN "10a" NaN 10 10 NaN "10.0" 10 10 10
JavaScript イディオム集
JavaScriptでは、初見の人にはさっぱりわからないけれども、ある程度慣れた人は当たり前に使うイディオムが結構たくさんあります。知ってしまえば何てことはないので、私の知っている限りのイディオムとその意味を解説します。 （7/3追記: twitter等で教えていただいた内容を追加しました） +v （数値化） var v = "123"; console.log(+v + 100) // 223 console.log(v + 100) // 123100 vを数値化する方法では最もメジャーです。parseFloat(v) に比べて高速なのに加えて、parseFloatとは細かい挙動が異なります（例えば空文字列の場合、parseFloatならば NaN になりますが、 +v の場合はゼロになります）。必ず数値になることが保証されており、文字列などで数値化出来ない場合はNaNが返ります。 v
LWF by GREE
Download .zip Download .tar.gz View on GitHub LWF is an animation engine which can play animation data converted from FLASH contents in HTML5, Unity, Cocos2d-x, iOS UIKit, and more. LWF is designed to make game development easy and fun. Creating rich 2D character animations and user interfaces requires lots of investment in terms of resource and time. However, LWF converts classic FLASH format int
javascriptのテストのはなし：Sinon.JS(その2) | DevelopersIO
前回に引き続いてSinon.JSの話しです。今回はFake timer と Fake server についてです。 テストフレームワークにはQunitを使っているので、初めての方はQUnitについての記事[その1、その2、その3]を参照してください。 Fake timer Fake timerを使うと時間をコントロール出来る様になります。 APIドキュメントにある例を少し変えて、次の様なテストを作りました。この例では動的に作成したdivのwidthとheightを5分掛けて200pxにアニメーションさせていますが、このテストを5分間待つ事なく終わらせる事ができます。進める時間を1分と4分に分けてみました。これで実際に時間がコントロール出来ているのが分かると思います。1分進めた段階ではwidth,heightどちらとも200pxになっていないのでエラーになります。 test("fake ti
javascriptのテストのはなし：Sinon.JS(その1) | DevelopersIO
QUnitについてある程度分かった所で、今回はSinon.JSというライブラリを紹介します。 Sinon.JSをテストフレームワークと合わせて使う事で様々なテストができる様になります。特定のテストフレームワークには依存していないのでQUnit以外でも使えます。Sinon.JSのサイトに行けばいくつかのテストフレームワークのアダプタがあります。 Sinon.JSにはいくつかの機能があるので順に紹介します。今回はSpyとStubとMockの3つについてです。テストフレームワークにはQUnitを使っています。 準備 本題に入る前に、準備です。Sinon.JSのライブラリをhttp://sinonjs.org/からダウンロードして適当な位置に配置して、テストで使うhtmlにロードしておきます。 Spy Spyは、メソッドが呼ばれた時の引数や戻り値、エラーなどを監視する事ができます。 これはSino
Karma(元Testacular)を使って簡単にテストを実行しよう | DevelopersIO
Karmaとは 昨年、Googleがnode.jsベースのJavaScriptテストランナー、「Testacular」をオープンソース化しました。 このツールは元々AngularJSのためのテストフレームワークとして作られたそうで、 クライアントサイドのJavascriptコードのテストを簡単に実行することができます。 このツール自体はテストランナーで、JasmineやMochaなどのテストフレームワークを使用してテストを行います。 先日このプロジェクトの名前が変更され、「Karma」という名前になりました。 今回はKarmaのインストールからテスト実行(+ Gruntでの実行)までをおこなってみます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.4 Node.js : v0.10.0 npm : 1.2.14 Grunt : 0.4 npm
initTouchEventにおけるAndroidとiOSの引数違い - KAYAC Engineers' Blog
こんにちは。毎日欠かさずAndroidと心で対話をおこなうHTMLファイ部の高橋です。入社4週目にしての初投稿です。 UIのタッチ操作が絡むJSのテストで、タッチイベントを生成する際のハマりどころをエントリします。 きっかけ 先日、JsTestDriverでタッチイベントの生成をした際、Androidだけイベントが生成されず何のエラーも出ないという事象が発生。 その答えは「selenium」の中にありました。 events.js#443 | selenium // Android's initTouchEvent method is not compliant with the W3C spec. // Android's initTouchEvent method is not compliant with the W3C spec. // Android's initTouchEven
introduction-1.3.1.js
Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests. This guide is running against Jasmine version FILLED IN AT RUNTIME. Suites: describe Your Tests A test suite begins with a call to the global Jasmine function describe
Rails で、Controller に定義されている action を一度に取得する方法はありますか？ - QA@IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
イベントオブジェクト - jQuery API 1.4.4 日本語リファレンス - StackTrace
解説 jQueryのイベントシステムは W3Cの規格に基づいて実装されています。 イベントオブジェクトは、イベントハンドラの引数として渡されます。 イベント発生時には、イベントの種別や環境によって、さまざまな名称や状態でイベントオブジェクトが渡されます。 jQuery はこの違いを吸収し、イベントオブジェクトに対する統一されたインターフェースを提供します。 また、ネイティブイベントのほとんどのプロパティはマージされますので、それを使用することもできます。 jQuery のイベントオブジェクトを生成し、使用する例は、jQuery.Event(src) を参照してください。 イベントオブジェクトが持つプロパティとメソッドは次の通りです。 プロパティ currentTarget ： イベントのバブリングフェーズにおける現在のDOM要素 data ： バインド時に渡されたデータ pageX ： イ
JSbooks - Free Javascript Ebooks
ECMAscript language reference various authors Advanced Learn all about the Javacript language specifications with this official ECMA-262 bible. Developing Backbone.js Applications Addy Osmani Intermediate In this book we will explore MVC theory and how to build applications using Backbone's models, views, collections and routers.
[CSS3|jQuery|Webkit]translate3d等のtransformで設定した現在値を取得したい - Web 業界の技術屋 | VIVID Labs.
皆さんご無沙汰しております、Web屋の中の人です。 手術やらリハビリやら、少々複雑なシステム開発案件等でお勉強の方を長期に渡り休止しておりましたが久々にやってみようと言う事でインターフェイスの調整やバグ取り、むしろソースの整理なんかをしているとタイトルの状況になりました。 iPhone や iPad 上でアニメーションしたい時は、jQuery.animate は原則使い物になりませんので CSS3 の transform を利用してグリグリします。 ちなみに今回はタイトルに記載している通り「webkit」ブラウザのみ対象としていますのでご注意ください。 ※Safari、Chromeなどなど。 ありがちな例を挙げると、js でスライダーなんかを作っている時に「この要素の x 座標は今ナンボ程動いてますか」と言う状況です。 jQuery を使っているなら簡単ですよね、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
_level0 | Kayac Interactive Designer's Blog
Angular.js使ってみた
AngularJSでブラウザアプリを書いてみた感想
