<?xml version="1.0" encoding="UTF-8"?><rss version="0.92">
<channel>
	<title>TONPOOBLOG</title>
	<link>http://www.tonpoo.com/blog</link>
	<description>神宮前にあるWEB制作事務所「株式会社ブリコルール（bricoleur inc.）」に所属しているFlash（ActionScript）開発＆WEB制作プロジェクト「Tonpoo.com」のブログです。</description>
	<lastBuildDate>Tue, 27 Jul 2010 12:20:08 +0000</lastBuildDate>
	<docs>http://backend.userland.com/rss092</docs>
	<language>ja</language>
	<!-- generator="WordPress/3.0" -->

	<item>
		<title>Google Font APIでWebフォントの利用が身近に</title>
		<description><![CDATA[最近はちょっとしたニュースなどはtwitterでつぶやくかdeliciousにブックマークして終わってしまうので、すっかりブログ記事の更新が減ってしまいました。いかんなあ・・・。 それはさておき、今朝各所で話題になっているのが昨日からアメリカで開催されているGoogleの開発者会議「Google I/O」で発表された内容について。 Google、開発者会議「Google I/O」開催　HTML5プロジェクトやWaveの公開を発表 &#8211; ITmedia News その中で僕が個人的にグッときたのはGoogle Font APIの話でした。 Google Font API &#8211; Google Code Google Font Directory Font Preview &#8211; Google Font Directory これは何かというと、CSS3で実装されるWebフォント機能に使うためのフォントをGoogleがホスティングするというもの。Webフォントについての説明は以下のサイトなどを参照： ASCII.jp：IEにも対応！10分でできるWebフォント実装法 SafariやFirefoxも正式対応！CSS3のウェブフォント(Webfonts)とは何か &#8211; フォントブログ 要はフォントデータをサーバー上に置いておいて、CSSでそのフォントを指定することによって、クライアント（閲覧者）のPCに存在しないフォントであっても、WEBページのテキストに適用させることができる、ってことですね。で、そのWebフォントに使う事のできるフォントデータや、実際に利用するためのAPIなどをGoogleが提供するというのが今回の発表。日本語だと、下記の記事にかなりわかりやすくまとめられています。 Google Font API で手軽に始めるフォント遊び : could （ちなみにこちらの記事の冒頭にある「Say Hello to Google Font API」という文字も、おそらくGoogle Font APIを使ってるんじゃないかと思います。よく調べてませんが・・・） ライセンスの問題もあって、公開されているフォントは今のところ全てオープンソースのもので、さらにまだ日本語フォントは無いようです。が、遅からずIPAフォントなどの日本語のオープンソースフォントも収録されるでしょうから、これは結構使えるようになるかもしれません。 新ゴやリュウミン、ヒラギノなどが収録されるようになったら言う事無いですけど、まあさすがにそれは無理でしょうかね・・・。]]></description>
		<link>http://www.tonpoo.com/blog/2010/05/google-font-api-web/</link>
			</item>
	<item>
		<title>FlashDevelop3.1.1+FlashIDEでプロファイラは使えるのか？</title>
		<description><![CDATA[昨日は第35回Flash OOP 勉強会『Flash OOP presents／Flash開発環境自慢大会！』に参加。そこでFlashDevelop担当の馬鹿全さんが紹介してくれた機能のうち、魅力的だったもののひとつがプロファイラとデバッガ。もっとも、デバッガについては3.2.*から正式に実装されるということだったので、とりあえずはプロファイラから使ってみよう！・・・と思ったのはいいものの、FlashDevelop + FlexSDKじゃなくて、FlashDevelop + FlashIDEの組み合わせで果たして使えるのか？図々しくも馬鹿全さん本人に質問したところ「中を見る限りではFlexSDK側だった気がします」との回答が。むむ、それはちと寂しい・・・。ただ、馬鹿全さんも「実はまだ僕も試していません」とのことだったので、とりあえず試してみました。 まず、自分の環境はまだFlashDevelop3.1.0だったので、これを3.1.1にバージョンアップ。でもって起動すると、憧れの（？）プロファイラパネルが出現！まあでもパネルが出ただけで喜んではいけない。プロファイラパネルの目覚まし時計アイコンをクリックしてプロファイラを開始。次に通常通りにIDE（Flash CS3）の方でflaファイルを開き、FlashDevelopではプロジェクトファイルを開き、FlashDevelop側からプロジェクトをテスト！すると・・・ おお、動いとる！ というわけで、どうやら全く問題なくプロファイラが使えるようです。すばらしい！ と思って安心して、しばらくしてからもう一度やってみると・・・動かない。 何故？と思いいろいろ試してみたのですが、どうも私の環境では まずFlashDevelopを起動する。 プロファイラパネルの「プロファイラを開始」ボタン（目覚まし時計のアイコン）をクリックしてプロファイラを開始しておく。 FlashIDEを起動する（この際、通常のFlashIDE起動より若干時間がかかる）。 flaファイルを開いてテスト（パブリッシュプレビュー）を行う。 ・・・という順番で作業を行った場合にプロファイラが作動しました。 うーん、なんなんでしょうね。FlashIDE側の設定か、あるいはFlashDevelop側の設定か、それとも他の何かか・・・。まあ、いずれにせよ、なんとかプロファイラが使えそうなので、しばらくこれで様子見てみます。 追記： twitterでの馬鹿全さんやflabakaさんの発言などによると、どうも特に起動順とか関係なしにフツーに使えるらしい。むー、ウチの環境固有の問題ですかね・・・。 flabaka &#8211; FlashDevelop3.1.1のプロファイラを使ってみる 時間のあるときに別のマシンでも試してみます。]]></description>
		<link>http://www.tonpoo.com/blog/2010/05/flashdevelop3-1-1-flashide/</link>
			</item>
	<item>
		<title>AlivePDFを使ってSWFからPDF出力</title>
		<description><![CDATA[SWFから動的にPDFファイルを生成するためのライブラリであるAlivePDFをちょっと使ってみました。 alivepdf &#8211; Project Hosting on Google Code AIRなら単体でのPDF出力も可能なようですが、SWFファイルからだと単体では無理で、サーバー側にファイル出力用（？）のphpプログラムを設置する必要があるようです。ただ、そのphpプログラムも提供されていたので、とりあえず単純なプログラムを組んで試してみました。 試しに組んでみたファイルのドキュメントクラスは以下の通り。 package { import flash.display.MovieClip; import flash.events.MouseEvent; import org.alivepdf.colors.RGBColor; import org.alivepdf.display.Display; import org.alivepdf.fonts.CoreFont; import org.alivepdf.fonts.FontFamily; import org.alivepdf.fonts.Style; import org.alivepdf.images.ImageFormat; import org.alivepdf.layout.Layout; import org.alivepdf.layout.Orientation; import org.alivepdf.layout.Size; import org.alivepdf.layout.Unit; import org.alivepdf.pdf.PDF; import org.alivepdf.saving.Download; import org.alivepdf.saving.Method; import utils.Utils; /** * ... * @author bricoleur.inc / Tonpoo.com */ public final [...]]]></description>
		<link>http://www.tonpoo.com/blog/2010/05/alivepdf/</link>
			</item>
	<item>
		<title>Jobs対Flashの戦いにOperaが参戦とな</title>
		<description><![CDATA[TechRadarに、Apple（ジョブス）対Adobe（Flash）の論争にOperaが参戦したという記事が掲載されました。Operaのプロダクトアナリストの人にインタビューした内容ということですが、簡単に和訳してみました。いつも通り（？）、適当訳なので意訳・誤訳が満載です。正確な内容は元記事を当たってみてください。 Opera joins in Jobs v Flash argument &#124; News &#124; TechRadar UK 以下、和訳文です。「卵が焼ける」とはずいぶんですね・・・。 ジョブス対Flashの論争にOperaが参戦 今はまだ重要だが、Adobeは早く変化しなければならない By Patrick Goss Flashを巡る論争にOperaが参戦した。同社がTechRaderに語ったところによると、現時点ではFlashのサポートを続けるものの、常に攻撃にさらされることを回避したいのならば、Adobe社はウェブ標準の採用を始めなければならないという（※1）。 ブラウザ業界におけるOperaの影響力が増していることは、iPhone向けOperaブラウザが大々的に取り上げられた事に現れている。同社がApple社の事前審査を通過したということでtech worldに衝撃を与えた一方で、Adobe社はスティーブ・ジョブスからの攻撃を受けることになった。 Opera社のプロダクトアナリストのPhillip Grønvold氏によると、Flashのサポートは現時点では非常に重要であるが、HTML5（の策定）が近づくにつれて時代は急速に変化しているという。 Flashへの依存 「今日のインターネット上のコンテンツはFlashに依存している」Grønvold氏は語る。「Flashを抜きにして今日のインターネットは成り立ちません。」 「我々はユーザーに対してベストなインターネット体験の提供を常に心がけています。だからFlashが必要なのです。そこを避けるわけにはいきません。」 「しかしOpera社ではオープンなウェブ標準こそウェブの未来だと考えています。そして、Flashはオープンなウェブ標準テクノロジーではありません。」 「Flashには（Microsoftの）Silverlightなどと同じように、特にダイナミックなコンテンツに使うという用途が現在もあり、また今後もあり続けるでしょう。」 「しかし動画再生コンテナとしてのFlashはCPU負荷やWiFiバッテリー消費などを考えるとほとんど意味がありません。Flashを再生中のデバイスでは卵が焼けるほどに熱を持ちます。」 変化が必要 Grønvold氏は、Adobeは昨今のPR災害、すなわちジョブスがAdobeに対して行ったいつになく冗長な非難（※2）を回避したいのなら、ウェブのオープン化の採用に向けた動きを早めなければならないと信じている。 「様々な理由から、それ（※3）はまだ現在のウェブの基礎的な構造に組み込まれてはいません。そして、Flashは自分自身がウェブの将来やオープンなウェブ標準という枠組みの中に組み込まれる事を必要としていません。Flashのテクノロジーは、オープンなウェブ標準という流れが広がるに従ってあらゆる面から常に攻撃にさらされることになるでしょう。」とGrønvold氏は語る。 「というのは、徐々に我々は（ウェブの）canvasのクオリティを上げつつあり、そのcanvasを利用するためのツールセットも用意する予定だからです（※4）。しかし、この先18ヶ月程度の見通しで言うならば、Flashが消える事はなく、重要な位置を保つでしょう。」 Opera社からの辛辣な非難こそなかったものの、ウェブ業界の巨人が、Appleという権力から積極的にAdobeを擁護するつもりがないということが明らかになった。 ※1 原文ではthe companyという語が、ある箇所ではOpera社を、別の箇所ではAdobe社を指しているように思われたので、話が通るように意訳してしまいました。もしかして間違ってるかもしれません。 ※2 原文ではもちろんジョブスの文章の原文にリンクが貼られていますが、こちらではIT翻訳者さんの翻訳記事にリンクを貼らせて頂きました。 ※3 HTML5のことですかね・・・？ ※4 HTML5のcanvasのことですかね・・・？ 追記 engadgetさんがこの件についてもっと的確な訳文とともに記事にしてくれました。 Operaもひと言：「Flashは現時点で不可欠。タマゴも焼ける」]]></description>
		<link>http://www.tonpoo.com/blog/2010/05/jobs-flash-opera/</link>
			</item>
	<item>
		<title>SWFWheelを使ってみる</title>
		<description><![CDATA[AS3から実装された、マウスホイールを検知するMouseEvent.MOUSE_WHEELイベントはMacでは動作しない、というのは知っていて、その問題を解消するためのライブラリがあるという話も聞いていたのですが、実際に使ってみる機会に遭遇したので、備忘録もかねて導入までのフローをメモしてみました。ちなみに参考にしたのはfeb19さんの以下の記事： feb19.jp blog &#8211; SWFWheelを使う 導入したライブラリはSWFWheelです。実際の導入フローは以下の通り： SWFWheel.asのダウンロード まずはasファイルのダウンロード。Spark projectのSWFWheelのページの「ソースコードはこちら」または「リポジトリブラウザで閲覧」からディレクトリを掘っていってSWFWheel.asを見つけてダウンロード。めんどくさい人は以下のリンクを右クリック→「名前を付けて保存」で。 http://www.libspark.org/svn/as3/SWFWheel/trunk/src/org/libspark/ui/SWFWheel.as SWFWheel.asの配置 ダウンロードしてきたSWFWheel.asはそのまま配置するのではなく、適切なフォルダを作ってその中に配置する。例えば以下のようなフォルダ構成になっていた場合： /project/fla/ flaファイルの格納フォルダ /project/as/ クラスファイル（asファイル）の格納フォルダ /project/deploy/ swfファイルやhtmlファイルの格納フォルダ /project/as/フォルダの中に「org」フォルダを作成。その中に「libspark 」フォルダを作成。その中にさらに「ui」フォルダを作成し、その中に配置する。実際に作業するflaファイルやそのドキュメントクラス、公開用のhtmlファイルやjsファイルも含めると、全体の構成は以下のようになる。 /project/fla/ flaファイルの格納フォルダ /project/fla/main.fla メインのflaファイル /project/as/ クラスファイル（asファイル）の格納フォルダ /project/as/Main.as main.flaのドキュメントクラス /project/as/org/libspark/ui/SWFWheel.as SWFWheel.asの配置場所 /project/deploy/ swfファイルやhtmlファイルの格納フォルダ /project/deploy/main.swf main.flaの出力ファイル /project/deploy/main.html main.swfを表示するhtmlファイル /project/deploy/js/swfobject.js swfファイルをhtmlファイルに埋め込むためのJavaScriptライブラリ HTML側の調整 今回はSWFObject2を使った想定なので、SWFObject 2 HTML and JavaScript ジェネレーター v1.2を使って埋め込みコードを生成。その際、以下の点をチェックする。 「Flashコンテンツのid」と「属性：name」を設定する。 「Flashコンテンツのid」と「属性：name」の値は同一のものにする。 allowscriptaccessの値をalwaysにする。 できたサンプルソースは以下の通り。 &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML [...]]]></description>
		<link>http://www.tonpoo.com/blog/2010/04/swfwheel/</link>
			</item>
	<item>
		<title>FlashDevelop3.1.0 RTM出た！！</title>
		<description><![CDATA[twitterでも話題になってますが、FlashDevelop3.1.0 RTMが出ました。 FlashDevelop3.1.0 RTM &#8211; FlashDevelop.jp 馬鹿全 &#8211; FlashDevelop 3.1.0 RTM リリース まずは旧バージョンをsettingファイルも含めて完全にアンインストール。その上で新バージョンをインストールして起動。馬鹿全さんの記事を参考にTools → Program Setings → FlashDevelop → Selected Locale を en_US から ja_JP に変更して FlashDevelop を再起動。これで晴れて日本語版に！ 次はフォントを自分好みに変更。まずはツール→環境設定→FlashDevelopの中からフォント指定部分を下記のように設定。 「10pt」や「8pt」で設定しても、何故か上記のように中途半端な数字になっちゃうんですよね。まあいいや。 次にコード表示のフォントを変更。ツール→シンタックスカラーリングの変更、で、それぞれの言語のdefaultのフォントスタイルを下記に設定。 これでOK！ 今回のアップデートではHTML編集でZen-Codingが使えるようになってます。ちょっとした編集なら、わざわざAptanaを同時起動しなくても良さそう（ちなみにFlashDevelop上でのZen-CodingのショートカットはCtrl+B）。FlashDevelop万歳！ 追記 ClockMakerさんのブログに今回のバージョンアップについてのまとめ記事がありました。 待望の日本語化も! FlashDevelop 3.1.0 RTMが登場 &#124; ClockMaker Blog 変数のリネームができるリファクタ機能っての、便利そうですね！あとデバッガー機能も。ただ、デバッガー機能の方は「プラグインとして提供されている」らしいんですが、具体的にどのような方法で導入するのか、あとでちょっと調べてみようと思います。 さらに追記 どうやら下記スレッドでPhilippe氏が返信してる「Re: FlashDevelop 3.1.0 RTM released」の内容がデバッガー機能についての説明かな？ FlashDevelop.org &#8211; View topic &#8211; FlashDevelop [...]]]></description>
		<link>http://www.tonpoo.com/blog/2010/04/flashdevelop3-1-0-rtm/</link>
			</item>
	<item>
		<title>GmailのGoogleカレンダーへの招待状機能</title>
		<description><![CDATA[ふと気がつくとGmailのメール作成画面に「挿入：招待状」というリンクが。 「なんじゃこれ？」と思いクリックしてみるとこんな画面。 ああなるほど、つまりGoogleカレンダーのイベントを生成して、メールの宛先をそのイベントに招待できるようになるわけね。社内で会議とか招集するのに便利なのかな。 追記： INTERNET Watchに記事が出てた。 Gmail、ドラッグ＆ドロップでファイル添付可能に -INTERNET Watch ドラッグ＆ドロップでのファイル添付もできるようになったんだ。気がつかなかった。とすると、これはHTML5の機能を使ってるのか？]]></description>
		<link>http://www.tonpoo.com/blog/2010/04/gmail-google/</link>
			</item>
	<item>
		<title>Flashbugを導入したらFlashPlayerが落ちるようになった件とその解決策</title>
		<description><![CDATA[今日、Flashbugの設定をちょっと変更した瞬間から、Flashコンテンツのあるページを表示させるとやたらとブラウザ（Firefox）が落ちるようになってしまった。これがFlashbugを無効化したり削除したりしても直らない上、Google Chromeでも発生したことから軽くパニクったんですが、結論からいうと、Flashbugの設定画面からFlashPlayerの設定を変更してしまったことが原因のようでした。 ええ、仰るとおり、まさに&#34;very easy to crash&#34;でしたよ（涙）。上記のスクリーンショットのように、Undocumented Trace Log Settings欄のチェックを全て外したら、クラッシュせずに動くようになりました。 で、原因究明の過程でFirebugのオフィシャルページ（Flashbug – An extension for Firebug &#124; Course Vector）の文章について簡単に翻訳してみた（してしまった）ので、備忘録をかねて参考までにアップしておきます。 更新情報 SharedObjectを発見するバグの修正 Mac OSXのmm.cfgファイルの場所についてのバグの修正。今回は本当に直ってるはず。 説明 このプラグインは、Firefoxの中または外で稼働中のあらゆる.swfファイルのtrace内容を表示します。全てのtraceはFirebugのFlash Consoleに表示されます。Firebugの検索ボックスを使って文字列を検索すると、マッチする語がハイライト表示されます。他に追加された機能はエラー、警告、情報のtraceに対してのハイライトとアイコン表示です。最後に、trace内容に表示されるあらゆるURLについて、右クリックして新規のタブで開く事が出来るようになりました。 FlashTraceと同様、Flash Player Debuggerがインストールされていないとtrace内容は表示されません。Flashbugはお使いのPCに入っているFlashPlayerのバージョンを検知して表示します。Debug版のPlayerが入っていない時には、ダウンロード用のリンクが表示されます。 FlashTraceと異なり、flashlog.txtやmm.cfgファイルを設定する必要はありません。こういう作業はFlashbugがバックグラウンドで行いますから、皆さんはすぐに機能を利用することができます。 trace内容またはポリシーログのどちらかをFlashbugから直接開く事もできます。これで、traceされた生の内容をそのままエクスポートしたりコピーすることもできます。 他の新機能はShared Objectインスペクタです。これは表示されているページにロードされているswf全てを監視します。そして、ドメインに基づいてPCに保存されているShared Objectをチェックし、該当するものがあればパネルにリストアップします。 見つかったShared Objectは各行に表示され、階層を開く事でそこに含まれるデータを閲覧することができます。エディターがインストールされているならば、右クリックして直接ファイルを開く事もできます。パスをファイルにコピーしたり、保存されているフォルダーを開く事も出来ます。 最後ですが、FirebugのNetパネルに、AMFでコーディングが追加されました。この機能はFirebug1.4以上のみで有効です。データ転送をリモーティングに依存しているサイトを訪れると、サーバーに送信されるAMFリクエストの内容を見る事ができます。具体的には、Netパネルの中からAMFリクエストの行を発見し、その行を広げてみてください。すると、AMFタブが表示され、これをクリックする事でAMFメッセージが表示されます。 特徴 Firebugのビルトイン検索機能の利用- ログ内容を検索すると、リアルタイムにハイライト表示されます。 traceログの表示- 全てのブラウザで実行されているFlashインスタンスから送出される全てのtrace内容を表示します。 ポリシーログの表示- FlashPlayerから送出される全てのポリシーログ出力を表示します。クロスドメインポリシーを使っていたり、異なるドメインからファイルなどを読み込む場合などにこの出力が発生します。 デバッグプレイヤーのログ保存場所自動設定- FlashTracerではログファイルの場所などをマニュアルで設定する必要がありました。これらの設定はFlashbug側で自動的に行います。 デバッグプレイヤーの設定編集- FlashPlayer自体が、traceする内容を変更することができるようになっています。FirebugのPreferencesウィンドウでこのオプションを設定できます。 traceフィルタ- trace内容を様々なフォーマットで表示するためのビルトインフィルタが少しだけ用意されています。エラーについては赤字でエラーアイコン付きで表示するとか、XMLについては色つきの可読性の高いフォーマットで表示するなどです。現在Flashbugに含まれているのは下記のキーワードのみですが、将来的にはユーザー側でカスタマイズできるようにするつもりです。 @@XML@@ :XML形式で色つきで表示。 @@HTML@@ :XMLの場合と同じ。 @@INFO@@ :左側に青い情報アイコンを表示。 [...]]]></description>
		<link>http://www.tonpoo.com/blog/2010/04/flashbug-y/</link>
			</item>
	<item>
		<title>GoogleのUIがまた変わった？？</title>
		<description><![CDATA[いつものようにGoogle検索をしてみると・・・ん？なんか昨日までと違う？？ 検索フィールドの下に地名？クリックするとメニューが開いて「Auto-detected location」という表示が。ははあ、無線LANとかiPhoneとか使ってたりすると、現在位置を検出して、そのエリアに関する情報を拾ってくれるようになる、とかそんな機能か？ あと、左側のメニューもちょっと変わった？どうやら検索結果に応じて、オプションがいろいろ表示される模様。 しかしいつもながらGoogle先生はある日突然インターフェースが変わるなあ・・・。]]></description>
		<link>http://www.tonpoo.com/blog/2010/04/google-ui/</link>
			</item>
	<item>
		<title>Firefox3.6.2へのアップデートとCtrl+Wの設定</title>
		<description><![CDATA[自動更新でFirefox3.6.2にアップデート。今のところ、特にアドオンの不調などもなくて快調・・・かと思いきや、閉じるタブが無い状態でCtrl+Wを押しても、ウィンドウが閉じない。 むむ、これ以前もあったなと思って、以下の方法で再設定して解決しました。 ブラウザのアドレス欄にabout:configと入力してEnter。下記のように表示されたら「細心の注意を払って使用する」をクリック。 「フィルタ」欄にbrowser.tabs.closeWindowWithLastTabと入力。 下部に表示された行をダブルクリックする。値がtrueとなり、行全体が太字で表示されたらブラウザを閉じる。 これでOK！元の挙動に戻りました。]]></description>
		<link>http://www.tonpoo.com/blog/2010/03/firefox3-6-2-ctrl-w/</link>
			</item>
</channel>
</rss>
