Bobby van der Sluis Refunk* bobbyvandersluis.com* 目次 はじめに SWFObject 2とSWFコンテンツの埋め込み SWFコンテンツのカスタマイズ Adobe Express Installの使用 スタティック・ダイナミックパブリッシングの仕組み JavaScript API 印刷用に表示 作成日:2008年10月15日 ユーザレベル:中級, 上級 製品:Flash Player WebページにSWFファイルを埋め込む方法として、標準規格との親和性に優れた複数の手段を提供するのがSWFObject 2です。 SWFの可能な限り簡単な埋め込みを目標に開発されたSWFObject 2は、JavaScriptを用いることで、Flash Playerを検知したり、破損したSWFコンテンツを回避することができます。また、プラグインなしでWebを

はじめに Adobe AIR 2.0 の新機能であるマルチタッチ機能を活用したアプリケーション Touch Viewer は、指定ディレクトリまたは、マウントした USB ストレージデバイス直下に保存されている画像ファイル JPG、GIF、PNG 形式 を一覧表示して、選択した画像を閲覧することのできる Flex 4 ベースの画像ビューアアプリケーションです。 この記事では、Touch Viewer で使用している Adobe AIR 2.0 の API について、具体的に説明していきたいと思います。 ダウンロード 重要: このサンプルアプリケーションは、AIR 2 betaの機能を体験するために作成されています。お試しになる場合は、AIR 2 beta ランタイムを先にインストールする必要があります。なお、既にAIR 1.xのランタイムがOSにインストールされている場合は、上書きされてし

2010年6月9日にAdobe AIR 2がリリースされました。約2年半振りのメジャーバージョンアップとなり、多くの新機能追加と機能強化が行われています。本連載（全10回予定）では、 それら機能について詳しく説明するとともに、サンプルアプリを用いながらその使い方を解説していきます。 ・第1回 Adobe AIR 2をはじめよう ・第2回 サーバーソケット／ データグラムソケットなどのネットワーク系機能 ・第3回 Safari 4.0.3 と同等の WebKit を搭載 第1回目は「Adobe AIR 2をはじめよう」と題し、あらためてAdobe AIRと新機能の概要を説明するとともに、「開発環境の構築→アプリ作成の手順→配布」とAIRアプリケーションを作成する際の一連の流れについて解説します。 本記事のサンプル：AIR2master01sample.zip Adobe AIRとは AI

iPhone（iPhone 3G/3GS）／iPod touchは、PC向けサイトがそのまま表示できるところが大きな魅力の一つです。しかし、小さな画面や、指で操作するとインターフェイスなどのようにデバイス特有な面も多く、PC向けサイトのままでは必ずしも見やすいとはいえません。そこで本記事では、Dreamweaverを使ってiPhone向けサイトを作る時のテクニックや注意点をご紹介します。 必要条件 この記事を最大限に活用するには、次のソフトウェアが必要です。 Dreamweaver CS5 体験版 今すぐ購入 制作したサイトの表示結果を確認する方法 ライブビューでプレビューする Dreamweaver CS5（および CS4）には「ライブビュー」機能が搭載されており、ページのレンダリングにはWebKitエンジンを利用しています。iPhoneのSafari（Mobile Safari）も

Flex チュートリアル＆記事

テキストを自由にアニメーションさせたい、もっと美しい文字でテキストを表示したいと思ったとき、テキストフィールドでは難しい場合があります。その悩みを解決するのがFlash CS4から搭載された新テキストエンジンです。今回は新テキストエンジンを使うためのTextBlockクラスにチャレンジです！ サンプルファイル : edge_oshige_07_sample_fla.zip (47KB) 新テキストエンジンを使う TextBlockクラスはFlash CS4（Flash Player 10、AIR 1.5）で新機能として搭載された新テキストエンジンを利用するためのクラスです。CS4次期バージョンでは正式に搭載される予定のText Layout Framework (TLF)も新テキストエンジンを利用するために提供される機能ですが、ActionScriptのコーディングレベルでとらえたときに両

株式会社ワンパクの近藤＆杉山の師弟コンビがDreamweaverの覚えておきたい便利な機能や、見落としていた機能などをお届けする本連載。今回で最終回となりました。最後に取り上げるのはDreamweaverの 「拡張機能」です。拡張機能をインストールすれば、Dreamweaverには搭載されていない機能を加えることができ、自分好みにカスタマイズすることができます。そして、「杉山のこれ知ってます？」のコーナーでは、ダミー画像を簡単に用意できるイメージプレースホルダーと、ファイル操作を制限できるクローク機能について紹介します。 入れておくと便利！ オススメ拡張機能 杉山：師匠～！ 便利なもの見つけちゃいましたよ～(*^▽^*)/ 近藤：なんだ？ 杉山：Dreamweaverの拡張機能です！ ただでさえ便利なDreamweaverが、拡張機能をインストールすると、ますます便利になっちゃうんですね！

Adobe Photoshopを下取りする場合 Adobe Photoshop CS4 Adobe Photoshop CS4 Extended Adobe Creative Suite CS4各製品 Adobe Creative Suite 4 Master Collection / Production Premium / Design Premium / Design Standard / Web Premium / Web Standard日本語版または英語版 Windows / Mac 製品版 Adobe Illustratorを下取りする場合 Adobe Illustrator CS4 Adobe Creative Suite CS4各製品 Adobe Creative Suite 4 Master Collection / Production Premium / Des

スクリプトでフィルタを適用する方法と聞けば、難しそうに感じするかもしれませんが、実は簡単にできます。しかも、プロパティインスペクタの[フィルタの追加]メニューにあるのは7種類ですが、スクリプトではそれ以外にも3種類のフィルタを扱うことができます。ムービークリップとビットマップへフィルタを適用する方法を丁寧に解説していきますので、ぜひこの機会にマスターしてください。 サンプルファイル : edge_oshige_05_sample_fla.zip (533KB) 表示オブジェクトにフィルタをかける 前回の宿題を覚えていますか？　そうです。コレです。FLVに何やら模様が合成されているというやつですが、これはCS4から利用できるようになったShaderフィルタをFLVに適用しています。そこで今回はShaderフィルタの解説を……と思いましたが、いきなりShaderの説明に入るのはハードルが高いの

今回のテーマはFLVです。最近、FLVをブラウザのウィンドウいっぱいに広げたり、フルスクリーンで再生しているサイトを見かけます。あれはどうやっているのでしょうか？　さらに、そうしたFLV映像の前面にロゴやボタンなどのグラフィックを表示するにはどうすればいいのでしょうか？　FLVの疑問を今日こそ解決しましょう！ なお、記事の最後には、前回出した配列の宿題の回答を発表していますので、ぜひチェックしてください。 サンプルファイル : edge_oshige_04_sample_fla.zip (1.09MB) 縦横比率を変えずに FLV を再生する FLVを再生するには FLVPlayback コンポーネントか VideoPlayer クラスを使います。VideoPlayer クラスも難しくはありませんが、スキンつまりFLVのコントローラを使える FLVPlayback コンポーネントはやっぱ

今回のテーマは配列の値の並べ替えです。配列は複数の値を管理したいときに便利な機能です。CS4 からは配列を扱うクラスに Vector クラスが加わりましたが、基本的には Array クラスと同じです。配列を使うときに、よく分からなくて、頭の中が混乱していませんか？　配列を使いこなせてこそ一人前。配列を使ってスマートなスクリプトを書きましょう。 サンプルファイル : edge_oshige_03_sample_fla.zip (942KB) 配列の値をソートしよう 配列の値を並べ替えることをソートと言います。メソッドはsort()です。ここで配列を扱うとき注意しなければならないことがあります。さっそく例を見てみましょう。 [sample] Array_sort_1.fla 配列colorsの値を昇順、降順にソートします。 var colors:Array=["green","red","wh

大重美幸の「これ見落としてませんか？　ActionScript 3.0」 第2回 外部 swf ファイルのシンボルを利用する 第2回目のテーマは、「外部 swf ファイルの活用」です。みなさん、外部 swf ファイルをムービーに読み込む方法は知っているでしょう。では、外部 swf ファイルのシンボルにアクセスする方法となると、どうでしょう？ 例えば、外部 swf ファイルのライブラリにある書き出し設定したムービークリップシンボルやフォントシンボルを利用するとしたら。いきなり難しい！と逃げ腰になった人も居るかもしれませんが、それだけにちょっとお得感もありますよ。人から聞かれたときにスラッと答えられれば、ポイントアップ間違いなし！ サンプルファイル : edge_oshige_02_sample_fla.zip (231KB) 「外部 swf からムービークリップやフォントを読み込める？」 い

大重美幸の「これ見落としてませんか？ ActionScript 3.0」 第1回 あなたが思う以上に自由自在な「Button コンポーネント」 このシリーズでは、ActionScript 3.0 がだいたいわかった、使えるようになってきたぞという人に、「これ見落としてませんか？　知ってますか？」というようなちょっとした質問をしていき たいと思います。ActionScript 3.0 を使いこなしている人もぜひ一緒に答えを考えてみてください。「あ、そうだったんだ」と新しい発見もあるかもしれませんよ。 第1回目のお題は「Button コンポーネント」です。コンポーネントインスペクタではイメージを入れ替えたりできないから、味気ないボタンしか作れないと思っていませんか？　いえいえ、Button クラスを使えば、見た目を変えることはもちろんのこと、ロールオーバー時などのスキンを設定したり、ちょっとし

FeliCaとは、ソニーが開発した非接触ICカードの技術です。FeliCaを知らなくても、EdyやSuica、おサイフケータイは知っている、あるいは使ったことがあるという方は多いでしょう。これらのサービスを実現しているのが、FeliCaです。FeliCaの特徴は、「数KB程度のメモリを持ち、触れるだけで通信できる」という点です。現在は、主に電子マネーや交通系電子乗車券として使われていますが、ネットとの親和性も高く、アイデア次第では様々な用途に使うことができそうです。 ソニーでは、アドビ システムズ社の協力を得て「SDK for FeliCa & Adobe AIR/Adobe Flash」を開発し、間もなく提供を開始します。本記事では、FeliCaのネットでの活用シーンや、SDKの内容についてお届けします。ぜひ、いろいろと試してみて下さい。 ソニー株式会社　FeliCa企画開発部門　

本連載の第1回目では、「日本におけるFlash Liteの仕様」について解説しました。第2回目では、「待ち受け時計を作る」をテーマに解説する予定でしが、前回の反響が大きかったため急遽予定を変更して、仕様面に関してもう少し解説しておきたいと思います。今回は「FlashLiteの再生環境」についてです。 日本の携帯電話の場合、Flash Liteコンテンツは「ブラウザ」「画面メモ」「データフォルダ」「待ち受け」「着Flash」「デコアニメ」「着せ替えメニュー」など様々な箇所で再生できます。実は、再生環境によって、Flash Liteで利用できる機能に違いがあります。例えば、ブラウザではキー操作に反応するインタラクティブコンテンツを再生できますが、待ち受けではキー操作は無効となります。 Flash Liteコンテンツを制作する際には、前回解説したキャリアごとの技術仕様に加えて、再生環境における機

西田 善彦氏 storage.goodmix 本記事で紹介している「Flash Helper Scripts」は、Flash/ActionScript開発のためのオープンソースコミュニティ「Spark project」にて共有・提供されています。Spark projectでは、その他にもさまざまな用途のライブラリやソースコードが公開されています。ぜひ、チェックしてみてください。 Flashサイトを構築する際に、サイトデザインやデザインパーツをPhotoshopで作成し、それをFlashに読み込んでオーサリングしている人も多いでしょう。バージョンアップとともに、FlashとPhotoshopの連携は強化されてはいるものの、現状の機能だと物足りなさを感じている人はいませんか？　本記事では、FlashとPhotoshopの連携をもっとスムーズに、もっと便利にするスクリプト集を紹介します。

Progressionオススメ拡張機能：Flashサイトの全ページを自動的にPDF化する「CaptureSheetMaker」 みなさん、「Progression」というFlash用フレームワークをご存じでしょうか。Progressionを使えば、Flashサイトであっても、HTMLサイトのようなページ構成や画面遷移といったサイト基本機能を簡単に実装することができます。すでに多くのクリエイターが利用しており、個人サイトだけでなく、企業サイトでもProgressionが採用されています。 Progressionには豊富な機能が用意されていますが、さらにProgression用拡張機能を使って様々な機能を追加することができます。そして、先頃、Progressionをもっと便利に、もっと楽しくしようと「extends Progression 拡張機能コンテスト」が開催されました。受賞作品をみる

FLARToolKitって？ FLARToolKitというのは、最近流行のAR（拡張現実）ってのをFlashで簡単に作ることができるライブラリです。実際、ARを取り入れたプロモーションサイトを見かけるようになりました。たとえば、「GE | Plug Into the Smart Grid」や「Living Sasquatch」というサイトを見たことないですか？ North KingdomとGoodby Silverstein & Partnersが手掛けた「GE | Plug Into the Smart Grid」をきっかけに、Web業界でもARに注目が集まり始めました こういったサイトでは、カメラ映像内にリアルタイムで電子情報を付加することができるコンテンツが用意されています。そこに使われているのがFLARToolKitなんです。 FLARToolKitがやってくれるのは、「マーカー」