<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>alt &#187; デバッグ</title>
	<atom:link href="http://blog.alt-scape.com/archives/tag/%e3%83%87%e3%83%90%e3%83%83%e3%82%b0/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.alt-scape.com</link>
	<description>alt-scape weblog</description>
	<lastBuildDate>Sat, 03 Dec 2011 18:00:33 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>ログ出力ライブラリ「Blackbird」をスマートフォンで使ってみる</title>
		<link>http://blog.alt-scape.com/archives/424</link>
		<comments>http://blog.alt-scape.com/archives/424#comments</comments>
		<pubDate>Thu, 20 Oct 2011 15:54:24 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[デバッグ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=424</guid>
		<description><![CDATA[
スマートフォンのためのリモートデバッグ環境その1 – weinre
スマートフォンのためのリモートデバッグ環境その2 – JSconsle

とみてきましたが、
もっと単純にログ出力だけで十分という方にはコレがよさそう [...]]]></description>
			<content:encoded><![CDATA[<p>
<a href="http://blog.alt-scape.com/archives/423" target="_blank">スマートフォンのためのリモートデバッグ環境その1 – weinre</a><br />
<a href="http://blog.alt-scape.com/archives/418" target="_blank">スマートフォンのためのリモートデバッグ環境その2 – JSconsle</a><br />
<br />
とみてきましたが、<br />
もっと単純にログ出力だけで十分という方にはコレがよさそうです。<br />
<br />
<strong>Blackbird</strong><br />
<a href="http://www.gscottolson.com/blackbirdjs/" target="_blank">http://www.gscottolson.com/blackbirdjs/</a><br />
<br />
画面の端っこにログ出力用コンソールが表示されるので<br />
PC向けというよりはスマートフォンなどのログ情報が確認しにくい環境で役に立ちそうです。<br />
<strong>iPhone</strong>、<strong>Android</strong>は上記のweinreやJSconsle使うとしても、<br />
Windows Mobile6.5(IE6)やBlackBerryなどWebSocket使えない系のブラウザには試す価値アリ。<br />
<br />
<span id="more-424"></span><br />
ライブラリのjsとcssを読み込んで以下の通りに打てばコンソール内に出力されます。<br />
<pre class="code">log.debug( <span class="str">'this is a debug message'</span> );<br />
log.info( <span class="str">'this is an info message'</span> );<br />
log.warn( <span class="str">'this is a warning message'</span> );<br />
log.error( <span class="str">'this is an error message'</span> );</pre>
<br />
<div style="line-height:170%">
Public APIには<br />
<br />
<strong>log.toggle()</strong>　：　コンソールの表示・非表示切替<br />
<strong>log.move()</strong>　：　コンソールを画面の左上・右上・右下・左下の4箇所に切替<br />
<strong>log.resize()</strong>　：　コンソールのリサイズ（拡大・縮小）<br />
<strong>log.clear()</strong>　：　ログのクリア<br />
<strong>log.profile( label )</strong>　：　Javascriptの処理時間を出してくれるプロファイラ<br />
<br />
が用意されています。<br />
他にも<strong>キーボード</strong>によるショートカットキーや<strong>ブックマークレット</strong>でこれらのメソッドを実行できたりもしますが、<br />
スマートフォンでの問題はキーボードが使えないので<br />
ブックマークレットでコンソールの表示・非表示を切り替える必要が出てきます。<br />
ちょっとそれも面倒ですね。<br />
<br />
iPhoneに限ってしまいますが、<br />
jQueryプラグインの<a href="https://github.com/germanson/gshake" target="_blank"><strong>gShake</strong></a>使って、シェイクイベントをトリガーにするとか<br />
最上面に画面いっぱいdivをひいて、<a href="http://blog.webcreativepark.net/2010/09/08-204058.html" target="_blank"><strong>ダブルタップ</strong></a>されたら切り替えるとかですかね。<br />
<br />
とりあえず作ってみたらうまくいきました。<br />
<br />
</div>
<img src="http://blog.alt-scape.com/img/blackbird.jpg" />
<br />
<br />
<pre class="code"><span class="tag">&lt;div <span class="attr">id=</span><span class="value">&quot;test&quot;</span> <span class="attr">style=</span><span class="value">&quot;width:100%; height:100%; z-index:999;&quot;</span>&gt;</span>TEST<span class="tag">&lt;/div&gt;</span><br />
<span class="tag">&lt;script <span class="attr">src=</span><span class="value">&quot;jquery-1.6.1.min.js&quot;</span> <span class="attr">type=</span><span class="value">&quot;text/javascript&quot;</span>&gt;</span><span class="tag">&lt;/script&gt;</span><br />
<span class="tag">&lt;script <span class="attr">src=</span><span class="value">&quot;gShake.js&quot;</span> <span class="attr">type=</span><span class="value">&quot;text/javascript&quot;</span>&gt;</span><span class="tag">&lt;/script&gt;</span><br />
<span class="tag">&lt;script <span class="attr">src=</span><span class="value">&quot;jquery.event.dblTap.js&quot;</span> <span class="attr">type=</span><span class="value">&quot;text/javascript&quot;</span>&gt;</span><span class="tag">&lt;/script&gt;</span><br />
<span class="tag">&lt;script <span class="attr">src=</span><span class="value">&quot;blackbird.js&quot;</span> <span class="attr">type=</span><span class="value">&quot;text/javascript&quot;</span>&gt;</span><span class="tag">&lt;/script&gt;</span><br />
<span class="tag">&lt;link <span class="attr">href=</span><span class="value">&quot;blackbird.css&quot;</span> <span class="attr">type=</span><span class="value">&quot;text/css&quot;</span> <span class="attr">rel=</span><span class="value">&quot;Stylesheet&quot;</span> /&gt;</span><br />
<span class="tag">&lt;script&gt;</span><br />
$(document).ready(function() {<br />
    <br />
        log.debug( 'this is a debug message' );<br />
        log.info( 'this is an info message' );<br />
        log.warn( 'this is a warning message' );<br />
        log.error( 'this is an error message' );<br />
    <br />
        $(&quot;#test&quot;).bind(&quot;dblTap&quot;,function(){<br />
            log.toggle();<br />
    });<br />
    <br />
        $(this).gShake(function(){<br />
            log.toggle();<br />
    });<br />
<br />
});<br />
<span class="tag">&lt;/script&gt;</span></pre>
<br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/424/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>スマートフォンサイト構築のためのリモートデバッグ環境その2 &#8211; JSconsole</title>
		<link>http://blog.alt-scape.com/archives/418</link>
		<comments>http://blog.alt-scape.com/archives/418#comments</comments>
		<pubDate>Tue, 27 Sep 2011 16:55:49 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[デバッグ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=418</guid>
		<description><![CDATA[



前回紹介したweinreに続いて、
JSConsoleというデバッグツールもよさげなのでテスト。
簡易的に使うなら便利だけど、正直Firebug並みのことはできないです。
あとセキュリティ面でもjsconsole [...]]]></description>
			<content:encoded><![CDATA[<p>
<iframe width="560" height="345" src="http://www.youtube.com/embed/Y219Ziuipvc?rel=0" frameborder="0" allowfullscreen></iframe><br />
<br />
<br />
前回紹介した<a href="http://blog.alt-scape.com/archives/423" target="_blank"><strong>weinre</strong></a>に続いて、<br />
<strong>JSConsole</strong>というデバッグツールもよさげなのでテスト。<br />
簡易的に使うなら便利だけど、正直Firebug並みのことはできないです。<br />
あとセキュリティ面でもjsconsole.com側にDOMやクッキー情報が筒抜けなのでご注意をば。<br />
<br />
サポート環境は<br />
iOS 4.2.x &#8211; iPad, iPhone 4<br />
Andriod 2.2.2 &#8211; Nexus One<br />
webOS &#8211; Palm Pre<br />
<br />
JSConsoleのソースはGitHubにあります。<br />
<a href="https://github.com/remy/jsconsole" target="_blank">https://github.com/remy/jsconsole</a><br />
<br />
<span id="more-418"></span><br />
１．JSConsoleはサイト自体がデバッグコンソール画面となっているWEBアプリなので以下にアクセス。<br />
<a href="http://jsconsole.com/" target="_blank">http://jsconsole.com/</a><br />
<br />
２．最上部の入力フィールドに「<strong>:listen</strong>」と打つとコネクション用のIDが発行されたJavascriptソースが表示される。<br />
<img src="http://blog.alt-scape.com/img/jsconsole.jpg" />
<br />
<br />
３．JSをコピペしてデバッグ対象のHTML内に挿入する。<br />
<br />
４．HTMLファイルをサーバーへアップロードし、iPhoneやAndroidなどのスマートフォンでアクセスしてみる。<br />
<br />
５．デバッグコンソールに<br />
<strong>Connection established with http://xxx.com/xxx.html</strong><br />
と画面に出れば接続完了。<br />
<img src="http://blog.alt-scape.com/img/jsconsole2.jpg" />
<br />
<br />
６．デバッグコンソールの入力フィールドにalert(&#8221;hello&#8221;);と打ってiPhoneにダイアログが出ればOK。<br />
その他、「window.screen.width」と打ってリモートのwindowオブジェクトにアクセスしたり、<br />
jQueryを使ったサイトなら$()でDOMを操作できるのが分かる。<br />
もちろん、自作のJavascript関数も操作できる。<br />
<br />
７．ちなみに「<strong>:help</strong>」と打つと、<strong>JSconsle API</strong>を参照できる。<br />
<br />
<strong>:load</strong> <url> &#8211; 指定サイトのDOMが取得できる。 ← 使えなかったので未対応なのかな<br />
<strong>:load</strong> jquery, underscore, prototype, mootools, dojo, rightjs, coffeescript, yuiなどのライブラリを読み込ませることができる。<br />
例） :load jquery ← これでjQuery読み込めるっぽいけど、読み込み完了したのにこれも使えなかったよ<br />
<strong>:listen</strong> [id] &#8211; リモートデバッグを開始する<br />
<strong>:clear</strong> &#8211; コンソールのログを消去する<br />
<strong>:history</strong> &#8211; 入力フィールドの履歴を参照する<br />
<strong>:about</strong> &#8211; 不明<br />
<br />
<br />
「JSconsle」iPhoneアプリ版<br />
<a href="http://civic.xrea.jp/2011/03/03/jsconsole/" target="_blank">http://civic.xrea.jp/2011/03/03/jsconsole/</a><br />
<a href="http://d.hatena.ne.jp/nakamura001/20100928/1285637617" target="_blank">http://d.hatena.ne.jp/nakamura001/20100928/1285637617</a><br />
<br />
「JSconsle」Androidアプリ版もあった<br />
<a href="https://market.android.com/details?id=com.jgmcelwain.jsonsole&#038;hl=ja" target="_blank">https://market.android.com/details?id=com.jgmcelwain.jsonsole&#038;hl=ja</a><br />
<br />
<br />
上のアプリを手に入れるなら、ついでにこれらのスマホと連携して使える<strong>Bluetoothキーボード</strong>も欲しい。<br />
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B004I8V6Q2/alt-scape-22/ref=nosim/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/41SvlvPTkgL._SL500_AA300_.jpg" /></a><br />
<br />
<a href="http://www.amazon.co.jp/exec/obidos/ASIN/B00405DR8I/alt-scape-22/ref=nosim/" target="_blank"><img src="http://ecx.images-amazon.com/images/I/313Me9aAkAL._SL500_AA300_.jpg" /></a><br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/418/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>スマートフォンサイト構築のためのリモートデバッグ環境その1 – weinre</title>
		<link>http://blog.alt-scape.com/archives/423</link>
		<comments>http://blog.alt-scape.com/archives/423#comments</comments>
		<pubDate>Mon, 26 Sep 2011 11:05:16 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[スマートフォン]]></category>
		<category><![CDATA[デバッグ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=423</guid>
		<description><![CDATA[



スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い
スマートフォン用ベージをデバッグする5つの方法


これらの記事みて自分の開発環境にもweinreを取り入れようと思い試して [...]]]></description>
			<content:encoded><![CDATA[<p>
<iframe width="560" height="345" src="http://www.youtube.com/embed/gaAI29UkVCc?rel=0" frameborder="0" allowfullscreen></iframe><br />
<br />
<br />
<a href="http://alpha.mixi.co.jp/blog/?p=3248" target="_blank">スマートフォンブラウザのWebInspectorをリモートで実現するweinreが凄い</a><br />
<a href="http://www.kanasansoft.com/weblab/2011/07/html5toka19.html" target="_blank">スマートフォン用ベージをデバッグする5つの方法</a><br />
<br />
<br />
これらの記事みて自分の開発環境にも<strong>weinre</strong>を取り入れようと思い試してみました。<br />
<br />
加速度センサーやGeo Location APIなんかのデバッグにも<br />
PCのブラウザコンソールからCSSやJS弄ったりするのにもちょー便利。<br />
iPhone、Android問わず、クロスデバイスで利用できるし。<br />
<br />
<span id="more-423"></span><br />
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－<br />
【localhost上でデバッグする】<br />
<br />
１．下記サイトから「weinre-jar-1.5.0.zip」をダウンロード。<br />
<a href="https://github.com/phonegap/weinre/archives/master" target="_blank">https://github.com/phonegap/weinre/archives/master</a><br />
<br />
２．展開したフォルダを適当な場所に置く。<br />
<br />
３．コマンドプロンプトでフォルダまで移動して「<strong>java -jar weinre.jar &#8211;httpPort 8080</strong>」を実行。<br />
<img src="http://blog.alt-scape.com/img/weinre1.gif" />
<br />
<br />
４．ブラウザで「<strong>http://localhost:8080/</strong>」にアクセス。<br />
<br />
５．赤枠のブックマークレットをブラウザに登録。<br />
※JSをデバッグ対象のサイトに埋め込んでもOK。<br />
<img src="http://blog.alt-scape.com/img/weinre2.gif" />
<br />
<br />
６．デバッグページを開く。<br />
例）http://localhost:8080/client/#anonymous<br />
<br />
７．シュミレータか新規ウィンドウを立ち上げて、デバッグしたい対象のページを開く。<br />
（実機で確認したい場合は同一ネットワークの設定が必要）<br />
例）http://www.google.co.jp/<br />
<br />
８．さきほどのブックマークレットを実行するとデバッグ画面のTargetsが<strong>none</strong>から緑色のテキストに変わる。<br />
ソケットにつながったのでゴリゴリデバッグ開始。<br />
<img src="http://blog.alt-scape.com/img/weinre3.gif" />
<br />
※対象のページにprototype.jsのバージョン1.7以前があるとエラーを起こす。<br />
<br />
<br />
<br />
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－<br />
【weinreのWEBサービス上でデバッグする】<br />
<br />
実はわざわざローカルでjarを展開しなくても、weinreのWEBサービス（API）を利用すれば、<br />
実機で直接サイトにアクセスしてリモートデバッグが可能。<br />
<br />
１．<a href="http://debug.phonegap.com/" target="_blank">http://debug.phonegap.com/</a>にアクセス。<br />
<br />
２．Step 1の入力フィールドに任意の文字列を入れる。<br />
<br />
３．Step 2のJSをコピペしてデバッグ対象のサイトに埋め込む。<br />
<br />
４．Step 3のデバッグページを開く。<br />
<br />
５．スマートフォンで対象のサイトにアクセスする。<br />
<br />
６．デバッグページのDEVICESのnoneが変わればゴリゴリデバッグ開始。<br />
<br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/423/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Flashデバッグツール「De MonsterDebugger」</title>
		<link>http://blog.alt-scape.com/archives/317</link>
		<comments>http://blog.alt-scape.com/archives/317#comments</comments>
		<pubDate>Wed, 13 May 2009 05:03:01 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[デバッグ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=317</guid>
		<description><![CDATA[
FlashやFlexのデバッグツールとしてこんなのもあったので使ってみました。
以下、備忘録。

De MonsterDebugger
http://www.demonsterdebugger.com/

主な機能は
 [...]]]></description>
			<content:encoded><![CDATA[<p>
FlashやFlexのデバッグツールとしてこんなのもあったので使ってみました。<br />
以下、備忘録。<br />
<br />
<strong>De MonsterDebugger</strong><br />
<a title="De MonsterDebugger" href="http://www.demonsterdebugger.com/" target="_blank">http://www.demonsterdebugger.com/</a><br />
<br />
主な機能は<br />
<br />
<span id="more-317"></span><br />
<img src="http://blog.alt-scape.com/img/monster_debugger1.jpg" alt="Monster Debugger Tree structure.jpg" />
<span style="color: #ff6600;"><strong>Tree structure</strong></span><br />
SWFのアプリケーション構造をツリー状に表示します。<br />
<strong>LIVE APPLICATION</strong>上のボタンオブジェクトなどをクリックすると<br />
SWF上の対象物に黄色く枠線が付き、明示的に分かるようになります。<br />
さらに右側の<strong>PROPERTIES</strong>タブや<strong>METHODS</strong>タブにオブジェクトのプロパティ、メソッドが一覧表示されます。<br />
（フィルターをかけるとそれらの要素だけをロードする機能もあります）<br />
<br />
<br />
<br />
<img src="http://blog.alt-scape.com/img/monster_debugger2.jpg" alt="Monster Debugger Live editing.jpg" />
<br />
<span style="color: #ff6600;"><strong>Live editing</strong></span><br />
<strong>PROPERTIES</strong>タブから直接動作中SWFのオブジェクトのプロパティを操作できます。<br />
String、Number、int、uintまたはBooleanなどのパラメータがひとつでもある限り変更することができます。<br />
<br />
<br />
<br />
<img src="http://blog.alt-scape.com/img/monster_debugger5.jpg" alt="Monster Debugger Method testing.jpg" />
<br />
<span style="color: #ff6600;"><strong>Method testing</strong></span><br />
同じく上記プロパティ以外にメソッドも直接実行できます。<br />
たとえば<br />
<pre class="code"><span class="keyword">import</span> nl.demonsters.debugger.MonsterDebugger;<br />
<span class="keyword">var</span> d:MonsterDebugger = <span class="keyword">new</span> MonsterDebugger(<span class="keyword">this</span>);<br />
<br />
<span class="keyword">function</span> rotateBtn(num:<span class="keyword">Number</span>):<span class="keyword">void</span><br />
{<br />
    btn.rotation = num; //btnはボタンインスタンス<br />
}</pre>
<p style="line-height:170%">
のようにアクションを書いてパブリッシュし、MonsterDebuggerのrotateBtnメソッドをダブルクリックすると<br />
METHODウインドウが開いて値を変更し、RUNボタンで実行します。↓<br />
<img src="http://blog.alt-scape.com/img/monster_debugger6.jpg" alt="Monster Debugger METHOD.jpg" />
<br />
<br />
<br />
<br />
<img src="http://blog.alt-scape.com/img/monster_debugger3.jpg" alt="Monster Debugger Detailed traces.jpg" />
<br />
<span style="color: #ff6600;"><strong>Detailed traces</strong></span><br />
MonsterDebuggerにtrace結果を出力したいときは<br />
<strong>MonsterDebugger.trace(ターゲット, プロパティ);</strong><br />
</p>
<pre class="code"><span class="keyword">import</span> nl.demonsters.debugger.MonsterDebugger;<br />
<span class="keyword">var</span> d:MonsterDebugger = <span class="keyword">new</span> MonsterDebugger(<span class="keyword">this</span>);<br />
<br />
<span class="keyword">var</span> loader:URLLoader = <span class="keyword">new</span> URLLoader();<br />
loader.addEventListener(Event.COMPLETE, xmlloaded);<br />
loader.load(<span class="keyword">new</span> URLRequest(<span class="str">"http://feeds.feedburner.jp/alt"</span>));<br />
<span class="keyword">function</span> xmlloaded(e:Event):<span class="keyword">void</span><br />
{<br />
    　　<span class="keyword">var</span> xml:XML = XML(loader.data);<br />
    　　MonsterDebugger.trace(<span class="keyword">this</span>, xml);<br />
}</pre>
<p style="line-height:170%">
こんなかんじでパブリッシュしてtrace情報をダブルクリックすると<br />
<strong>TRACE DETAILS</strong>ウインドウが開いて詳細なXMLツリーを表示してくれます。↓<br />
<img src="http://blog.alt-scape.com/img/monster_debugger4.jpg" alt="Monster Debugger TRACE DETAILS.jpg" />
<br />
<br />
<br />
【設定方法】<br />
１．サイトからMonsterDebuggerV2_03.airをダウンロードしてインストール。<br />
２．起動して「File」→「Export Client Class」でnl.demonsters.debuggerパッケージを書き出します。<br />
３．flaファイルを立ち上げてクラスパスを通します。<br />
４．ドキュメントクラスに<br />
import nl.demonsters.debugger.MonsterDebugger;<br />
var d:MonsterDebugger = new MonsterDebugger(this);<br />
と入れるだけで使えるようになります。<br />
<br />
<br />
<a href="http://www.gotoandlearn.com/play?id=109" target="_blank" title="gotoandlearn">gotoandlearn</a>に解説動画がアップされてます。<br />
</p>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/317/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ThunderBolt AS3のセットアップメモ</title>
		<link>http://blog.alt-scape.com/archives/311</link>
		<comments>http://blog.alt-scape.com/archives/311#comments</comments>
		<pubDate>Tue, 28 Apr 2009 15:06:21 +0000</pubDate>
		<dc:creator>alt</dc:creator>
				<category><![CDATA[メモ]]></category>
		<category><![CDATA[AIR]]></category>
		<category><![CDATA[デバッグ]]></category>

		<guid isPermaLink="false">http://blog.alt-scape.com/?p=311</guid>
		<description><![CDATA[



ThunderBoltがよさげなのでFlashTracerからこっちに移行してみる。


１．ThunderBoltはローカルのflashlog.txtにログを出力するのでココからflashplayer_10_a [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://blog.alt-scape.com/img/thunderboltas3.jpg" alt="ThunderBoltAS3" class="imgnostyle" />
<br />
<br />
<strong>ThunderBolt</strong>がよさげなので<strong>FlashTracer</strong>からこっちに移行してみる。<br />
<br />
<span id="more-311"></span><br />
１．ThunderBoltはローカルの<strong>flashlog.txt</strong>にログを出力するので<a href="http://www.adobe.com/support/flashplayer/downloads.html#fp10" title="Adobe Flash Player - Downloads" target="_blank"><strong>ココ</strong></a>から<strong>flashplayer_10_ax_debug.exe</strong>をダウンロードして<strong>Flash Debug Player</strong>に切り替える。<br />
<br />
<br />
２．「C:\Documents and Settings\ユーザー名\mm.cfg」を開いて<br />
ErrorReportingEnable=1<br />
TraceOutputFileEnable=1<br />
PolicyFileLog=1<br />
PolicyFileLogAppend=1<br />
を修正もしくは追記する。<br />
<br />
<br />
４．<a href="http://code.google.com/p/flash-thunderbolt/downloads/list" title="ThunderBolt AS3 Console" target="_blank">Google Code</a>からクラスファイルをダウンロードする。<br />
ThunderBoltAS3_v2.2.zip　・・・　Flex3もしくはFlex4、Flash CS4<br />
ThunderBoltAS3_v2.0.zip　・・・　Flash CS3<br />
ThunderBoltAS2.zip　・・・　AS2.0用<br />
<br />
<br />
５．Flash CS3を起動する。<br />
AS3.0で新規作成して先ほど落としたクラスファイルをインポートする。<br />
ログ出力メソッドを記述する。<br />
パブリッシュしたswfをFirefoxで開くとFirebugにログが出力される。<br />
<br />
Logger.info (&#8221;TEST&#8221;);<br />
Logger.debug (&#8221;DEBUG &#8220;, &#8220;debug&#8221;);<br />
Logger.warn (&#8221;WARN&#8221;, 2);<br />
Logger.error (&#8221;ERROR &#8220;, &#8220;error&#8221;);<br />
Logger.hide = true;　//ログ非表示<br />
Logger.info(Logger.memorySnapshot());　//使用メモリー表示<br />
<br />
<br />
６．AIRアプリとしてもログをブラウジングできるみたいです。<br />
<a href="http://code.google.com/p/flash-thunderbolt/downloads/list" title="ThunderBolt AS3 Console" target="_blank">Google Code</a>から<strong>ThunderBoltAS3Console_v2.2.1.air</strong>をダウンロードしてインストール。<br />
AIRファイルを開いて左下の「CHANGE」ボタンを押す。<br />
C:\Documents and Settings\ユーザー名\Application Data\Macromedia\Flash Player\Logs\flashlog.txt<br />
をAIRにドラッグ＆ドロップする。<br />
「SAVE」ボタンを押す。<br />
「START」を押すとログが表示されるようになる。<br />
<br />
が、<br />
僕の環境で試すとアプリ立ち上げた瞬間flashlog.txtにログをはかなくなっちゃいます。<br />
厳密にはアクセス権限ではねられている気がします。<br />
皆さんの環境では問題ナッシングですかね・・・<br />
<br />
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.alt-scape.com/archives/311/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

