テスト環境で使えるクレジットカード番号 - Qiita
実在するカード番号を利用することもできます。 カードの番号として妥当であれば上記以外の番号も利用することができます。 こちらのページで、番号の確認ができます。 【PHP】クレジットカードチェックサンプル カード番号以外の情報について 基本的に何でも大丈夫です。 名前・・・スペース区切りで名字と氏名を記入した名前なら何でも使用できます。(例: Taro Tanaka) 有効期限・・・現在時刻より未来の年月を有効期限として指定してください。 セキュリティーコード・・・適当な任意の3桁か4桁の数字を入れてください。 エラーさせるカード番号 テスト環境では、有効期限切れや、カード会社に決済を拒否されたり、偶発的に接続へ失敗した場合などに発生する例外（card_error）を、以下の番号を指定することで意図的に発生させることができます。 クレジットカード番号 card_errorのcode エラー内
jQueryで設定されたクリックイベントなどを定義している場所を調べる方法 - Qiita
Chromeなどのモダンブラウザであれば、デベロッパーツールがあってJavaScriptのデバッグなどもそこで容易にできる。例えば、なんかのボタンにJavaScriptでクリックイベントを設定している場合、なにが設定されているかの確認もサクッとできる。 デベロッパーツールで、イベントの中身を確認 <div id="click1">click1</div> <script> var click1 = document.getElementById('click1'); click1.addEventListener('click', function() { console.log('click1'); }); </script> Command + Option + i のショートカットで起動 調べたい要素を選択し、右側のパネル「Event Listeners」を選択する 右端のフィルタっ
JavascriptのChromeでのデバッグ方法個人的まとめ2016 - Qiita
はじめに Javascript開発でよく使ってるデバッグ方法についての個人的なまとめです。 当たり前の事ばかりですが、これからJavascript開発をやる方や興味がある方に少しでもお役に立てればと思います。 デバッグの鉄板 console.log Javascriptの開発でconsole.logを使わない人を探すほうが難しいくらいだと思います。
node.jsのデバッグ(ステップ実行)ができるnode-inspectorの使い方 - 小さい頃はエラ呼吸
2013.01.27追記 最新版で動作するよう記事を修正しました。 はじめに この記事では、Mac OS X Lion上にnode-inspectorとnode.jsをインストールし、node.jsをデバッグ（ステップ実行）する手順について書いています。 この記事を書くにあたり、以下のエントリを参考にさせていただきました。 node.jsでのデバッグ方法 - すにぺっと node.jsの開発時に役立つモジュール : アシアルブログ はじめてのNode.js -サーバーサイドJavaScriptでWebアプリを開発する-posted with amazlet at 14.01.23松島 浩道 ソフトバンククリエイティブ 売り上げランキング: 13,297 Amazon.co.jpで詳細を見る node-inspector node-inspectorは、サーバサイドのJavaScriptをブ
はじめてのNode.js：Node.jsアプリケーションのデバッグ | OSDN Magazine
本記事は、3月13日にソフトバンク クリエイティブより発売された書籍「はじめてのNode.js －サーバーサイドJavaScriptでWebアプリを開発する－」から、「第7章 Node.jsアプリケーションのデバッグ方法」の一部を抜き出し再構成したものです。 出版社ページ / Amazon.co.jpの商品ページ 大型本: 384ページ、価格：3,045円（税込）、ISBN: 978-4797370904 Node.js組み込みのデバッガを使う nodeコマンドには、CUIで操作できるデバッグ機能が組み込まれている。実行中のコードを表示したり、変数や関数の戻り値を表示する、といったシンプルな機能のみを持つデバッガであるが、別途ツールなどをインストールすることなしに手軽にプログラムの実行状況を確認できる。 デバッグ機能を使うには、node debugコマンドを使用する。 $ node deb
ActionScript 3.0 の 条件付きコンパイル
ActionScript 3.0 でデバッグ時と、リリース時のコードを分けるには、if 文などを使用して分岐しても良いが、swfにデバッグコードが含まれてしまうため、条件付きコンパイルを使用すると良い。 この方法を使用すると、同名のプロパティやメソッドなどを環境により変更する事ができる。 Flashでの定数定義 「プロファイル」-「スクリプト - 設定」-「定数の構成タブ」で定数を追加する Flexでの定数定義 mxmlcのコンパイラオプションで指定 mxmlc -define+=CONFIG::DEBUG,true -define+=CONFIG::RELEASE,false .. flex-config.xmlで指定 <compiler> <define> <name>CONFIG::DEBUG</name> <value>true</value> </define> <define>
[XCODE] UIWebViewでWebページを表示した際にJSのconsole.logの内容を表示する方法 - YoheiM .NET
こんにちは、@yoheiMuneです。 今日は、UIWebViewベースのアプリケーションのデバッグに役立つ、 window.cosole.logの内容をXCODEのコンソールに出力する方法を書きたいと思います。 UIWebViewベースのアプリはデバッグしづらい？ UIWebViewベースのアプリを開発する際に、デバッグがしづらいという問題点があります。 通常のWebページ開発では、Chromeのデベロッパーツールや、iPhone用のWebインスペクタ（詳細は、こちらを参照）を用いて開発する事で、効率的にデバッグする事が可能です。 しかしUIWebViewで表示するWebページのデバッグはJSのログとか見えないので、デバッグしづらい。 その解決策はいくつかありますが、今回はJavaScriptのwindow.console.logをXCODEのコンソールに出力して、 デバッグ情報を入手し
![[XCODE] UIWebViewでWebページを表示した際にJSのconsole.logの内容を表示する方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/a78e5b860cf20147461f92668805ed47a08f4d77/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F158.jpg)
XCodeでDebug時とRelease時にLog出力on/off切り替え – boogieoogie's blog
開発中のDebugモードではログを出力し、申請時のReleaseモードではログを非表示にします。 最新のXcodeでは新規にプロジェクトを作っただけで、「Build Settings」タブの「Apple LLVM compiler 3.1 – Preprocessing」の「Preprocessor Macros」の「DEBUG」にすでに「DEBUG=1」が入っています。 〇〇〇-prefix.pchに以下のコードを追加します。 #ifdef DEBUG # define NSLog(...) NSLog(__VA_ARGS__); #else # define NSLog(...) #endif これでＯＫ。 確認します。 メニューの左上のプロジェクト名をクリックすると、メニューが出てくるので「Edit Scheme」を選択。 「Run」のBuild ConfigurationをDebu
Xcodeでのデバッグ方法 | Cyber Passion for iOS
昨今の開発環境ではブレークポイント設定や変数値の確認ができるソースレベルデバッガの存在は当たり前です。Xcodeももちろんそれを備えています。 ※ デバッグのために不用意にNSLogを書きまくるのはコードが汚れるのでやめましょう。場合よってはソースレベルデバッガよりNSLogの方が有効な時もあります。それについても後述します。 Runした時に変数とデバッグコンソールが表示されるようにする XcodeのメニューからPreferencesを開きBehaviorsタブを選択してください。 RunningセクションのStartsを選択し、Show debugger withの項目をチェック。Variables & Console Viewを選択してください。こうすると実行した時に自動的にデバッガによる変数とコンソールが表示されます。 ブレークポイントの追加、削除 ソースファイルの行番号をクリックす
Androidの実機でウェブサイトのJavascriptをデバッグする方法
スマートフォン向けのWebサイトを作ると、おおむね使われるJavascript。 Androidの実機でデバッグしたい時に、実機にコンソールを表示する方法と、PCに表示させる方法。 その① 実機のAndroid標準ブラウザでコンソールを表示する (1)Android標準ブラウザを起動する (2)アドレスバーに“about:debug”を入力してEnter (3)ブラウザの「サブメニュー」→「設定」に、”デバッグ”をタップ (4)“Show Javascript Console”にチェックが入っていることを確認 ※“UAString”でユーザーエージェントも変えられたりします (5)ブラウザに戻って“SHOW JAVASCRIPT CONSOLE”をタップすると、コンソールログが表示される※以下のメソッドが使えるらしい console.log(); console.info(); conso
Flash Player/Adobe AIRでのメモリリーク対策まとめ (Flash Builder/Scout編) - ICS MEDIA
Adobe AIRアドベントカレンダーの一環として、「Flash Player/Adobe AIRのメモリリーク対策」を記事にまとめました。メモリリーク対策として弊社が取り組んでいる手法を紹介します。 この記事では次のソフトウェアを利用します。 Flash Builder 4.7 Adobe Scout メモリリーク対策の重要性 Flashコンテンツ/AIRアプリを長時間起動してるとメモリの使用量が増大し動作が不安定になることがあります。メモリ使用量の増大によってフレームレートの維持が難しくなったり、Flashコンテンツ/AIRアプリのクラッシュへとつながります。 Flashコンテンツの制作でメモリリーク対策を必要としなかった開発者は多いと思います。2000年代のフルFlashサイト全盛期に需要のあった広告系コンテンツ。それらは訴求力重視・公開期間が短めということもあってメモリリーク対策が
Eclipseで作ったAndroidプロジェクトをコマンドラインでビルドする - FLYING
前準備 antでのビルドに必要なファイル群を生成する。 $ cd ~/workspace/your_project/ $ android update project -p ./ デバッグビルド 次のコマンドでビルドを実行する。 $ ant clean $ ant debug~/.android/debug.keystoreで署名されたapkがbin/{メインクラス名}-debug.apkに生成される。 リリースビルド 署名に使うkeystoreの情報をant.propertiesに書く。 key.store=path_to_your_keystore # 絶対パスまたはプロジェクトディレクトリからの相対パス key.store.password=password_of_keystore key.alias=your_alias key.alias.password=password_of
Chrome DevToolsを使いこなすための参考サイトまとめ | 1 pixel｜サイバーエージェント公式クリエイターズブログ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 フロントエンドエンジニアの谷です。 本記事ではGoogle Chromeの開発者ツール、Chrome DevToolsを使いこなすために参考になるサイト、ページの紹介をします。 すでに多くのフロントエンドエンジニアが開発で使っているかもしれませんが、「要素のインスペクタなどの基本的な機能しか使っていない」「UA切り替えくらいしかつかってない」というような方や、そもそもほとんど使ったことがない、という方もこれらを参考にフロントエンド開発を効率化していきましょう！ 基本的な使い方 Chrome DevTools Overview 基本はやはり公式ドキュメ
Chromeのリモートデバッグ機能がすごい！ - Hacking My Way 〜 itogのhack日記
ここの動画で紹介されているリモートデバッグがかなり強力なツールなので紹介します。 事前準備 開発マシン側にadbというツール＆Android端末のUSBデバッグを有効にする必要があります。 開発してる人なら説明いらないので省略。 リモートデバッグを有効にする Android端末と開発マシンをUSBで接続して、端末が認識されていることを確認して下さい。 開発マシンのターミナルで以下コマンドを打ちます。 $ adb forward tcp:9222 localabstract:chrome_devtools_remote Android端末のChrome for Androidでメニューから 設定→デベロッパーツール→USBウェブでバッグを有効化にチェック 開発マシンのブラウザで下記URLにアクセスします。 localhost:9222 すると、Chrome for Androidのタブで開い
iOSアプリ開発で例外の発生した場所を特定する | DevelopersIO
iOSアプリを開発していて、例外が発生してアプリがクラッシュしてしまうことがしばしばあります。 Xcodeでは、クラッシュ時に得られる情報が少ないので、原因究明に時間がかかってしまいます。 そんなときは、「NSSetUncaughtExceptionHandler」を使用すると便利です。 まず、試しに、よくある例外をわざと発生させてみます。 - (void)viewDidLoad { [super viewDidLoad]; // ここで、わざと例外を発生させてみます。 [[NSArray array] objectAtIndex:0]; } 実行すると以下のようになります。 「UIApplicationMain」で止まってしまって、状況がよくわかりません。 「NSRangeException」が発生したことくらいはわかりますが、もう少し情報が欲しいところです。 そこで、「NSSetUnc
Google chromeでHTTP headerをみる方法 - [Mi]みたいなもの
FifefoxでHTTPヘッダーをみるときは、以前紹介したようにLive HTTP Headersというアドインを使えばいいです。 非常に重宝しました。 ではGoogle Chromeではどうすればいいでしょうか。 アドイン不要です。 net-internalsのEventsタブから確認できます。 画面の上から下に向けて、古い物から新しいものの順に並んでいます。 左半分のID、Source、Descriptionの該当行をクリックすると、右半分のLogタブにヘッダーが表示されます。 整形されてて見やすいといえば、見やすいです。 私としては、素のまま表示するLive HTTP Headersの方がとっつきやすいですけどね……。 その他、JavaScriptで表示する方法や、Charles Proxyというプロキシ型のヘッダ確認ツール、「HTTP Headers」という拡張機能、があるようです
![Google chromeでHTTP headerをみる方法 - [Mi]みたいなもの](https://cdn-ak-scissors.b.st-hatena.com/image/square/9bdf7bbb2aed219f1d7ec3d46348839a288d8814/height=288;version=1;width=512/https%3A%2F%2Fcdn.image.st-hatena.com%2Fimage%2Fscale%2F01682ddd1ae6f28e5bef07dd0f4ff4faa14fce3a%2Fbackend%3Dimagemagick%3Bheight%3D1300%3Bversion%3D1%3Bwidth%3D1300%2Fhttp%253A%252F%252Fimg.f.hatena.ne.jp%252Fimages%252Ffotolife%252Fm%252Fmitaina%252F20110414%252F20110414191716.jpg)
JavaScriptのメモリリークを発見してくれるツール「Leak Finder」をグーグルが公開
ガベージコレクションの機能を備えるJavaScriptのような言語で開発されたアプリケーションでは、基本的にメモリリークは生じないはずですが、それでも回収されないメモリ領域がどんどん増えていくというメモリリーク的な状況は起こりえます。 leak-finder-for-javascript - Tool for finding memory leaks in JavaScript programs. - Google Project Hosting メモリリークは最終的にはそのソフトウェアの動作を遅くしたり不安定にしますが、短期的には問題なく動作しているように見え、単純なテストでは症状が表れにくいため、発見は難しいものです。 グーグルはこうしたJavaScriptのメモリリークを検出してくれるツール「Leak Finder」を公開したことを、ブログ「Leak Finder: a new to
IE7/8/9, 全てのモダンブラウザ、iPhone, iPad, Androidのクロスブラウザチェックができるソフトウェア -BrowseEmAll
デスクトップ・スマートフォン・タブレットの主要なブラウザの古いバージョンから最新版までに対応した、クロスブラウザのチェックに使えるWindows用のソフトウェアを紹介します。 Cross browser testing -BrowseEmAll [ad#ad-2] BrowseEmAllのサポートブラウザ BrowseEmAllの主な特徴 BrowseEmAllの使い方 BrowseEmAllのダウンロード BrowseEmAllのサポートブラウザ デスクトップ 主要ブラウザの最新版に対応。 IE7-9 Firefox3.6-12 Chrome12, 16, 19 Safari4, 5, 5.1 Opera10, 11 スマートフォン・タブレット 横置き・縦置きに対応。 iPhone, iPhone4, iPad, iPad2, iPad3 シミュレーター Android2.2, 2.3,
Google ChromeのJavaScriptデバッガの進化がすごい - os0x.blog
Chrome版のFirebugことGoogle Chrome Developer Toolsですが、以前gihyoで解説したときよりさらに便利になっているので、少し紹介します(元はWebKitなので、そのうち(近いうちに)Safariでもそれなりに使えるようになるはずです)。 圧縮されたコードの整形 まず、目立つところからいきましょう。ちょうど先日更新されたChromeのdev版(12.0.742.0)に搭載されたばかりの機能で、minifyされているJavaScriptコードを読みやすいように整形して表示してくれるというものです(IE9の開発者ツールにも実装されている機能です)。 例えば、Google Analyticsのコードは圧縮されていて普通は読めません。 しかし、Chromeのデベロッパーツールなら、 このように整形してくれます。 やり方は簡単で、デベロッパーツールのScript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iPadのSafariとMacのSafariを接続してデバッグする方法 – MEMOUK
