ポジローぽけっと

昨日より今日、今日より明日を信じて、トライトライ

javascript

ajax requestへのresponseがステータス200なのに、persererrorでerror/failとなってしまったら

ajaxのdataTypeと実際のdataTypeが一致しているか確認する。 応答がない場合は、dataTypeは不要。 $.ajax({ url: "hoge.php", // リクエスト送信先URL type: "POST", data: {hoge:"hoge"} dataType: 'json' }) 参考 jQuery.ajax(options) - jQuery 日本語リファレ…

mocha, chaiを使ってJavaScriptのテストがしたかったら

参考 以下をとっても参考にしました。感謝! http://d.hatena.ne.jp/aike/20140801 http://qiita.com/w650/items/adb108649a0e2a86f334 http://qiita.com/y_hokkey/items/f73ea6b3d5f6902396b6 プロジェクト構成 以下のようにプロジェクトを構成する。(手元…

PhpStormでjasmineを使ってJavaScriptの単体テストがしたかったら

方法 Languages & Frameworks > JavaScript > LibrariesでjasmineをDownloadする これで入力補完が効くようになる。 jasmineのソースファイルをwebからとってきてProjectに配置する これは例えば以下を参考にすれば良い Jasmine使い方メモ - Qiita プロジェ…

PhpStormでJavaScriptのLibrariesをaddすると何が起きるか分からなかったら

PhpStorm 2017.1 Help :: Configuring JavaScript Librariesをよく読もう。

HTMLのtableでexcelのウィンドウ枠固定のようにスクロールさせたくなったら

HTMLのtableでexcelのウィンドウ枠固定のようにスクロールさせたくなったら 実装 <html lang="jp"> <head> <meta charset="UTF-8"> <script src="js/vendor/jquery-1.12.0.min.js"></script> <title>Title</title> <script> function initializeTable () { $("table th").css("background-color", "aqua"); $("table td").css("background…</meta></head></html>

PhpStormで、ajaxのdone, fail, alwaysの実行順序を確認した

PhpStorm設定 JavaScript Debug URL:http://localhost:63342/test/test.html PHP Built-in Web Server HOST: localhost Port: 63342 Document root:hogehoge/test jQuery入門道場から引用 AJAXでは、 見ているページと同じドメイン(同じプロトコル、ポート…

.thenの復習

.thenの引数は関数 function test1() { "use strict"; var d = new $.Deferred(); setTimeout(function () { console.log("test1"); d.resolve(); }, 1000); return d.promise(); } hogehoge.then(test1());// これは1000ms待たない hogehoge.then(test1);//…

JQuery.DeferredとES2015のPromiseオブジェクトの違いってなんなのさってなったら

よくわっからーん。 下記二つ読んでも、同じように実装できるからDeferredの必要性がわからない。 結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 - Qiita 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで…

Node.jsでJQuery.Deferredを動かしたかったら

これははまった。以下の記述で気づけた。 This is because reqyure(‘jquery’) requires a window object 引用元:Testing javascript code that uses require('jquery') in node - Stack Overflow jquery.js内にも記述がある // For CommonJS and CommonJS-l…

Promiseってなんじゃらほいってなったら

以下のp.413-418に習う(この本はこの6ページでのみPromiseオブジェクトについて記載している) 改訂新版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで作者: 山田祥寛出版社/メーカー: 技術評論社発売日: 2016/09/30メディア: 大型本こ…

Web アプリケーションの自動テストするなら

Seleniumを使う 方法は二通りある Selenium WebDriverを使って、テストスクリプトを書いて実行する 対象ブラウザを選ばない Selenium IDEを使って、実行する chromeで動作させられなかった Selenium WebDriverを使う場合 JAVAScriptでテストスクリプトを書く…

Node.jsって結局何なのさってなったら

以下が分かりやすかった。 www.ibm.com ブラウザ(クライアント)のエンジンを取り出して、ブラウザ以外でも使えるようにしたってことです つまりJAVAScriptの言語仕様/特徴が好みなら、ブラウザだけを対象にしなくてもJAVAScriptでプログラムが書ける

PhpStormでJavaScriptのテストをするなら

JSTestDriver Pluginを使う 以下に習った、Pluginを入れた後はPhpStormの再起動忘れずにしよう qiita.com Getting Started with JsTestDriver IntelliJ plugin - WebStorm - Confluence

PhpStormでPHPとJAVAScriptをデバッグできるようにする

目的 phpstormのbreakpointを使って、phpとjavascriptをデバッグできるようにする 参考 Debugging PHP and JavaScript code at the same time in PhpStorm - PhpStorm - Confluence LiveEditは試してない やること PHPのデバッグのために サーバのphpでxdebu…