SE奮闘記

iPhone, Androidアプリ向けにRest APIなWebサービスを開発している時にアプリを起動せず簡単にテストするツールを探したときの覚書。 参考 testing - What tools can I use to test a REST API? - Stack Overflow What tools do you use to test your public REST API? - Stack Overflow REST / HTTP API Tools for Development and Testing | Minimum Viable Pontification   Google Chrome拡張機能「 Postman - REST Client 」 多機能でサクサク動くので使いやすい。 履歴機能など必要なものは揃っていて、ソースコードも公開されているので素敵すぎる。   Firefoxアドオン「 Poster 」 「 Postman - REST Client 」があればいらない。 インストール後は右下の「P」かツールから起動する。 「Headers」は任意の値を設定するときに使う。 「Parameters」を登録しておけば「Body from Parameters」で値を生成してくれるので便利。     < Related Posts > nginx + node.js + pm2でアプリ向けのREST API環境を構築 iOS SimulatorからPOSTしているDATAを確認（Network監視） IEのAjax通信をDebugするときにPOST情報を表示「Fiddler2」 jQueryを使ってPHPとJSON形式のデータをやり取りする方法

開発環境はApacheのReverse Proxyを使って、LAN内のServerに転送しているけど、swfをFirefoxで再生しようとするとFirefox自体が落ちてしまうので調査したMemo. ちなみにIP Addressを直接入力してSWFを指定すると再生できる。 環境は Server: CentOS 6.0, Apache 2.2.15 Client: Windows 7 Home Premium 64bit(英語版), Firefox 8.0, Flash Player 11.1.102.55 Reverse Proxyを設定してあるApacheのconf fileにProxyPassReverseCookieDomainを追記したら直った。（追記：でもたまに落ちる） なぜ？気のせいかもしれない。 <VirtualHost *:80> ServerName dev.hoge.com ProxyRequests Off   ProxyPassReverseCookieDomain 192.168.0.81 dev.hoge.com ProxyPass /testsite http://192.168.0.81/testsite ProxyPassReverse /testsite http://192.168.0.81/testsite </VirtualHost> "ProxyPassReverseCookieDomain"に関しては下記を参考に。 mod_proxy - Apache HTTP サーバ   < Related Posts > ApacheのReverse Proxyで502 Proxy Errorが出力される ApacheにReverse Proxyを設定して社内の別Serverを外部に公開

他の人が作ったswfをdebugしたときのMemo. swf内のtraceをBrowserで表示するにはFirefoxのPlugin: FlashFirebug が便利。FirebugをInstallしてあれば、Panellに[Flash]が追加される。 Official Site に詳しい説明があるので、そちらも参考に。 普段はDisabledにしておいた方がいいらしい。   < 2011/06/30 Modified > Adobe Flash Professional CS5からでも出来ることが分かった。 Debug -> Begin Remote Debug Session -> Acsion Scriopt 3.0 これで待機状態になるので、あとはFirefoxとかで表示すればTraceが表示される。

Wordpressの開発をしているときにIEのAjaxだけ失敗するので調査したMemo。 jQuery を使ってAjax通信を行うときにfirefoxでは firebug を使えばPOSTされる内容を簡単に確認できる。 IE(Internet Explorer)ではDeveloper Toolsを使えば出来る？と思ったけど、それらしい項目がない。しょうがないので「 Fiddler 」というApplicationをInstall。 このSoftはHTTP通信を監視してくれる。 Browserに関係なく全てのHTTP通信が表示されるので、どんなSoftがどんな情報を送信しているかも分かる。 Process Filterを使えばIEのProcessだけ監視とかも簡単にできる。 結局、wp-ajax.phpに対してloginせずPOSTしていたのが原因だったのだけれど・・・。 下記記事も参考に。 [Wordpress Codex]AJAX in Plugins

受発注システムを開発したときに、たくさんある入力項目に自動入力してくれるツールを探したときのメモ。 「 Selenium IDE 」というFirefoxアドオンを使うと便利。 ブラウザ上の動作を記録して実行することが可能。 ただjavascriptのonblurなどのイベントは発生しないので注意が必要。 下記サイトも参考に。 [Think IT] 第7回：Selenium IDEの活用とSelenium利用時の注意点 (1/3) 一つの帳票を作成するのに100を超える入力項目があり、そのデータを集計する画面をテストするのに、このツールがないと生きていけない。

やっぱり一定の年齢以上の人はEnter(Return)で入力できないと苦痛らしい（Tabで移動できることを知らない）ので、JavaScriptで実現できないものかと調査したメモ。 IEだけなら次のコードをonkeydown時に実行すればOK。 if( event.keyCode == 13 ) {     if(event.which) {         return false;     } else {         event.keyCode = 9;     } } event.whichの分岐はfirefoxでスクリプトエラーが出ないようにしている。 firefoxでも動くようにしようと思ったら結構めんどくさい。 Enterキーイベントをtabキーイベントに置き換えるのではなくて、Javascriptで次のフォームを見つけてfocusするようにした方がいいかも。 ここ などを参考に。 jQueryを使えば closest とか nextAll とか使えば簡単に実現できると思う。

Wordpressのテーマをいじっていて、IEとFirefoxで文字サイズに違いがあるので調査したメモ。 他の開発で困らなかったのは、 blueprint というcss frameworkを使っていたから。既存のテーマをカスタマイズするときでもcss frameworkは積極的に使っていこうと思った・・・。 フォント指定しているところを見比べてみると、次のような指定をすれば大丈夫そう。 html {     font: 100.01% Verdana, sans-serif; } body {     font-size: 75%; } 下記サイトも参考になる。 ブラウザに依存せず文字の大きさを統一させる方法 IEで指定どおりのfont-sizeにならない

Andorid端末向けのサイトを構築する際に動作確認をするのにAndroid SDKに付属するエミュレータをインストールするのは面倒だったので、簡単にできないものかと調査したメモ。 Firefoxを携帯エミュレータにしてくれるアドオン「 FireMobileSimulator 」を使うと簡単にできる。インストールは こちら から。 インストール後、ツール → FireMobileSimulator → 最新端末リストから端末を追加から「HT-03A」を検索。 選択して「選択した端末を追加」で完了。あとはツール → FireMobileSimulator → DC HT-03Aを選択すればOK. Firebugとの連携でデバッグもしやすい。 ちなみに試してたのは、WordpressをAndroid端末, iPhone, iPod touch向けに表示してくれるプラグイン「 WPtouch 」

リアルタイムでスタイルシートを編集して表示するアドオンの紹介です。 EditCSS 左のサイドバーに現在表示しているサイトのCSSが表示され、これを編集するとすぐに画面に反映されます。 CSSの確認やデバッグするときは便利。 適用するスタイルを別ファイルで読み込むとそのスタイルが反映した画面を確認できます。 ただimportしているCSSファイルは編集できない。