あらびき林檎。 » Flash http://splitchin.com/tech Macや, iPhoneでの,Webデザイン,アプリ開発などを綴ってます。 Sun, 06 May 2012 01:09:21 +0000 http://wordpress.org/?v=2.9.1 ja hourly 1 Flashを1回クリックしないと操作できなくなる問題 http://splitchin.com/tech/2011/04/05/flash%e3%82%921%e5%9b%9e%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%aa%e3%81%84%e3%81%a8%e6%93%8d%e4%bd%9c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%8f%e3%81%aa%e3%82%8b%e5%95%8f%e9%a1%8c/ http://splitchin.com/tech/2011/04/05/flash%e3%82%921%e5%9b%9e%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%aa%e3%81%84%e3%81%a8%e6%93%8d%e4%bd%9c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%8f%e3%81%aa%e3%82%8b%e5%95%8f%e9%a1%8c/#comments Mon, 04 Apr 2011 15:46:25 +0000 admin http://splitchin.com/tech/?p=1673 Flash　プロの現場の仕事術 CS5/CS4/CS3対応

2006.04.12のIEの更新プログラムをインストールすると、
Flashを1回クリックしないと操作できなくなる問題について、Adobeの解決策。

1. Adobe資料

アクティブコンテンツデベロッパーセンター – ADOBE DEVELOPER CONNECTION
http://www.adobe.com/jp/devnet/activecontent
ブラウザの更新に備えたアクティブコンテンツ使用Webサイトの準備
http://www.adobe.com/jp/devnet/activecontent/articles/devletter.html

2.Adobe Active Contents Developer Centerより引用

HTMLファイル内部に記述された<object>、<embed>、または<apple>tタグを使用してコーディングされたアクティブコンテンツを表示する前に、ユーザにクリックを促すメッセージが表示されます。ただし、複雑なFlash検出スクリプトを使用したサイトなど、外部スクリプトファイル（JavaScriptなど）によって生成されたタグを使用するHTMLページは、変化なく正常な動作を続けます。

  • 外部JavaScriptソリューション1：埋め込みコンテンツが1つまたは数個の場合
  • 外部JavaScriptソリューション2：複数の埋め込みコンテンツがある場合

AC_RunActiveContent.js：

AC_RunActiveContent.jsのダウンロード
外部JavaScriptソリューション2：複数の埋め込みコンテンツがある場合で、FlashおよびShockwaveコンテンツの回避策に使用するファイル。

利用方法

  • 1. AC_FL_RunContent.jsをアップして、読み込む。
  • 2. AC_FL_RunContent()にパラメーターを記述して呼び出す。
  • 3. noscript部分に、JavaScript OFF時の代替手段を記述する。代替Gifでも可能。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>

<body>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','100','height','22','src','button1','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','button1' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="100" height="22">
  <param name="movie" value="button1.swf" />
  <param name="quality" value="high" />
  <embed src="button1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="100" height="22"></embed>
</object></noscript>
</body>
</html>

]]> http://splitchin.com/tech/2011/04/05/flash%e3%82%921%e5%9b%9e%e3%82%af%e3%83%aa%e3%83%83%e3%82%af%e3%81%97%e3%81%aa%e3%81%84%e3%81%a8%e6%93%8d%e4%bd%9c%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%8f%e3%81%aa%e3%82%8b%e5%95%8f%e9%a1%8c/feed/ 0 Palm+Piece ブログパーツをリリース！ http://splitchin.com/tech/2010/08/12/palmpiece-%e3%83%96%e3%83%ad%e3%82%b0%e3%83%91%e3%83%bc%e3%83%84%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%ef%bc%81/ http://splitchin.com/tech/2010/08/12/palmpiece-%e3%83%96%e3%83%ad%e3%82%b0%e3%83%91%e3%83%bc%e3%83%84%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%ef%bc%81/#comments Thu, 12 Aug 2010 13:56:26 +0000 admin http://splitchin.com/tech/?p=1260

iPhoneアプリ「Palm+Piece」のブログパーツをリリースしました！

Graphic Designer @fromfmさんとのコラボアプリです。

ブログパーツは、W:160px-H:320pxの、Flash時計パーツとなっていて、
ブログパーツ.comさんのサイトにも掲載して頂いております。


詳細はこちら

↓　iPhoneアプリ、”Palm+Piece”の、ダウンロードはこちらから
AppStoreからダウンロード

]]> http://splitchin.com/tech/2010/08/12/palmpiece-%e3%83%96%e3%83%ad%e3%82%b0%e3%83%91%e3%83%bc%e3%83%84%e3%82%92%e3%83%aa%e3%83%aa%e3%83%bc%e3%82%b9%ef%bc%81/feed/ 0 Flash環境構築 – EclipseにActionScript3.0プラグインを入れる。 http://splitchin.com/tech/2010/01/11/flash%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89-eclipse%e3%81%abactionscript3-0%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/ http://splitchin.com/tech/2010/01/11/flash%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89-eclipse%e3%81%abactionscript3-0%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/#comments Mon, 11 Jan 2010 12:27:24 +0000 admin http://splitchin.com/tech/?p=616 最上位ＳＥＯ

Adobe Flex

大体、思いつく限りだと、ActionScript3.0で制作するためのツール・環境は、下記の様になると思います。

No. ツール ライセンス Windows Mac
1 Flash CS 有料 ◯ ◯
2 Flex Builder 有料 ◯ ◯
3 Flex SDK + テキストエディタ 無料 ◯ ◯
4 FlashDevelop 無料 ◯ ×
5 Carbon Emacs + ECMAScript-mode 無料 × ◯
6 XCode +CoreSWF 無料 × ◯
7 Eclipse + AXDT 無料 ◯ ◯

スタンダートなところだと、FlashDevelopか、FlexBuilderだと思いますが、お金がないのと、会社だとWindows,家だとMacという困った環境なので、IDEが違うと作業効率が悪いのと、Android SDK、Google Apps Engineで、Eclipseを使用していたので、Eclipseに、AXDTプラグインをインストールする方法を試してみました。

1. Eclipseを入手する。

もし、Eclipseをまだインストールしていなければ、こちらから入手して、インストールします。

私は、Google Apps EngineやAndroidで、Javaを勉強中なので、「Eclipse IDE for Java Developers」を使っています。

2.EclipseのActionScript用プラグイン「Axdt」を追加する。

Axdt(ActionScript x Development Tools)とは

http://axdt.org/
ActionScript3開発用Eclipseプラグイン。
EclipseでFlexでのActionScriptやMXML開発を支援します。

  • Flex Design View：ドラッグ＆ドロップでの、UIデザイン
  • xsd4mxml project：ソースコードの自動補完
  • ActionScript・MXMLのビルド＆実行

3. Eclipse にAXDTをインストールする

Eclipse 3.5での設定方法の履歴です。
※他のVersionの方は、こちらから。

1. Eclipseを起動します。

「Help」- 「Install New Software」を選択します。

Eclipse - Install New Software

2. IMPサイト「http://download.eclipse.org/technology/imp/updates」を、追加します。

Eclipse imp

Eclipseを再起動します。

3. AXDTサイト「http://update.axdt.org/」を追加します。

Eclipse AXDT

Eclipseを再起動します。

4. Parspectiveを開きます。

「Window」-　「Open Parspective」- 「Other」-「AXDT」を開きます。

Parspective

これで、Eclipseで、ActionScript3.0の記述とビルド環境が整いました。
次に、サンプルコードを入れて、ビルドできるか確認してみます。

4. ActionScript3.0 を書いて、Buildしてみる

新規AXDT Projectを作成します。

とりあえず、円を作るサンプルを動かすので、「circle」としておきます。

AXDT Project

「src」フォルダに、新規ActionScript3.0ファイルを作成します。
左メニューから、「src」フォルダを、右クリックして、「New AS3 File」を選択します。

New ActionScript3.0

ファイル名「circle」の、ラジオボタン「Class」で作成します。

New ActionScript3.0

src/circle.as に、以下のような、円を表示するサンプルActionScript3.0を記述します。

ActionScript3_0

circle.as 円を描くサンプル

// Test ActionScript3.0 on AXDT
package  {
	 	import flash.display.*;

        public class circle extends Sprite {
                //--------------------------------------
                //  CONSTRUCTOR
                //--------------------------------------
                public function circle() {
                        //Setting Stage
                        stage.align = StageAlign.TOP_LEFT;
                        stage.scaleMode = StageScaleMode.NO_SCALE;

                        var circle:Sprite = new Sprite;
                        circle.graphics.beginFill(0x333333);
                        circle.graphics.drawCircle(320, 240, 100);
                        addChild(circle);
                }
        }
}

ビルドします。

AXDT　SWF実行

SWFが実行され、円が表示されました。尚、実行ファイルは、/deployにあります。

]]> http://splitchin.com/tech/2010/01/11/flash%e7%92%b0%e5%a2%83%e6%a7%8b%e7%af%89-eclipse%e3%81%abactionscript3-0%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4%e3%83%b3%e3%82%92%e5%85%a5%e3%82%8c%e3%82%8b%e3%80%82/feed/ 0 Flash CS4 ボタンシンボルに、アクションが記述できない。 http://splitchin.com/tech/2009/12/17/flash-cs4-%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%b7%e3%83%b3%e3%83%9c%e3%83%ab%e3%81%ab%e3%80%81%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e8%a8%98%e8%bf%b0%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/ http://splitchin.com/tech/2009/12/17/flash-cs4-%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%b7%e3%83%b3%e3%83%9c%e3%83%ab%e3%81%ab%e3%80%81%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e8%a8%98%e8%bf%b0%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/#comments Thu, 17 Dec 2009 14:57:07 +0000 arakkyee http://splitchin.com/tech/?p=43 Flash CS4で、ボタンシンボルのインスタンスに、
アクションが記述できなくて驚きました。

AS3.0からは、ボタンシンボルに、
直接アクション記述出来なくなったんですね。（今更！）



]]> http://splitchin.com/tech/2009/12/17/flash-cs4-%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%b7%e3%83%b3%e3%83%9c%e3%83%ab%e3%81%ab%e3%80%81%e3%82%a2%e3%82%af%e3%82%b7%e3%83%a7%e3%83%b3%e3%81%8c%e8%a8%98%e8%bf%b0%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84/feed/ 0 FlashのHTMLの埋込み。　SWFObject v2.0 http://splitchin.com/tech/2009/12/17/flash%e3%81%aehtml%e3%81%ae%e5%9f%8b%e8%be%bc%e3%81%bf%e3%80%82%e3%80%80swfobject-v2-0/ http://splitchin.com/tech/2009/12/17/flash%e3%81%aehtml%e3%81%ae%e5%9f%8b%e8%be%bc%e3%81%bf%e3%80%82%e3%80%80swfobject-v2-0/#comments Thu, 17 Dec 2009 14:12:40 +0000 admin http://splitchin.com/tech/?p=37 FlashのSWFファイルを<object>タグ, <embed>タグを使用せずに、
JSライブラリで、手軽にHTMLに埋込める、SWFObjectを使ってみました。

ダウンロード＆資料

サンプルページ

1. swfobject.jsを読み込む

<script type="text/javascript" src="swfobject.js"></script>

2. swfobject.jsを読み込む

<script type="text/javascript">
var flashvars = {
// ここに、swfに渡す引数
}
var params = {
wmode: "transparent"　//params指定
};
var attributes = {};
// swf(FLASH素材)ファイル名、
// 置き換えるオブジェクト名(swfを組み込むdivタグのid名)、
// 横の長さ、
// 縦の長さ,
swfobject.embedSWF("mp3moji.swf", "mp3moji", "180", "15", "9.0.0","", flashvars, params, attributes);
</script>

3. Flash組み込み部分　＆　Flash代替コンテンツ

<div id="mp3moji">
<!--  Flash代替コンテンツ -->
<a href="test.mp3">voice01</a>
<!-- / Flash代替コンテンツ -->
</div>
]]> http://splitchin.com/tech/2009/12/17/flash%e3%81%aehtml%e3%81%ae%e5%9f%8b%e8%be%bc%e3%81%bf%e3%80%82%e3%80%80swfobject-v2-0/feed/ 0