<?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>ClockMaker Blog &#187; FlashDevelop</title>
	<atom:link href="http://clockmaker.jp/blog/category/flashdevelop/feed/" rel="self" type="application/rss+xml" />
	<link>http://clockmaker.jp/blog</link>
	<description>Personal self study blog about Flash/AIR/HTML5</description>
	<lastBuildDate>Wed, 08 Feb 2012 07:10:17 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>コードの自動生成がさらに充実した FlashDevelop 3.3.0 の紹介</title>
		<link>http://clockmaker.jp/blog/2010/09/flashdevelop-3-3-0/</link>
		<comments>http://clockmaker.jp/blog/2010/09/flashdevelop-3-3-0/#comments</comments>
		<pubDate>Wed, 29 Sep 2010 12:08:59 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=3479</guid>
		<description><![CDATA[
9月27日に、オープンソースのActionScriptエディター「FlashDevelop」の最新版 3.3.0 RTM がリリースされました。今回は以前の日本語化やデバッグ機能の搭載に比べると地味な進化が多いのですが [...]]]></description>
			<content:encoded><![CDATA[<p class="photo"><a href="http://flashdevelop.jp/" target="_blank" title="FlashDevelop 3.3.0"><img class="alignnone size-full wp-image-3480" title="FlashDevelop 3.3.0" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/FlashDevelop_000.jpg" alt="" width="460" height="200" /></a></p>
<p>9月27日に、オープンソースのActionScriptエディター「<a href="http://flashdevelop.jp/" target="_blank">FlashDevelop</a>」の最新版 <a href="http://flashdevelop.jp/FlashDevelop3.3.0_RTM" target="_blank">3.3.0 RTM</a> がリリースされました。今回は以前の日本語化やデバッグ機能の搭載に比べると地味な進化が多いのですが、<strong>インストール手順が簡単</strong>になったり、<strong>コードの自動生成機能が進化</strong>したりと、嬉しい改善点があったのでいくつかピックアップして紹介します。</p>
<p><span id="more-3479"></span></p>
<h3>バージョン管理システムとの統合</h3>
<p>SVN と Git の機能が統合され、FlashDevelop から直接、バージョン管理システムの機能を使えるようになりました。</p>
<p><img class="alignnone size-full wp-image-3481" title="バージョン管理システム" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/FlashDevelop_001.png" alt="" width="540" height="368" /></p>
<p>特に便利だと思ったのは、コンテキストメニューから［以前のバージョンと差分］を選択することで、その場で Diff (差分)を確認出来るようになった点です。</p>
<p><img class="alignnone size-full wp-image-3482" title="FlashDevelop Diff" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/FlashDevelop_002.png" alt="" width="540" height="261" /></p>
<p>私個人としては、エクスプローラ側の SVN では Diff (差分)を見ることはほとんどなかったのですが、開発環境側に SVN が統合されたことで差分をこまめにチェックする慣習がつきそうでありがたい進化だと思いました。</p>
<h3>コードジェネレーターの進化</h3>
<p>クラスを超えてメソッドを自動生成できるようになりました。例えばカスタムクラスで、まだ定義されていないメソッド名を記述しショートカット(Ctrl+Shift+1)を押すと、メソッド作成を促すリストが表示されます。</p>
<p><img class="alignnone size-full wp-image-3483" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/FlashDevelop_003.png" alt="" width="540" height="90" /></p>
<p>それを選択するとクラスを超えて（対象の AS ファイルを開き）メソッドが自動生成されます。</p>
<p><img class="alignnone size-full wp-image-3484" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/FlashDevelop_004.png" alt="" width="540" height="81" /></p>
<p>メソッドの他にもクラスの自動生成や、引数の自動生成なども行えます。</p>
<p>この機能は <a href="http://www.fdt.powerflasher.com/" target="_blank">FDT</a> の QuickFix に相当するものですが、この機能があるがために FDT を選択する人もいたぐらいなので、FlashDevelop に搭載されたのはありがたいところです。</p>
<h3>Flex SDKの自動ダウンロード＆自動設定</h3>
<p>FlashDevelop を単体で利用するには Flex SDK を導入する必要があり、その点で敷居が高く思う方もいたかと思います。今回のバージョンから自動的にダウンロードされ、必要な設定が自動的に行われるようになりました。FlashDevelop のインストーラーでデフォルトのまますすめるだけで全てが揃うようになります。</p>
<p><img class="alignnone size-full wp-image-3485" title="FlashDevelop 3.3.0 インストールオプション" src="http://clockmaker.jp/blog/wp-content/uploads/2010/09/Install_05.jpg" alt="" width="480" height="375" /></p>
<p>FlashDevelop.jp のインストール手順の解説記事も更新していますので、これから FlashDevelop を始める方はそちらを参考にしてくださいませ。</p>
<ul>
<li><a title="インストール方法 - FlashDevelop.jp" href="http://flashdevelop.jp/%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB%E6%96%B9%E6%B3%95" target="_blank">インストール方法 &#8211; FlashDevelop.jp</a></li>
</ul>
<p><a href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/" target="_self">以前の</a>半分ぐらいの手順となり、初学者もとっつきやすくなったのではないかと思います。</p>
<h3>その他もたくさんの新機能</h3>
<p>その他にもコード生成のパターンがいろいろと充実してます。ユーザーコミュニティーの FlashDevelop.jp に最新情報が寄せられていますので参考ください。</p>
<ul>
<li><a title="FlashDevelop3.3.0 RTM - FlashDevelop.jp" href="http://flashdevelop.jp/FlashDevelop3.3.0_RTM" target="_blank">FlashDevelop3.3.0 RTM &#8211; FlashDevelop.jp</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2010/09/flashdevelop-3-3-0/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>FlashDevelopがWeb Designing 2010年9月号で紹介されてます</title>
		<link>http://clockmaker.jp/blog/2010/08/flashdevelop-webdesigning/</link>
		<comments>http://clockmaker.jp/blog/2010/08/flashdevelop-webdesigning/#comments</comments>
		<pubDate>Thu, 19 Aug 2010 16:48:12 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=3349</guid>
		<description><![CDATA[
今月のWeb Designingで、「オープンソースのActionScriptエディタ『FlashDevelop』」というタイトルで特集が組まれています。Flashの中〜上級者を中心に普及してきたソフトですが、こうやっ [...]]]></description>
			<content:encoded><![CDATA[<p><iframe src="http://rcm-jp.amazon.co.jp/e/cm?lt1=_blank&#038;bc1=000000&#038;IS2=1&#038;bg1=FFFFFF&#038;fc1=000000&#038;lc1=0000FF&#038;t=clockmaker-22&#038;o=9&#038;p=8&#038;l=as1&#038;m=amazon&#038;f=ifr&#038;md=1X69VDGQCMF7Z30FM082&#038;asins=B003YHJ1ME" style="width:120px;height:240px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe></p>
<p>今月のWeb Designingで、「<strong>オープンソースのActionScriptエディタ『FlashDevelop』」</strong>というタイトルで特集が組まれています。Flashの中〜上級者を中心に普及してきたソフトですが、こうやってWeb系雑誌の特集に掲載されるのは初めてなので、これを機にFlashDevelopのことを知る方も多いのではないでしょうか。</p>
<p>特集では、FlashDevelopのソフトについての紹介や、日本語化の取り組み、導入方法の解説、メインの開発者の一人である<a href="http://code.google.com/u/philippe.elsass/">Philippeさん</a>の写真が掲載されています。</p>
<p>記事中の写真でPhilippeさんが手に持っているMacBookは、日本の有志たちが日頃の感謝とMac版開発の願いを込めて共同でプレゼントしたものです（写真は海外の<a href="http://twitter.com/satoshionoda">@satoshionodaさん</a>からプレゼントを手渡ししたときの写真だと思います）。海外へのプレゼントというのは意外と障壁の多いものだったのですが、様々な方からの協力があって無事にプレゼントすることができました。</p>
<p>Twitterを発端に始まった有志達による活動ですが、雑誌掲載という素晴らしい形で跡を残すことができ、有志に参加した私としても嬉しい限りです。ちなみにプレゼントの経緯についてはトゥギャッターにまとめています。</p>
<ul>
<li><a href="http://togetter.com/li/15534">FlashDevelop 開発者の Philippe さんに MacBook を贈る会</a></li>
</ul>
<p>FlashDevelopでは、ActionScriptを開発するための環境が無料で揃えられますので、記事をご覧になられた方はぜひこの機会に触ってみてくださいませ！</p>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2010/08/flashdevelop-webdesigning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>現場で使う機能は完全網羅！ ActionScript のエディター比較表</title>
		<link>http://clockmaker.jp/blog/2010/08/actionscript-editor/</link>
		<comments>http://clockmaker.jp/blog/2010/08/actionscript-editor/#comments</comments>
		<pubDate>Wed, 18 Aug 2010 13:49:03 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=3342</guid>
		<description><![CDATA[
ActionScriptにはFlash BuilderやFlashDevelopといったスクリプトを効率よく書くためのエディター（開発環境）がたくさんあります。Twitterの有志と一緒に作ったもので、エディターの短所 [...]]]></description>
			<content:encoded><![CDATA[<p class="photo"><a href="https://spreadsheets.google.com/ccc?key=0Av168MeDwZcedHAxY0U0TjRSVzhZbm8wVjdXTWZSQ3c&amp;hl=ja" title="ActionScript エディター比較"><img class="alignnone size-full wp-image-3343" title="ActionScript エディター比較" src="http://clockmaker.jp/blog/wp-content/uploads/2010/08/100818_as3_editor.png" alt="" width="460" height="200" /></a></p>
<p>ActionScriptにはFlash BuilderやFlashDevelopといったスクリプトを効率よく書くためのエディター（開発環境）がたくさんあります。Twitterの有志と一緒に作ったもので、エディターの短所・長所を比較したドキュメントがありましたので一般公開します。</p>
<ul>
<li><a href="https://spreadsheets.google.com/ccc?key=0Av168MeDwZcedHAxY0U0TjRSVzhZbm8wVjdXTWZSQ3c&amp;hl=ja" target="_blank">資料を開く</a>（別ウィンドウ）</li>
</ul>
<p>ActionScriptの編集に利用されていることが多い<strong><span style="color: #ff0000;">11種類のエディター</span></strong>について、コード補完方法の種類、デバッガーの機能、価格といった<strong><span style="color: #ff0000;">50項目を比較した資料</span></strong>になっています。この資料一つで<strong><span style="color: #ff0000;">現場で使われるような</span></strong>ActionScriptのエディターの機能について完全にチェックできるようになっています。</p>
<p><span id="more-3342"></span></p>
<h3>資料を作った人</h3>
<p>資料はTwitter上で募集した有志（匿名・10〜20人ほど）によって編集されたもので、各々のエディターのユーザーを中心にして、出来る限り客観的にデータをまとめたものです。</p>
<h3>ActionScriptのエディターの必要性</h3>
<p>最近はActionScriptエディターはどれも高機能になっており、コードヒントの表示や、自動生成といった機能のおかげで<strong><span style="color: #ff0000;">標準的なテキストエディターで記述するよりも数倍・数十倍も効率よく</span></strong>書けるようになっています。</p>
<p>ActionScript 3.0となりコードの記述量が増えたことや、OOP（オブジェクト志向プログラミング）に対する意識の高まりもあって、効率よくコードを書く必要性が高まってきています。</p>
<h3>選ぶポイントは自分のスタイルにあったエディター</h3>
<p>エディターは<strong><span style="color: #ff0000;">それぞれ敵対しているものではなく</span></strong>、利用用途に応じて最適なものを選べばいいので、そういった意味での参考になれば幸いかと思っています。</p>
<p>どのエディターを購入しようかとか、制作会社で導入を検討されている方には役立つかと思いますので、参考資料として利用くださいませ。</p>
<p><small>※なお、有志で編集したものなので決して全て正確とは限りません。また編集したのが2010年8月上旬のため時期によっては製品がアップデートされ資料の情報に違いがでてくるかもしれません。資料は自由に参考にしていただいて構いませんが、それが原因で起きたトラブル等は責任を負いかねますので、ご了承ください。</small></p>
<h3>他にも参考になる記事</h3>
<p>なお、station5というイベントで開発環境の比較イベントも開催されていたのですが、その時のレポートやプレゼンビデオが参考になるかと思います。</p>
<ul>
<li><a title="【レポート】Flashクリエイターが教える「Flashの開発環境はどれを選べばいいのか?」 (1) 「FDT」、「FlashDevelop」、「Flash Builder」徹底比較 | クリエイティブ | マイコミジャーナル" href="http://journal.mycom.co.jp/articles/2010/05/27/fdes5/index.html" target="_blank">【レポート】Flashクリエイターが教える「Flashの開発環境はどれを選べばいいのか?」 (1) 「FDT」、「FlashDevelop」、「Flash Builder」徹底比較 | マイコミジャーナル</a></li>
<li><a href="http://www.ustream.tv/recorded/6834365" target="_blank">Adobe station5 / 2010.5.11 / FlashOOP presents Flash開発環境自慢大会！ (Ustream)<br />
</a></li>
</ul>
<p>Flash開発者306人にとったアンケートでは、45%がFlashDevelopユーザーでした。</p>
<ul>
<li><a title="[アンケート結果]ActionScriptで人気のあるエディターは!? | ClockMaker Blog" href="../2009/08/result-as-editor/" target="_blank">[アンケート結果]ActionScriptで人気のあるエディターは!?</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2010/08/actionscript-editor/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました</title>
		<link>http://clockmaker.jp/blog/2010/07/flashdevelop-book/</link>
		<comments>http://clockmaker.jp/blog/2010/07/flashdevelop-book/#comments</comments>
		<pubDate>Fri, 02 Jul 2010 08:05:06 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>
		<category><![CDATA[書籍]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=3182</guid>
		<description><![CDATA[無料のActionScript開発ソフト「FlashDevelop（フラッシュ・デベロップ）」の書籍を執筆しました。


ページ数：304ページ
出版社： 技術評論社
 発売日： 2010/7/9


FlashDeve [...]]]></description>
			<content:encoded><![CDATA[<p>無料のActionScript開発ソフト「FlashDevelop（フラッシュ・デベロップ）」の書籍を執筆しました。</p>
<p class="photo"><a href="http://www.amazon.co.jp/gp/product/4774143081?ie=UTF8&amp;tag=clockmaker-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4774143081" title="ActionScript3.0開発のためのFlashDevelop完全ガイド ~フルFlashサイト制作スタイル"><img class="alignnone size-full wp-image-3183" title="ActionScript3.0開発のためのFlashDevelop完全ガイド ~フルFlashサイト制作スタイル" src="http://clockmaker.jp/blog/wp-content/uploads/2010/07/100702_fdbook.jpg" alt="" width="460" height="581" /></a><img style="border: none !important; margin: 0px !important;" src="http://www.assoc-amazon.jp/e/ir?t=clockmaker-22&amp;l=as2&amp;o=9&amp;a=4774143081" border="0" alt="" width="1" height="1" /></p>
<ul>
<li><strong>ページ数</strong>：304ページ</li>
<li><strong>出版社：</strong> 技術評論社</li>
<li><strong> 発売日：</strong> 2010/7/9</li>
</ul>
<p><span id="more-3182"></span></p>
<p><a title="Main Page - FlashDevelop" href="http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page" target="_blank">FlashDevelop</a>は当ブログでも何度か紹介していますが、これとAdobeがオープンソースで提供しているFlex SDKがあれば、<span style="color: #ff0000;"><span style="color: #000000;">お手軽かつ</span></span><strong><span style="color: #ff0000;">無料で</span></strong>Flashを作ることができます。</p>
<ul>
<li><a title="無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール | ClockMaker Blog" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/">無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール</a><a href="http://b.hatena.ne.jp/entry/http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/"><img src="http://b.hatena.ne.jp/entry/image/normal/http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/" alt="" /></a></li>
<li><a title="[アンケート結果]ActionScriptで人気のあるエディターは!? | ClockMaker Blog" href="http://clockmaker.jp/blog/2009/08/result-as-editor/">[アンケート結果]ActionScriptで人気のあるエディターは!?</a><a href="http://b.hatena.ne.jp/entry/http://clockmaker.jp/blog/2009/08/result-as-editor/"><img src="http://b.hatena.ne.jp/entry/image/normal/http://clockmaker.jp/blog/2009/08/result-as-editor/" alt="" /></a></li>
</ul>
<p>ただ、FlashDevelopを手に入れてもその後どのように使いこなせばいいのか、という情報はあまりありませんでした。ユーザーコミュニティーである<a href="http://flashdevelop.jp/" target="_blank">FD.jp</a>にもいくつか記事を投稿していますが、今までネットに掲載されていないことも含めて、どこよりも丁寧にまとめることに注力しました。</p>
<p>初心者向けに<strong><span style="color: #ff0000;">操作説明やサンプルの作り方</span></strong>、中・上級者向けの<strong><span style="color: #ff0000;">使いこなし術</span></strong>、そして<span style="color: #ff0000;"><strong>フルFlashサイトの構築術</strong></span>までを網羅して、この一冊で末永く役立つ<strong><span style="color: #ff0000;">安心して学習できる「完全ガイド」</span></strong>になっています。</p>
<h3>対象読者</h3>
<p>主な対象読者は次の通りです。</p>
<ul>
<li>Flash 制作をしているがスクリプトの分量が多くなってきて便利なエディタを探している方</li>
<li>Flash ProfessionalとFlashDevelopを連携させて効率よくフル Flash サイトを作りたい方</li>
<li>すでに FlashDevelop の利用者で、さらに FlashDevelop を使いこなし制作効率を上げたい方</li>
<li>他言語での開発経験はあるが、Flash には触れたことがなく、Flash開発を検討している方</li>
</ul>
<h3>充実のサンプル</h3>
<p>演習課題としてフルFlashサイトを勉強することもできます。フルFlashサイトのサンプルは次のようなもので、実際に公開サイトレベルのものについて<strong><span style="color: #ff0000;">考え方</span></strong>からActionScript 3.0での<strong><span style="color: #ff0000;">実装テクニック</span></strong>を学習できるようになっています。</p>
<p class="photo"><a href="http://clockmaker.jp/project/fd-book/bin/index.html" target="_blank" title="フルFlashサイトのサンプル"><img title="フルFlashサイトのサンプル" src="http://clockmaker.jp/blog/wp-content/uploads/2010/07/100702_sample.jpg" alt="" width="460" height="259" /></a></p>
<p>一般的な作り方はもちろんのこと、</p>
<ul>
<li><strong><span style="color: #ff0000;">無償の環境だけ</span></strong>（FlashDevelop単体）でフルFlashサイトを作る方法の解説</li>
<li>Flash  CS3/CS4/CS5のSWCファイルを使ったうえで、<strong><span style="color: #ff0000;">超高速コンパイルで</span></strong>フルFlashサイトを実装する方法の解説</li>
</ul>
<p>という他の書籍ではあまり触れられていないユニークな作り方も含まれています。前にSpark勉強会で紹介しましたが、 ActionScriptフレームワークを使ったサイト開発の場合は、Flex SDKを用いた高速コンパイルの利用は今後、増えてくるのではと考えています。(経験として、スクリプトが数万行レベルのプロジェクトだと、Flash Professionalのコンパイルでは時間がかかりすぎて開発に向かない。)</p>
<ul>
<li><a title="「Spark project 勉強会 SP3」の発表ビデオ | ClockMaker Blog" href="../2010/06/spark-project-sp3/#more-3091">「Spark project 勉強会 SP3」の発表ビデオ</a></li>
</ul>
<p>こういった今後重要になってくるであろう開発手法ももれなく掲載しています。</p>
<h3>執筆者について</h3>
<p>執筆陣は、FlashDevelop（FD）のバージョンアップ情報をいち早く詳しくまとめていることからFDエバンジェリストとも言われている<a title="馬鹿全" href="http://blog.bk-zen.com/" target="_blank">馬鹿全</a>さんと、FD日本語化の功労者で開発メンバーの一人でもある<a href="http://twitter.com/matsumos" target="_blank">matsumos</a>さん、そして<a href="http://clockmaker.jp/">私</a>です。３人ともユーザーコミュニティーFD.jpの立ち上げメンバーでもあります（<a title="FlashDevelop.jp を立ち上げました(サイトができるまでレポートも) | ClockMaker Blog" href="../2009/10/flashdevelop-jp/">参考</a>）。</p>
<p>こういったメンバーが、ここぞというぐらい力を入れて書いたので、かなりオススメしたい一冊です。</p>
<ul>
<li><a title="馬鹿全 - 初FlashDevelop本「ActionScript3.0開発のためのFlashDevelop完全ガイド」を執筆しました" href="http://blog.bk-zen.com/2010/07/02/360/" target="_blank">馬鹿全 &#8211; 初FlashDevelop本「ActionScript3.0開発のためのFlashDevelop完全ガイド」を執筆しました</a></li>
<li><a title="「ActionScript3.0開発のためのFlashDevelop完全ガイド」 | FlashDevelop | log.sncr.jp" href="http://log.sncr.jp/FlashDevelop/13/" target="_blank">「ActionScript3.0開発のためのFlashDevelop完全ガイド」 | FlashDevelop | log.sncr.jp</a></li>
</ul>
<p>FlashDevelop開発者の Mika 氏と Philippe 氏からも熱いコメントを頂いてます！</p>
<h3>発売は7/9から</h3>
<p>Amazonでは既に予約が開始されていますので、ぜひご予約くださいませ！</p>
<ul>
<li><a href="http://www.amazon.co.jp/gp/product/4774143081?ie=UTF8&amp;tag=clockmaker-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4774143081">ActionScript3.0開発のためのFlashDevelop完全ガイド ~フルFlashサイト制作スタイル</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2010/07/flashdevelop-book/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>待望の日本語化も! FlashDevelop 3.1.0 RTMが登場</title>
		<link>http://clockmaker.jp/blog/2010/04/flashdevelop-3-1/</link>
		<comments>http://clockmaker.jp/blog/2010/04/flashdevelop-3-1/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 15:02:33 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=2958</guid>
		<description><![CDATA[
無料で使える超強力ActionScriptエディター「FlashDevelop」の最新版である 3.1.0 RTM がリリースされました。今回のバージョンは一つの節目で、日本語のローカライズが達成されました。日本語化対 [...]]]></description>
			<content:encoded><![CDATA[<p class="photo"><a href="http://flashdevelop.jp/" title="FlashDevelop 3.1.0"><img class="alignnone size-full wp-image-2959" title="FlashDevelop 3.1.0" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-01.jpg" alt="" width="460" height="200" /></a></p>
<p><span style="color: #000000;"><strong>無料で使える超強力</strong></span><strong>ActionScript</strong><span style="color: #000000;"><strong>エディター</strong><strong>「FlashDevelop」</strong></span>の<a href="http://flashdevelop.jp/FlashDevelop3.1.0_RTM" target="_blank">最新版である 3.1.0 RTM がリリース</a>されました。今回のバージョンは一つの節目で、<strong><span style="color: #ff0000;">日本語のローカライズ</span></strong>が達成されました。日本語化対応はFlashDevelopコミッターの <a title="まつもと (matsumos) on Twitter" href="http://twitter.com/matsumos" target="_blank">@matsumos</a> さんが中心に行った <a href="http://flashdevelop.jp/%E6%97%A5%E6%9C%AC%E8%AA%9E%E5%8C%96%E3%83%97%E3%83%AD%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88" target="_blank">FlashDevelop.jp コミュニティー（日本語化プロジェクト）</a>の活動の成果です。</p>
<p>日本語化対応以外にも<strong><span style="color: #ff0000;">次期Flash Platform（Flash Player 10.1, Flex SDK 4）への対応</span></strong>や、<strong><span style="color: #ff0000;">HTML編集のための強力な機能としてZen-Codingが搭載</span></strong>されました。<span style="color: #000000;">リファクタリングやデバッグプラグインなどFlash Builder 4の機能も一部搭載</span>され、十分すぎるほどのメジャーアップデートとなっています。</p>
<p>それでは、簡単にですがバージョンアップで強化されたポイントをご紹介します。</p>
<p><span id="more-2958"></span></p>
<h3>日本語のローカライズ</h3>
<p>今回の目玉は公式に対応した<span style="color: #ff0000;"><strong>日本語ローカライズ</strong></span>。ただの直訳ではなく、一般的な用語としてユーザーへのわかりやすさも重視されていることもポイントです。一般的なEclipse系ソフトにありがちな、日本語化されたとはいえ直訳すぎて意味がわからないなどの懸念点も心配ありません。</p>
<p><img class="alignnone size-full wp-image-2960" title="FlashDevelop-02" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-02.png" alt="" width="530" height="432" /></p>
<p>［今まで英語で見落としていたFlashDevelopの機能を発見できるかも…］</p>
<h3>変数の確実なリネームができるリファクタ機能</h3>
<p>Flash Builder 4やFDT Enterpriseなどの統合開発環境で搭載されているリファクタリング機能がFlashDevelopでも搭載されました。変数の文字列による置換とは違い、参照リネームとなるためクラス間での変数名のリネームを確実におこなえます。</p>
<p><img class="alignnone size-full wp-image-2961" title="FlashDevelop-03" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-03.png" alt="" width="530" height="361" /></p>
<p>リネームしたい変数名を［右クリック］して、［リファクタ(R)］→［名前の変更(R)&#8230;］を選択すると…</p>
<p><img class="alignnone size-full wp-image-2962" title="FlashDevelop-04" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-04.png" alt="" width="530" height="235" /></p>
<p>参照先の変数名から、参照しているすべての変数がリネームされます。</p>
<h3>HTML編集の強力な機能 Zen-Codingが搭載</h3>
<p>知る人ぞ知るHTMLコーディングの最新テクニックとして注目を集めている<span style="color: #ff0000;"><strong>Zen-Coding（ゼン・コーディング）<a title="知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" href="http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html" target="_blank"></a></strong></span>。FlashDevelopにも搭載され、よりスマートなHTMLコーディングをサポートします。</p>
<p><img class="alignnone size-full wp-image-2964" title="FlashDevelop-06" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-06.png" alt="" width="530" height="103" /></p>
<p>Zen-Codingの書式にしたがって記述し、ショートカット［Ctrl］+［B］を押すと…</p>
<p><img class="alignnone size-full wp-image-2965" title="FlashDevelop-07" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-07.png" alt="" width="530" height="272" /></p>
<p>タグが自動的に記述されます。ZenCodingのルールを覚えれば、かなりの速度でHTMLコーディングができます。</p>
<p>参考記事：</p>
<ul>
<li><a title="知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた - EC studio デザインブログ" href="http://designblog.ecstudio.jp/htmlcss/zen-coding-aptana.html" target="_blank">知らない人は損してる？コーディングが3倍速くなるZen-Codingを導入してみた</a></li>
</ul>
<h3>次期FlashPlatformへの対応</h3>
<p>コード補完やプロジェクトテンプレートとして用意されるなどでFlash Player 10.1やFlex SDK4にも対応しました。MXMLの補完も強化されているので、FlashDevelopでMXMLを開発する方には恩恵が受けられるはずです。</p>
<p><img class="alignnone size-full wp-image-2963" title="FlashDevelop-05" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-05.png" alt="" width="530" height="289" /></p>
<h3>デバッガー機能</h3>
<p>プラグインとして提供されているものですが、FlashDevelop 3.1のリリースノートにも紹介されている機能の一つです。Flash Builder 4のような高機能なデバッグ機能をFlashDevelopでも利用できるようになります。デバッグ機能は一時停止したいスクリプトの行でブレークポイントを打ちます。ランタイム実行時にブレークポイントの箇所で、その時点での変数の状態を確認できる機能のことです。つまりtraceを書くことなく、ブレークポイントを設定するだけで変数の状態を確認することができます。</p>
<h3><img title="FlashDevelop-08" src="http://clockmaker.jp/blog/wp-content/uploads/2010/04/FlashDevelop-08.png" alt="" width="530" height="204" /></h3>
<h3>まとめ</h3>
<p>FlashDevelopはコード補完機能が優れていたり、ソフトウェアの動作自体も軽快であることから愛用しているFlash Developerも多いと思います。私はFB4と併用して利用していますが、FB4からFlashDevelopに戻したときにこんなにサクサクコーディングできるのかと感動するばかりで す。</p>
<p>FlashDevelop  3.1は実は先立って2,3ヶ月前からプレリリース版を試していましたが、UTF-8のBOMに関するトラブルも解消されているので、安心して使えるようになったように思います。</p>
<p>なお、FlashDevelop 3.1のダウンロード・インストール方法はFlashDevelop.jpコミュニティーでまとめていますので、そちらを参照くださいませ。</p>
<ul>
<li><a title="FlashDevelop.jp" href="http://flashdevelop.jp/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8" target="_blank">FlashDevelop.jp</a></li>
<li><a title="日本語で利用するには - FlashDevelop.jp" href="http://flashdevelop.jp/%E6%97%A5%E6%9C%AC%E8%AA%9E%E3%81%A7%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B%E3%81%AB%E3%81%AF" target="_blank">日本語で利用するには &#8211; FlashDevelop.jp</a></li>
</ul>
<h3>関連記事</h3>
<ul>
<li><a title="FlashDevelop.jp を立ち上げました(サイトができるまでレポートも) | ClockMaker Blog" href="../2009/10/flashdevelop-jp/">FlashDevelop.jp を立ち上げました(サイトができるまでレポートも)</a></li>
<li><a title="Flash Builder 4のFlasherに役立つ10個の魅力的な新機能 | ClockMaker Blog" href="../2010/03/flash-builder-4/">Flash Builder  4のFlasherに役立つ10個の魅力的な新機能</a></li>
<li><a title="馬鹿全 - FlashDevelop 3.1.0 RTM リリース" href="http://blog.bk-zen.com/2010/04/22/319/">馬鹿全 &#8211; FlashDevelop 3.1.0 RTM リリース</a></li>
<li><a title="flabaka - FlashDevelop3.1.0のリファクタリング" href="http://flabaka.com/blog/?p=2367" target="_blank">flabaka &#8211; FlashDevelop3.1.0のリファクタリング</a></li>
<li><a title="flabaka - FlashDevelopでzen-coding" href="http://flabaka.com/blog/?p=2384" target="_blank">flabaka &#8211; FlashDevelopでzen-coding</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2010/04/flashdevelop-3-1/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>FlashDevelop.jp を立ち上げました(サイトができるまでレポートも)</title>
		<link>http://clockmaker.jp/blog/2009/10/flashdevelop-jp/</link>
		<comments>http://clockmaker.jp/blog/2009/10/flashdevelop-jp/#comments</comments>
		<pubDate>Wed, 14 Oct 2009 15:40:29 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=2317</guid>
		<description><![CDATA[多くの Flash デベロッパーから愛用されているフリー(寄付は受け付けてます)の ActionScript エディターである FlashDevelop ですが、この度、有志が集まりまとめサイトを作られました。私も有志と [...]]]></description>
			<content:encoded><![CDATA[<p>多くの Flash デベロッパーから愛用されているフリー(寄付は受け付けてます)の ActionScript エディターである <a href="http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page" target="_blank">FlashDevelop</a> ですが、この度、有志が集まりまとめサイトを作られました。私も有志として参加しているので、本ブログにて紹介させていただきます。</p>
<p>今までは FlashDevelop の情報は個々人のブログが発信源だったため体系的にまとまった情報がありませんでした。新サイト「FlashDevelop.jp」は今後、その一躍を担っていこうとしています。</p>
<h3>FlashDevelop.jp</h3>
<p class="photo"><a href="http://flashdevelop.jp/" title="FlashDevelop.jp フリーのActionScriptエディター"><img class="alignnone size-full wp-image-2318" title="FlashDevelop.jp フリーのActionScriptエディター" src="http://clockmaker.jp/blog/wp-content/uploads/2009/10/091014-flashdevelop-jp.png" alt="FlashDevelop.jp フリーのActionScriptエディター" width="460" height="200" /></a></p>
<p><a href="http://flashdevelop.jp/" target="_blank">http://flashdevelop.jp/</a></p>
<p>主なトピック</p>
<ul>
<li>これからFlashDevelopを始める人へのチュートリアル</li>
<li>FlashDevelopで開発効率をさらに高めたい方への様々な情報</li>
<li>最新のFlashDevelopのリリース情報</li>
<li>本家(英語)の翻訳</li>
<li>FlashDevelopのプラグイン開発情報のまとめ</li>
</ul>
<h3>FlashDevelop.jp フォーラム</h3>
<p class="photo"><a href="http://forum.flashdevelop.jp/" title="FlashDevelop.jp"><img class="alignnone size-full wp-image-2319" title="FlashDevelop.jp" src="http://clockmaker.jp/blog/wp-content/uploads/2009/10/091014-flashdevelop-forum.png" alt="FlashDevelop.jp" width="460" height="200" /></a></p>
<p><a href="http://forum.flashdevelop.jp/" target="_blank">http://forum.flashdevelop.jp/</a></p>
<p>主なトピック</p>
<ul>
<li>リリース情報</li>
<li>リクエスト</li>
<li>不具合報告</li>
</ul>
<p><span id="more-2317"></span></p>
<h3>FlashDevelop.jpができたきっかけ</h3>
<p class="photo"><img class="alignnone size-full wp-image-2322" src="http://clockmaker.jp/blog/wp-content/uploads/2009/10/091014-flashdevelop-05.png" alt="" width="460" height="200" /></p>
<p>ことの発端は二週間前の9/29(火)。<a href="http://twitter.com/matsumos" target="_blank">@matsumotsさん</a>がTwitterで「<a title="Twitter / まつもと: flashdevelop.jpとか・・・" href="http://twitter.com/matsumos/status/4465391733" target="_blank">flashdevelop.jpとか・・・</a>」と一言つぶやいたことです。Twitter 界隈では FlashDevelop に熱い人が何人もいて、普段からプラグイン開発のトークなどで盛り上がっていました。そんな活発な雰囲気があったためか、さきほどの発せられた一言に瞬時に反応する人たちがいました。すぐに話は盛り上がり、ドメインもサーバーも瞬時に設置され、その日の深夜のうちにサイトが立ち上がりました(<a title="Twitter / Yasu: ほい http://www.flashdevelop.jp/" href="http://twitter.com/clockmaker_core/status/4467302068" target="_blank">公開時の発言</a>←私です)。</p>
<h3>開発本家とのメールのやりとり</h3>
<p>サイトが立ち上がったあとは Google グループを作成し、中心となるメンバーが集まっていきました。</p>
<p class="photo"><img class="alignnone size-full wp-image-2321" src="http://clockmaker.jp/blog/wp-content/uploads/2009/10/091014-flashdevelop-04.png" alt="" width="460" height="200" /></p>
<p>Wiki の編集、サイト名の議論、フォーラムの設置、etcと、参加者は有志なのでプライベートな時間を使って準備を進めていきます。</p>
<p>ここで気になったのが、これは日本のユーザーが自主的に立ち上げたサイトなので、開発者に報告をしたいということです。兼ねてからFlashDevelopの最新情報をいち早くレポートしていた<a title="馬鹿全" href="http://blog.bk-zen.com/" target="_blank">馬鹿全</a>さんが中心となって英語のメールの準備を進めました。どういった返事が来るのか期待と不安があったわけですが、開発者のMika さんと Philippe さんから好意的な返事をもらうことができました。</p>
<div style="background:#eee; border:1px dotted #ccc; padding:5px;">「私は日本語がわかりませんが、ひそかに経過を見守っています。GJ！」</p>
<p>「おお！俺らのよりすげぇーじゃん！(Wiki) いい仕事してんなー！ 」</p>
</div>
<p>※原文は英語</p>
<p class="photo"><img class="alignnone size-full wp-image-2320" src="http://clockmaker.jp/blog/wp-content/uploads/2009/10/091014-flashdevelop-03.png" alt="" width="460" height="200" /></p>
<p>英語のメールも皆さんが慣れているわけではないので添削しあったりと、メンバー全員で送ったかのようなメールだったわけですが、この好意的な返事がきたことに、メンバー一同は歓喜することとなりました。</p>
<h3>参加したい方は</h3>
<p>FlashDevelop.jpは有志による活動なので、FlashDevelopをこよなく愛していて、他のユーザーに伝えたい情報がある方は、ぜひ参加頂ければと思います。</p>
<p>メンバーは情報共有のためにGoogle グループにて運営しているので、 <a href="http://groups.google.com/group/flashdevelopjp" target="_blank">FDUG (Japan FlashDevelop User Group)</a> に参加申し込み頂ければと思います。</p>
<p>また今週末の10/18(日)に FlashDevelop.jp 飲み(FDUGの今後の運営について話す会＆顔合わせ)もおこないます。こちらは直前なので人数もそんなに増やせないと思いますが、もし興味があれば FDUG に参加するか、もしくは私の twitter アカウントのほうにご連絡ください。</p>
<h3>今後のFlashDevelop.jpをよろしくお願いします</h3>
<p>まだまだ Wiki には十分な情報が載っているわけではありませんが、FlashDevelopを応援するため、がんばって情報のアウトプットをしていこうと思います。ぜひとも、今後ともよろしくお願いします。</p>
<p><a href="http://flashdevelop.jp/" target="_blank">http://flashdevelop.jp/</a></p>
<h3>関連記事</h3>
<ul>
<li><a title="Flash制作に欠かせない3つのツール・独学ActionScript編 - 独学ActionScript" href="http://d.hatena.ne.jp/ActionScript/20091014/flash_tools_dkgkas" target="_blank">Flash制作に欠かせない3つのツール・独学ActionScript編 &#8211; 独学ActionScript</a></li>
<li><a title="馬鹿全 - Flash制作に欠かせない 3つのツール・馬鹿全編" href="http://blog.bk-zen.com/2009/10/14/259/" target="_blank">馬鹿全 &#8211; Flash制作に欠かせない 3つのツール・馬鹿全編</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2009/10/flashdevelop-jp/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>無料でFlashの制作環境を構築 FlashDevelopとFlex SDKのインストール</title>
		<link>http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/</link>
		<comments>http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/#comments</comments>
		<pubDate>Tue, 14 Jul 2009 10:57:21 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=1955</guid>
		<description><![CDATA[
FlashDevelop(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ無料でFlashを作ることが [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-1956" title="FlashDevelopのインストールチュートリアル" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_01.jpg" alt="FlashDevelopのインストールチュートリアル" width="468" height="200" /></p>
<p><a title="Main Page - FlashDevelop" href="http://www.flashdevelop.org/wikidocs/index.php?title=Main_Page" target="_blank">FlashDevelop</a>(フラッシュ・デベロップ)というActionScriptのエディターが非常に優秀で、これとAdobeがオープンソースで提供しているFlex SDKがあれば、お手軽かつ<span style="color: #f00; font-size: 125%;">無料</span>でFlashを作ることができます。</p>
<p>FlashDevelopは<strong>ソフトの軽さ</strong>と<strong>強力なコードヒント機能</strong>によってプロのFlasherから熱烈な支持を受けているエディターです。まずはコードヒント機能がどのくらい優れているか分かる90秒のライブコーディングビデオを用意しました。</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="351" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=5597151&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5597151&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="468" height="351" src="http://vimeo.com/moogaloop.swf?clip_id=5597151&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=5597151&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1"></embed></object></p>
<p><a href="http://vimeo.com/5597151">FlashDevelop Code Hint Movie</a> from <a href="http://vimeo.com/user755892">clockmaker</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>コードの補間によって<strong>キータイプの量を劇的に減らせ</strong>、自動的に整形されるため<strong>見通しの良いコード</strong>が仕上がるのがおわかりになるかと思います。</p>
<p>では、そんな便利で高機能なFlashDevelopのインストール方法を紹介します。できる限りステップを短くしたので、全ステップでおおよそ15分程度だと思います。</p>
<p><span id="more-1955"></span></p>
<h3>まずはチュートリアルビデオで</h3>
<p>ビデオは8分間でインストールからサンプルのパブリッシュまで一連の流れを紹介しています。文章にて下記で説明しますが、ビデオがあればその通りすればできるのでお急ぎの方は参考ください。</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="468" height="351" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="data" value="http://vimeo.com/moogaloop.swf?clip_id=5589717&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5589717&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="468" height="351" src="http://vimeo.com/moogaloop.swf?clip_id=5589717&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true" data="http://vimeo.com/moogaloop.swf?clip_id=5589717&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1"></embed></object></p>
<p><a href="http://vimeo.com/5589717">Tutorial of Install FlashDevelop with Flex SDK</a> from <a href="http://vimeo.com/user755892">clockmaker</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>以下、文章で詳しく説明していきます。</p>
<h3>【Step.1】まずは必要なものを先にインストールしておく</h3>
<p><img class="alignright" src="http://clockmaker.jp/blog/wp-content/uploads/2008/08/flashdevelop_04.jpg" alt="" width="65" height="65" /></p>
<p>FlashDevelopを動作させるために必要な「Java」と「.net Framawork」をインストールしておきます。これがなくてもFlashDevelopは一応起動しますが、一部機能が動作しないことがあるので必ず入れておきましょう。</p>
<p>なお、.NET Frameworkは2.0で動作しますが3.5を入れても特に問題はありません。</p>
<ul>
<li><a href="http://www.java.com/ja/download/">Sun Microsystems &#8211; Java 6(JRE1.6)</a></li>
<li><a href="http://www.microsoft.com/downloads/details.aspx?familyid=333325FD-AE52-4E35-B531-508D977D32A6&amp;displaylang=ja">Microsoft .NET Framework 3.5</a></li>
</ul>
<p>※チュートリアルビデオはStep.1完了後から始めてます。</p>
<h3>【Step.2】FlashDevelopのダウンロードとインストール</h3>
<p><img class="alignnone size-full wp-image-1957" title="090714_02" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_02.jpg" alt="090714_02" width="468" height="200" /></p>
<p>次はFlashDevelopをダウンロードしましょう。次のリンクから[Release→Flash Develop 3.x.x(一番上のリンク)→ページ下にあるDownload FlashDevelop 3.x.xをクリック]とページを進み、インストーラーをダウンロードします。</p>
<ul>
<li><a href="http://www.flashdevelop.org/community/index.php" target="_blank">FlashDevelop.org :: Index</a></li>
</ul>
<p>ダウンロードしたインストーラーをダブルクリックして、インストールを進めます。インストールは[Next&gt;]をクリックし続けて完了させます。</p>
<h3>【Step.3】Flex SDK 3のダウンロード</h3>
<p><img class="alignnone size-full wp-image-1958" title="090714_03" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_03.jpg" alt="090714_03" width="468" height="200" /></p>
<p>次はFlex SDK 3のダウンロードです。</p>
<ul>
<li><a href="http://opensource.adobe.com/wiki/display/flexsdk/Download+Flex+3">Download Flex 3 &#8211; Flex SDK &#8211; Confluence</a></li>
</ul>
<p>上記ページの[Latest Milestone Release Builds]の[Adobe Flex SDK]をダウンロードします。保存先はCドライブの直下に[flex_sdk_3]というフォルダを作成してそこに入れています。つまり絶対パスは[C:flex_sdk_3]となります。</p>
<p><a rel="attachment wp-att-1959" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_04/" title="090714_04"><img class="alignnone size-medium wp-image-1959" title="090714_04" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_04-459x345.png" alt="090714_04" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<h3>【Step.4】FlashDevelopを起動して諸設定を行う</h3>
<p>ここまで正常にインストールが完了すれば、デスクトップにFlashDevelopのアイコンがあるので、それをダブルクリックして起動します。</p>
<p><img class="alignnone size-full wp-image-1956" title="FlashDevelopのインストールチュートリアル" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_01.jpg" alt="FlashDevelopのインストールチュートリアル" width="468" height="200" /></p>
<p>起動後は初期設定を全てやってしまいましょう。</p>
<ul>
<li>メニューバーから[Tools→Program Settings...]を選択</li>
<li>ダイアログを開いたら、左のメニューから[AS3Context]を選択</li>
<li>右パネルの[Flex SDK Location]に、Step3でダウンロードしたFlex SDKのパスを設定。手順通りであれば「C:¥flex_sdk_3」と入力</li>
<li>[Default Flash Version]で「10」に設定</li>
</ul>
<p><a rel="attachment wp-att-1960" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_05/" title="090714_05"><img class="alignnone size-medium wp-image-1960" title="090714_05" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_05-459x345.png" alt="090714_05" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p>次にプレビューの設定を行います。</p>
<ul>
<li>左のメニューから[FlashViewer]を選択</li>
<li>右のパネルの[Movie Display Style]で「Popup」を選択</li>
</ul>
<p><a rel="attachment wp-att-1961" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_06/" title="090714_06"><img class="alignnone size-medium wp-image-1961" title="090714_06" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_06-459x345.png" alt="090714_06" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p>以上で設定完了です。</p>
<h3>【Step.5】試しにサンプルを作成してみる</h3>
<p>スタートアップ画面の[New Project...]でプロジェクト作成ダイアログを開きましょう。</p>
<p><a rel="attachment wp-att-1962" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_07/" title="090714_07"><img class="alignnone size-medium wp-image-1962" title="090714_07" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_07-459x345.png" alt="090714_07" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p>ダイアログは次のように入力します。</p>
<ul>
<li>[Installed Template]から[AS3 Project]を選択</li>
<li>[Name] に「Main」</li>
<li>[Location]に任意のフォルダ(デスクトップ等)</li>
<li>[package]は空のまま</li>
<li>[Create directory for project]のチェックボックスを選択</li>
<li>[OK]をクリック</li>
</ul>
<p><a rel="attachment wp-att-1963" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_08/" title="090714_08"><img class="alignnone size-medium wp-image-1963" title="090714_08" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_08-459x345.png" alt="090714_08" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p>プロジェクトが作成され、右側のツリーに表示されますので[src→Main.as]をダブルクリックしてASファイルを開きます。</p>
<p><a rel="attachment wp-att-1964" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_09/" title="090714_09"><img class="alignnone size-medium wp-image-1964" title="090714_09" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_09-459x345.png" alt="090714_09" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p>そのメインクラス内にスクリプトでも書いておきましょう。次のコードをコピペします。</p>
<pre style="border: solid 1px #999; background: #eee;">package {
	import flash.display.Sprite;
	public class Main extends Sprite {
		public function Main():void {
			var sp:Sprite = new Sprite();
			sp.graphics.beginFill(0xFF0000);
			sp.graphics.drawCircle(100, 100, 100);
			addChild(sp);
		}
	}
}</pre>
<p>そして画面右上の三角マークを押してコンパイルします。数秒後、画面にFlashが再生されればOKです。</p>
<p><a rel="attachment wp-att-1974" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_11/" title="090714_11"><img class="alignnone size-medium wp-image-1974" title="090714_11" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_11-459x345.png" alt="090714_11" width="459" height="345" /></a></p>
<h3>素敵なAS3デモの宝庫であるwonderflのコードを利用するなら</h3>
<p>なお、ビデオチュートリアルでは<a title="wonderfl build flash online" href="http://wonderfl.net/" target="_blank">wonderfl</a>のコードを試してますが、一般的にwonderflで外部ライブラリを使っていないコードであればコピペして動きます。</p>
<p>コピペして動かしてみたい方にお勧めのコードはこちらです。</p>
<ul>
<li><a title="forked from: HANABI（初級者がコードに注釈をつけてみた） | wonderfl build flash online" href="http://wonderfl.net/code/03190641c00b157abc0dbe7d6a513fa80ec987db" target="_blank">HANABI（初級者がコードに注釈をつけてみた）</a></li>
<li><a title="Arrows Flow Simulation | wonderfl build flash online" href="http://wonderfl.net/code/1a4af00b498fd32cea63a20b77210bc293aa65bc" target="_blank">Arrows Flow Simulation</a></li>
</ul>
<p>また、wonderflの中にはFlash Player 10用の機能を使っている物があるので、そのコードを試したい場合は、Projectパネルのプロジェクトを右クリックで[Properties...]を選択し、[Target]のプルダウンを「Flash Player 10」にすればコンパイルが通ります。</p>
<p><a rel="attachment wp-att-1992" href="http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/090714_20/" title="090714_20"><img class="alignnone size-medium wp-image-1992" title="090714_20" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_20-459x345.png" alt="090714_20" width="459" height="345" /></a></p>
<p>（画像をクリックで拡大表示）</p>
<p><small>※コピペする場合はクラス名がクラスファイル名と一致する必要があるので、クラス名を「Main」と名付けている場合は、コード内のクラス名とコンストラクタ名を「Main」に変更ください。</small></p>
<h3>FlashDevelopでFlash CS5は…</h3>
<p>FlashDevelopでFlash制作環境導入の敷居は低くなりますが、動きを作ったり、がっつりしたものを作ろうとしたら、用途に応じてFlash CS5かFlash Builder 4も利用・併用したほうが良いと思います。</p>
<p class="photo"><img class="alignnone size-full wp-image-2015" title="FlashDevelopとFlash CS4" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_22.jpg" alt="FlashDevelopとFlash CS4" width="460" height="274" /></p>
<p>よく利用されているのは Flash CS5 で素材やアニメーション・レイアウトを作り、 FlashDevelop でコードを書くという方法です(実案件では一番効率的)。FlashDevelopはFlash CS5の心強いサポーターとなりますので、Windowsユーザーならインストールしておくとよいでしょう。(上の画像はMacでFlashDevelopを動かしている画面。わりと皆やってます。)</p>
<p>なお、<a href="http://www.trick7.com/blog/" target="_blank">trick7さん</a>がスクリーンキャストを紹介されてますので、こちらも参考ください。</p>
<ul>
<li><a href="http://www.trick7.com/blog/video/flashdevelop/" target="_blank">FlashDevelop でコーディングして Flash CS3 からパブリッシュする</a></li>
</ul>
<h3>FlashDevelopの最新情報をチェックするには</h3>
<p>FlashDevelopのバージョンアップ頻度は類を見ないほど半端なく早いです。いち早く日本語の最新リリース情報が欲しい方は、<a href="http://clockmaker.jp/blog/2009/10/flashdevelop-jp/">日本語のまとめサイトであるFlashDevelop.jp</a>や<a title="馬鹿全" href="http://blog.bk-zen.com/" target="_blank">馬鹿全さん</a>のブログを参考にすると良いと思います。<br />
↓</p>
<p class="photo"><a title="馬鹿全" href="http://blog.bk-zen.com/" target="_blank"><img class="alignnone size-full wp-image-2022" title="FlashDevelopの更新情報をまとめてくださってる馬鹿全さん" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090715_30.png" alt="FlashDevelopの更新情報をまとめてくださってる馬鹿全さん" width="460" height="200" /></a></p>
<p>またFlashDevelopはオープンソースなので寄付を受け付けているようです。今後の開発を応援するのであればこちらから。</p>
<ul>
<li><a title="FlashDevelop:Site support - FlashDevelop" href="http://www.flashdevelop.org/wikidocs/index.php?title=FlashDevelop:Site_support" target="_blank">FlashDevelop:Site support &#8211; FlashDevelop</a></li>
</ul>
<h3>FlashDevelopの解説が書籍になりました</h3>
<p>ここで紹介したFlashDevelopの導入方法から、実際の現場で使われるテクニックまで幅広くまとめた<strong><span style="color: #ff0000;">解説本が技術評論社から出版</span></strong>されることになりました。私（当ブログ管理人）も書籍の執筆に参加し自信を持っておすすめできる一冊となりましたので、FlashDevelopを始める方はご覧になってはいかがでしょうか。</p>
<ul>
<li><a title="「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました | ClockMaker Blog" href="http://clockmaker.jp/blog/2010/07/flashdevelop-book/">「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました</a><a href="http://b.hatena.ne.jp/entry/http://clockmaker.jp/blog/2010/07/flashdevelop-book/"><img src="http://b.hatena.ne.jp/entry/image/normal/http://clockmaker.jp/blog/2010/07/flashdevelop-book/" alt="" /></a></li>
</ul>
<div><a title="「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました | ClockMaker  Blog" href="../2010/07/flashdevelop-book/"><img src="/imgs/bnr_fdbook_200x200.jpg" alt="「FlashDevelop完全ガイド」ActionScriptの開発効率を高める無料の高機能エディターの解説本" width="200" height="200" /></a></div>
<h3>FlashDevelopの関連記事もどうぞ！</h3>
<p class="photo"><a title="「Q.films」のソースを公開しました | ClockMaker Blog" href="/blog/2008/08/2009/02/source_qfilms/"><img class="alignnone size-full wp-image-2014" title="FlashDevelopで作ったフルFlashサイト「Q.films」" src="http://clockmaker.jp/blog/wp-content/uploads/2009/07/090714_21.jpg" alt="FlashDevelopで作ったフルFlashサイト「Q.films」" width="460" height="200" /></a></p>
<ul>
<li><a title="「Q.films」のソースを公開しました | ClockMaker Blog" href="/blog/2008/08/2009/02/source_qfilms/">FlashDevelopだけで作ったWebサイト「Q.films」のソースを公開</a></li>
<li><a title="Permanent Link to FlashDevelop.jp を立ち上げました(サイトができるまでレポートも)" rel="bookmark" href="http://clockmaker.jp/blog/2009/10/flashdevelop-jp/">FlashDevelop.jp を立ち上げました(サイトができるまでレポートも)</a></li>
<li><a title="FlashDevelopのインストール(+Flex SDK3) | ClockMaker Blog" href="/blog/2008/08/install_flashdevelop/">FlashDevelopのインストール(+Flex SDK3)</a></li>
<li><a title="履歴消去じゃ消えない隠れた痕跡の中身を調べてみる | ClockMaker Blog" href="/blog/2008/08/2009/05/sharedobject/">FlashDevelopで履歴消去じゃ消えない隠れた痕跡の中身を調べてみる</a></li>
<li><a title="「ActionScript3.0開発のためのFlashDevelop完全ガイド」という本を執筆しました |  ClockMaker Blog" href="../2010/07/flashdevelop-book/">「ActionScript3.0 開発のためのFlashDevelop完全ガイド」という本を執筆しました</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2009/07/tutorial-install-flashdevelop-flex-sdk/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>履歴消去じゃ消えない隠れた痕跡の中身を調べてみる</title>
		<link>http://clockmaker.jp/blog/2009/05/sharedobject/</link>
		<comments>http://clockmaker.jp/blog/2009/05/sharedobject/#comments</comments>
		<pubDate>Tue, 19 May 2009 04:52:17 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=1495</guid>
		<description><![CDATA[履歴消去じゃ消えないエロサイトの隠れた痕跡に要注意 &#8211; てっく煮ブログ
nitoyonさんのLocal SharedObjectについての記事が面白かったので、もう少し突っ込んで調べてみることにしました。Lo [...]]]></description>
			<content:encoded><![CDATA[<p><a title="履歴消去じゃ消えないエロサイトの隠れた痕跡に要注意 - てっく煮ブログ" href="http://d.hatena.ne.jp/nitoyon/20090519/histroy_lso" target="_blank">履歴消去じゃ消えないエロサイトの隠れた痕跡に要注意 &#8211; てっく煮ブログ</a></p>
<p>nitoyonさんのLocal SharedObjectについての記事が面白かったので、もう少し突っ込んで調べてみることにしました。Local Shared Objectについては上記記事で解説されているので参考ください。</p>
<p><span id="more-1495"></span></p>
<h3>Local Shared Objectの中身を見てみる</h3>
<p><img class="alignnone size-full wp-image-1496" title="SharedObject ReaderのAIRアプリ「minerva」" src="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol03.png" alt="SharedObject ReaderのAIRアプリ「minerva」" width="147" height="121" /></p>
<p>Adobe AIRアプリ「<a href="http://blog.coursevector.com/minerva" target="_blank">minerva</a>」を使えばLocal Shared Objectを読み込めます。Adobe AIRアプリなのでWindowsでもMacでも試すことができます。</p>
<ul>
<li><a title=".minerva - An AIR Shared Object Reader | Course Vector" href="http://blog.coursevector.com/minerva" target="_blank">.minerva &#8211; An AIR Shared Object Reader | Course Vector</a></li>
</ul>
<p>アプリをインストールして所定の場所(これも<a href="http://d.hatena.ne.jp/nitoyon/20090519/histroy_lso" target="_blank">nitoyonさんの記事</a>を参考)のsolファイルを開いてみます。するとツリー表示てにLocal Shared Objectの中身が表示されます。</p>
<p><a href="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol01.png" rel="shadowbox[post-1495];player=img;" title="minerva"><img class="alignnone size-medium wp-image-1497" title="minerva" src="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol01-460x354.png" alt="minerva" width="460" height="354" /></a></p>
<p>(クリックで拡大できます)</p>
<p>※私が試した限りだと<a href="http://blog.coursevector.com/minerva" target="_blank">minerva</a>はAS2で作られたと思われるFlashのSOLは読み込めましたが、AS3的なものは開けませんでした。</p>
<h3>ニコニコビデオの痕跡を調べてみる</h3>
<p>にこにこ動画のLocal Shared Objectを調べてみたら、大量のsolファイルがありました。全ての中身を覗いたわけではありませんが、プレイヤーの音量やミュート設定を保存するために使っているようです。具体的にはvolumeが50とか、muteがtrue/falseといったものです。(SOで保存できるのがString, Number, Boolean, Array, Objectぐらいなので)</p>
<p><a href="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol041.png" rel="shadowbox[post-1495];player=img;" title="090519_sol041"><img class="alignnone size-medium wp-image-1499" title="090519_sol041" src="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol041-460x338.png" alt="090519_sol041" width="460" height="338" /></a></p>
<p>(クリックで拡大できます)</p>
<p>にこにこは機能上Shared Objectを使う必要があるのでSOLファイルが大量にあるのだと思いますが、通常のサイトでは使っても０〜数個(自分は1個しか使いませんが)程度のものなのでニコニコは特殊な例かもしれません。</p>
<p>私自身はLocal Shared Objectはリスクとなりうるものではない認識なので特にこだわりはありませんが、それでも痕跡を消したい方は「#SharedObjects」内と「macromedia.com」内「sys」フォルダのなかにあるドメイン名のついたフォルダと消すと良いでしょう。</p>
<h3>FlashDevelopにもSharedObject Readerがあります</h3>
<p>FlashDevelopのエバンジェリスト(?)の<a href="http://blog.bk-zen.com/" target="_blank">bkzenさん</a>に教えていただいたのですが、FlashDevelopにもSharedObject Readerが備わっています。私が試したところ、ヘッダーがどうのというエラーが表示されて見れなかったのですが、今後バグが解消されると便利なツールとなることでしょう。</p>
<p><a href="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol02.png" rel="shadowbox[post-1495];player=img;" title="090519_sol02"><img class="alignnone size-medium wp-image-1500" title="090519_sol02" src="http://clockmaker.jp/blog/wp-content/uploads/2009/05/090519_sol02-460x376.png" alt="090519_sol02" width="460" height="376" /></a></p>
<p>(クリックで拡大できます)</p>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2009/05/sharedobject/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>WonderflでPapervision3D</title>
		<link>http://clockmaker.jp/blog/2009/02/wonderfl_papervision3d/</link>
		<comments>http://clockmaker.jp/blog/2009/02/wonderfl_papervision3d/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 15:59:01 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[ActionScript]]></category>
		<category><![CDATA[Flash 3D]]></category>
		<category><![CDATA[FlashDevelop]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=1093</guid>
		<description><![CDATA[念願のWonderfl で Papervision3D が扱えるようになったとのことで、当ブログの中からコピペだけで動かせるような Flash 3D デモを Wonderfl に５つ投稿してみました。

(5つのデモを同 [...]]]></description>
			<content:encoded><![CDATA[<p>念願の<a title="Papervision3D supported - wonderfl build flash online, developers blog" href="http://wonderfl.kayac.com/blog/2009/02/papervision3d-supported.html" target="_blank">Wonderfl で Papervision3D が扱えるようになった</a>とのことで、当ブログの中からコピペだけで動かせるような Flash 3D デモを Wonderfl に５つ投稿してみました。</p>
<p><span id="more-1093"></span></p>
<p>(5つのデモを同時に動かしりでもして、動作が遅くなったらページをリロードしてみてください。)</p>
<h3>シンプルな3D球面デモ(学習用)</h3>
<div style="text-align:center;width:465px;"><iframe title="[PV3D] Simple Sphere - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/fd2999a95f4cffbd95b6b607d1e50c61313f2734" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/fd2999a95f4cffbd95b6b607d1e50c61313f2734" title="[PV3D] Simple Sphere - wonderfl build flash online">[PV3D] Simple Sphere &#8211; wonderfl build flash online</a></div>
<h3 style="text-align: left; width: 465px;">被写界深度デモ</h3>
<div style="text-align:center;width:465px;"><iframe title="[PV3D] Field of Blur - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/5f309453be52a0422033514c8a7b4d9165e1755f" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/5f309453be52a0422033514c8a7b4d9165e1755f" title="[PV3D] Field of Blur - wonderfl build flash online">[PV3D] Field of Blur &#8211; wonderfl build flash online</a></div>
<h3 style="text-align: left; width: 465px;">3Dで花火シミュレーション</h3>
<div style="text-align:center;width:465px;"><iframe title="[PV3D] Fireworks - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/c30cb39ca9e601aad8d0c1ff74f332a5e4581db9" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/c30cb39ca9e601aad8d0c1ff74f332a5e4581db9" title="[PV3D] Fireworks - wonderfl build flash online">[PV3D] Fireworks &#8211; wonderfl build flash online</a></div>
<h3 style="text-align: left; width: 465px;">タイポグラフィー</h3>
<div style="text-align:center;width:465px;"><iframe title="[PV3D] Typography - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/9ff45422c8aad7e3c5adf47eb9c4349a413a9997" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/9ff45422c8aad7e3c5adf47eb9c4349a413a9997" title="[PV3D] Typography - wonderfl build flash online">[PV3D] Typography &#8211; wonderfl build flash online</a></div>
<h3 style="text-align: left; width: 465px;">ベクターフォントが使えるようになったPV3D</h3>
<div style="text-align:center;width:465px;"><iframe title="[PV3D] Vector Font on 3D World - wonderfl build flash online" src="http://wonderfl.kayac.com/blogparts/6a077f5db9d55bc70381cca4d8ce75ecfb3b1e0c" width="465" height="490" style="border:1px black solid;"></iframe><a href="http://wonderfl.kayac.com/code/6a077f5db9d55bc70381cca4d8ce75ecfb3b1e0c" title="[PV3D] Vector Font on 3D World - wonderfl build flash online">[PV3D] Vector Font on 3D World &#8211; wonderfl build flash online</a></div>
<h3>個人的な感想〜PV3Dを試し易くなったはず！〜</h3>
<p>今まで Papervision3D(PV3D) を試そうとすると、ソフトを入れたりクラスのパスを通したり、初めての方には敷居が高いこともあったかと思います。Wonderfl で PV3D が動くようになった事で設定もコストもかけずにコピペから試すことができるので、PV3Dの勉強をはじめる方にはかなりオススメな環境だと思いました！</p>
<h3>PV3Dはコード補完がポイント</h3>
<p>ちなみに PV3D は、コード補完の効く <a title="FlashDevelopのインストール(+Flex SDK3) | ClockMaker Blog" href="/blog/2008/08/install_flashdevelop/">FlashDevelop</a> か <a title="Adobe - Flex 3" href="http://www.adobe.com/jp/products/flex/" target="_blank">Adobe Flex Builder</a> を使う方が圧倒的に効率的なので、Wonderflに慣れてきたら次の方法で上記ソフトと併用してみるといいかもです。</p>
<ul>
<li><a title="WonderflするときはIt's All Text!を使おう (Unknown Quality)" href="http://un-q.net/2009/01/wonderflits_all_text.html" target="_blank">WonderflするときはIt&#8217;s All Text!を使おう (Unknown Quality)</a></li>
<li><a title="Saqoosha.net :: Flex Builder で Wonderfl 方法" href="http://saqoosha.net/2009/01/14/1678/" target="_blank">Saqoosha.net :: Flex Builder で Wonderfl 方法</a></li>
<li><a title="flabaka - wonderflをやる前に（It’s All Textの設定）" href="http://flabaka.com/blog/?p=382" target="_blank">flabaka &#8211; wonderflをやる前に（It’s All Textの設定）</a></li>
</ul>
<p>追記<br />
５つも投稿したら23時ぐらいに５つともTOPのランキング独占してました。(下のキャプチャは24時間過ぎてしまったらしく４つだけになってます)。<br />
<a href="http://clockmaker.jp/blog/wp-content/uploads/2009/02/090203_wonderfo.jpg" rel="shadowbox[post-1093];player=img;" title="090203_wonderfo"><img src="http://clockmaker.jp/blog/wp-content/uploads/2009/02/090203_wonderfo-266x200.jpg" alt="090203_wonderfo" title="090203_wonderfo" width="266" height="200" class="alignnone size-medium wp-image-1105" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2009/02/wonderfl_papervision3d/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Q.films ウェブサイト公開しました</title>
		<link>http://clockmaker.jp/blog/2009/01/launch_qfilms/</link>
		<comments>http://clockmaker.jp/blog/2009/01/launch_qfilms/#comments</comments>
		<pubDate>Wed, 14 Jan 2009 16:17:53 +0000</pubDate>
		<dc:creator>池田 泰延</dc:creator>
				<category><![CDATA[Flash 3D]]></category>
		<category><![CDATA[FlashDevelop]]></category>
		<category><![CDATA[Progression]]></category>

		<guid isPermaLink="false">http://clockmaker.jp/blog/?p=1015</guid>
		<description><![CDATA[久しぶりにプライベートでフルフラッシュのサイトを作りましたので紹介します。

Q.films(キューフィルムズ)という自主制作映画上映会のプロモーションサイトです。実は私はこのQ.filmsの企画メンバーの一人で、せっか [...]]]></description>
			<content:encoded><![CDATA[<p>久しぶりにプライベートでフルフラッシュのサイトを作りましたので紹介します。</p>
<p class="photo"><a href="http://q-films.info/" target="_blank" title="Q.films それは初めてにして最終回"><img class="alignnone size-full wp-image-1016" title="Q.films それは初めてにして最終回" src="http://clockmaker.jp/blog/wp-content/uploads/2009/01/090114_01.jpg" alt="Q.films それは初めてにして最終回" width="460" height="273" /></a></p>
<p>Q.films(キューフィルムズ)という自主制作映画上映会のプロモーションサイトです。実は私はこのQ.filmsの企画メンバーの一人で、せっかくイベントやるのでウェブサイトを作ってみようということで立ち上げました。</p>
<ul>
<li><a href="http://q-films.info/" target="_blank">http://q-films.info/</a></li>
</ul>
<p>イベント自体は2月11日〜15日に下北沢の<a title="トリウッド -- TOLLYWOOD" href="http://homepage1.nifty.com/tollywood/" target="_blank">トリウッド</a>で上映会をやります。企画内容は 「架空の連続ドラマの最終回だけを上映しよう！」 というヒドイコンセプトの上映会ですｗ スタッフは放送や広告業界の人で時間がなかなかとれないため、週末の少ない日数でどうすれば面白い作品ができるのか考えた結果「最終回だけ」上映するコンセプトが出来上がりました。最終回シリーズの作品はお馬鹿な感じに仕上がる予定なので、エンターテイメントとして楽しみながら鑑賞できると思います。私はショートフィルムの枠で映像作品を現在作ってまして、この上映会で発表します。</p>
<p>と、宣伝はこのぐらいにしておいて、Flasher向けのブログなのでサイトの紹介です。</p>
<p><span id="more-1015"></span></p>
<h3>Papervision3DとBox2Dの組み合わせ（トップページ）</h3>
<p class="photo"><a href="http://q-films.info/" target="_blank" title="Q.films トップページ"><img class="alignnone size-full wp-image-1017" title="Q.films トップページ" src="http://clockmaker.jp/blog/wp-content/uploads/2009/01/090114_02.jpg" alt="Q.films トップページ" width="460" height="200" /></a></p>
<p>立方体はマウスでつかんで投げられます。</p>
<h3>Papervision3Dの鏡面反射 (メンバー紹介ページ)</h3>
<p class="photo"><a href="http://q-films.info/#/member" target="_blank" title="Q.films メンバ−"><img class="alignnone size-full wp-image-1018" title="Q.films メンバ−" src="http://clockmaker.jp/blog/wp-content/uploads/2009/01/090114_03.jpg" alt="Q.films メンバ−" width="460" height="200" /></a></p>
<p>ステージをドラッグしたり、マウスホイールをぐりぐりすると思いっきり回転します。</p>
<h3>いつかの蝶々</h3>
<p class="photo"><a href="http://q-films.info/#/works" target="_blank" title="Q.films Works"><img class="alignnone size-medium wp-image-1019" title="Q.films Works" src="http://clockmaker.jp/blog/wp-content/uploads/2009/01/090114_04.jpg" alt="Q.films Works" width="460" height="200" /></a></p>
<ul>
<li><a title="Papervision3D演出サンプルNo.01:羽ばたく蝶々 | ClockMaker Blog" href="../2008/08/papervision3d_butterfly_reflection/">Papervision3D演出サンプルNo.01:羽ばたく蝶々<br />
</a></li>
</ul>
<h3>何年かぶりに作ったPHP応募フォーム</h3>
<p class="photo"><a href="http://q-films.info/system/ticket/form.php" target="_blank" title="Q.films 前売りチケット予約フォーム"><img class="alignnone size-full wp-image-1020" title="Q.films 前売りチケット予約フォーム" src="http://clockmaker.jp/blog/wp-content/uploads/2009/01/090114_05.jpg" alt="Q.films 前売りチケット予約フォーム" width="460" height="200" /></a></p>
<p>ぜひ前売りチケット予約ください！当日券よりも100円お買い得です。</p>
<p>Special Thanks ＞ M.W.さん</p>
<h3>使用したライブラリと開発環境</h3>
<ul>
<li><a title="Progression" href="http://progression.jp/ja/" target="_blank">Progression</a></li>
<li><a title="Papervision3D" href="http://blog.papervision3d.org/" target="_blank">Papervision3D</a></li>
<li><a title="AS3 Flash Physics Engine Box2DFlashAS3 2.0.1" href="http://box2dflash.sourceforge.net/" target="_blank">Box2DFlashAS3</a></li>
<li>Flex SDK (FlashDevelop)で開発</li>
</ul>
<h3>作ってみた感想</h3>
<p>せっかく作るなら、この勉強用ブログで貯めて来た知識とスキルを活用しようと思い立ったのがスタートでした。制作を開始したのが冬休みに入った12月27日からで帰省の新幹線の中でゴリゴリASを書くなどして、大体半月ほどで形になった感じです。Papervision3Dで画面遷移の管理が面倒で当初はイベント登録の消し忘れであったりしてヌルポエラーが続出しましたが、Progressionを利用し処理の流れを把握しやすくしたことでスクリプトが扱い易く制作することができました。</p>
<p>Flash Player 10対応のバリバリ最新サイトにしたかったのですが、10のバージョン判定だと友人の企業内PCで判定が落ちる(プラグインを勝手にアップデートできない)とかで、結果的にサイト閲覧数が減るのは意味がなくなるので諦め9に落として制作しました。この点がココロ残りです。</p>
<p>あとはフライヤーやチケットなど地道にデザインの横展開もしました。欲しい方がいらっしゃいましたらAdobe MAXやF-siteのときに声をかけて頂ければお渡しします！</p>
<p>最後に繰り返しますが、ぜひサイトご覧下さい〜！</p>
<ul>
<li><a href="http://q-films.info/" target="_blank">http://q-films.info/</a></li>
</ul>
<h3>まとめ</h3>
<p>このシリーズのエントリーは<strong><a href="http://clockmaker.jp/blog/progression/">「Progression チュートリアル」のまとめ</a></strong>にまとめています。</p>
]]></content:encoded>
			<wfw:commentRss>http://clockmaker.jp/blog/2009/01/launch_qfilms/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

