その中、最初の一般セションで紹介された、「SQUARE-ENIX MEMBERSのコードネーム: BARTS」の内容をまとめてみました。

スピーカはコーポレート・エグゼクティブ「橋本　真司」さんとオンライン事業部のディレクター「小林　吉彦」さんでした。

約６年ほど前からサービスしているSQUARE-ENIX MEMBERSは、ゲームを買い上げした人建ちをメインにいろんな会員制サービスを提供してきています。
ここで、会員たちは3Dアバータを生成し、サイト内で遊ぶことができます。
アバータのパーツはすでに１万点以上のパーツが登録されているようです。

この３年間になってからは、3Dアバータを利用して、ゲーム会社らしいサービスを考えてみたようですが、ブラウザ上の制限により、実現できなかったと言いました。

そのような条件の中、Stage3Dが発表され、これを利用して新しいサービスとして適用できるのではないかと思い、今回紹介されたコードネーム BARTS が開発進行中されたと言いました。

下記はそのデモの映像です。

動画の中のデモはブラウザ上でリアルタイムで動作できるFlashゲームで、Wiiソフト Final Fintasy クリスタルクロニクルクリスタルベアラーからモンスター「バハムート」とバトルフィールドマップのモデリングデータをそのまま持ってきて表示したものだと言いました。

ポリゴンの数が約20,000ポリゴンにもかかわらず、フレームレートは30~40フレームで安定されています。
このゲームで登場するキャラは実際にSQUARE-ENIX MEMBERSでサービスしているアバータになるので、自分が好きな服やアイテムを選択してゲームに適用することも可能だと言いました。
それから、ソーシャルゲームなので、友達を読んで一緒にモンスタと戦うこともできます。

最後に、Flashをプラットフォームとして選択した理由は、現在の普及率を考えたら当然なことで、大分の人たちがインストールなしで、ブラウザ上のFlashで遊ぶことができるからと言いました。
実際に、グラフィック性能が向上したことで、従来のコンシューマゲームがソーシャルゲームで遊べることができること、すなわち、新しい遊び方の提供を目的としてプロジェクトを進行していると言いました。

Flashの3DライブラリはAlternativa3Dを利用し、業界で3D制作で有名なclockmakerさんも関わっていると言いました。

2012年の春に公開できるようですので、楽しみですね！

今年も世界CMフェスティバルに行ってきました。
夜(22時)から翌日の朝(6時30分)まで世界のCMを見続けます。

日本ではなかなか見れない貴重なCMもありますので、興味のある方はぜひいってみてください。
※12/9 大阪で開催予定です。

今年は#CMFES というハッシュタグでみなさんがつぶやいた内容を確認して、YOUTUBEから検索してみました。

“Never Say NO to Panda: パンダにはNOって言わないで。” というキャッチコピーで最高の人気作（？）になった、「パンダチーズ」。

SKODA SUPERB GLASS HARP (Škoda Superb Skleněná Harfa)

“Life’s for Sharing” というキャッチコピーですごく楽しいパフォーマンスを見せてくれた「T-Mobile」シリーズ。

「T-Mobile」シリーズ。

「T-Mobile」シリーズ。

「T-Mobile」シリーズ。

「VISA」

「Tutti Fruitti」のジュンジ先生。

それでも、写真編集のメインツールとして LightRoom を選択してなかった理由としては、作業スピードでした。

自分のようなアマチュアの時点で見ると、撮影した写真をFlickrやFacebook、ブログなどにアップロードする目的が多いです。

そこに対して、いくら管理機能や詳細機能が良くても、さくさく動作できないと利用頻度はだんだん減ってしまい、いつのまにか使わなくなります。

まさに自分もそうで、いろいろ悩んだんですが、結局選択したのは、ファイルの管理はローカルフォルダーやFlickrを、補正ツールとしてはPhotoshop Camera Rawを利用することでした。
※Photoshop Camera Rawは、全体的な管理モジュールはありませんが、大量のRaw形式のファイルの読み込み、補正、それから書き出すまでの流れがすごく簡単につながります。

最近にきて、ローカルフォルダーが多くなり、手動で一々管理するのに時間がかかってしまって、やっぱり全体的なファイル管理を自動にしてくれるツールが必要になったことにより、再度 Lightroom3 の購入を考えてみました。

本日、家のPCにインストールして、立ち上げて簡単にRawファイルを触ってみた感想はLightroom2に比べて、動作スピードがかなり早くなったことです。
※もちろん、自分のPC環境が改善されたこともありますけど。。

そこで、本ブログでは、Lightroom3の機能の使い方や自分が感じた感想、PhotoshopのCamera RawやカスタマイズTone Curveの使った色補正方法みたいな自分の経験をベースにしたノーハウなどを投稿してみようと思っています。

関連外部リンク

• Flash Player 11の新規機能
• AIR 3の新規機能

2011年 10月 3日に公開された、Flash Player 11とAIR 3の新機能を一つ一つ調べてみます。

今回は DisplayObjectContainer.removeChildren について説明します。
まず、DisplayObjectContainer とは、画面に表示できる表示用オブジェクトを子として持つ基本クラスです。
removeChildren()は指定された範囲（もしくは全て）の子をremoveChild()してくれます。

リファレンスには以下のように説明されています。

public function removeChildren(beginIndex:int = 0, endIndex:int = 0x7fffffff):void
// Parameters
beginIndex:int (default = 0) — The beginning position. A value smaller than 0 means all child objects from the beginning of the list.
endIndex:int (defalut = 0x7fffffff) — The ending position. A value smaller than 0 means all child objects to the end of the list

引数がない場合は、すべての子をremoveChild()します。
引数を指定する場合、beginIndexからendIndexまでの間にaddChild()されている子をremoveChild()します。
※endIndexで指定できる最大数は0x7fffffff(2^32-1 = 2,147,483,647)個になります。

サンプルデータを作成してみました。
※画面をクリックしてSpriteをaddChild()/removeChildren()できます。

以下はサンプルデータのコードになります。

では、今までよく使用されたコードとパフォーマンスがどのように違うか試してみましょう。
比較したコードは以下になります。

※Repeatの部分に1~10000間の数字を入力すると、n個のSpriteをaddChild()し、removeChildren()が終わるまでのかかる時間を表示します。

自分のPCで表示された数字は以下になります。

処理する数が500個の場合はほぼ変わらないですが、10,000個の場合は約16倍の差が発生するのが分かります。

ちなみにこのようなテストもしてみました。

内容は以下の３つに分けて書いています。

• Adobe Creative Cloud
• Flash Platformの進化
• HTML5の受け入れ

記事リンク: Adobe MAX 2011 参加報告

技術関連記事はこのブログを通して、少しつつアップデートしていきたいと思います。

※（AIR3を含め）手動で追加するのは、上条さんのブログにも登録されていますので、ご参考ください。
>> Flash Professional CS5.5 で Flash Player 11 と AIR 3 を使う方法

拡張機能の追加は簡単です。
まず、開いているFlash Proを終了して、
自分のCSバージョンに合うmxpファイルをブログからダウンロードします。
※mxpは「Adobe Extension Manager」を利用してインストールできます。

ブログでこのファイルをダウンロードします

ダウンロードされたzipを解除します。

mxpファイルをダブルクリックするとインストールが開始されます。
※実行されない場合は、「Adobe Extension Manager」を開いて、「インストール」からダウンロードしたmxpファイルを選択してインストールに進んでください。

インストールが完了されましたら、「Adobe Extension Manager」は終了して、Flash Proを起動してみましょう。
下記のようにFlash Player 11が追加されていることが分かります。

では、実際に Flash Player 11 の制作が可能か試してみましょう。

※FP11で追加されました、removeChildrenメソッドがコードヒントに表示されました。

Publishingの部分を確認してみましょう。
Flash Pro CS5/CS5.5の内部Flash Playerのバージョンはまだ、10.xですので、Ctrl + Enter（もしくはCmd + Enter）で「ムービープリビュー(Test Movie)」モードでは正しく動作できません。
※Galvanのブログによると、ユーザ側でこのプレイヤーを変更することはできないと言ってます。

removeChildrenメソッドを使った場合のエラー

ですので、F12（もしくはCmd+F12）でHTMLを生成して、ブラウザで確認しましょう。

Stage3Dコンテンツをレンダーリングできるように、HTMLテンプレートを「Flash WMODE Direct」にしておくのも良いでしょう。

wmodeがdirectに設定されていることが分かります。

• Adobe MAX 2011 Official Flickr
• _a1_さんのFlickr
• nariyuさんのFlickr
• shoichi30さんのFlickr
• s2iriのFlickr
• s2iriのFlickr(MAX野郎2011 団結式写真)

Adobe TV: http://tv.adobe.com/jp/show/max-2011-keynotes/
Link: Adobe MAX Keynote Announcements – Day1
Link: The introduction of Adobe Touch Apps
* SIRIZ Flickr: Adobe MAX 2011 関連写真
* SIRIZ Flickr: MAX野郎2011 団結式写真

1日目: 創造性の解放 – Adobe Creative Cloud

1日目にはAdobe Creative Cloudについての話でした。
簡単な概要をはじめ、３つのテーマで構成された内容が発表されました。
この記事では、１日目で紹介された内容や事例のURL、画像などを共有したいと思います。

Overview(概要)

• Storage: 20GB
• Service Link: https://creative.adobe.com/
• Article: Adobe Unveils Creative Cloud

3 Themes(３つのテーマ)

• Creative Services
• Business Catalyst
• Fonts
• Case 1: The New Yorker
• Case 2: the Expressive web beta
• Study Case: Typekit
• Case A: The NewYork Times – The Opinion Pages
• Case B: Jax Vineyards
• Case C: Twitter 2010: Year in Review
• Case D: TwoPaperDolls
• Case E: Lost World’s Fairs
• Digital Publishing
• Over 6,000,000 magazines within 5 months(５ヶ月で登録された電子雑誌が６百万部以上)
• Link: Adobe Digital Publishing Suite
• Case: Digital Publishing Suite customers
• Article: Adobe Digital Publishing Suite, Single Edition Democratizes Tablet Publishing
• Study Case 1:Vanity Fair, Vanity Fair – iPad App
• Study Case 2: Wood Wing
• Case 1: Preflight Safety for Hang Gliding
• Case 2: Mascord Living Spaces
• Case 3: eBoy Pixorama – iPad App
• Case 4: Drawing with passion&logic, Erik Natzke
• Link: Adobe InDesign
• Adobe Digital Publishing Suite Acrobat App
• Link: Digital Publishing Suite Guide
• Download: Folio Producer Windows
• Download: Folio Producer Macintosh
• Creative Community
• Cloud上にアクセスしているユーザがお互いに協力したり情報を共有することができるサービス
• Service URL: http://creative.adobe.com
• 自分が作業した様々なファイルタイプのコンテンツがアップできる。
• カラー情報をKulerサービスを利用してパレット形式に表示ができ、ASE(Adobe Swatch Exchange)ファイルでダウンロードもできる
• 様々なデバイスの解像度に対応したレイアウト(CSS3 Media Query使用?)
• .psd(PhotoShop)の場合レイヤー管理が可能
  
• .indd(InDesign)の場合はFontsの管理が可能
  
• Share Optionsで外部にリンクやコメントを共有することが可能
  
• 自分の作業したコンテンツをProfilingしたり、フォローしているユーザの作品をまとめてみたり(Inspiration Gallery)することが可能
  ※By Discipline(ルールにより)、By Tool(ツールにより)、By Color(色により)、By Typeface(フォントにより)絞り込むことが可能
  
  
• Creative Apps
• Touch Apps Family: Photoshop Touch、Debut、Proto、Collage、Ideas、Kuler
• IOデバイスの進化: Punchcards ⇒ Terminal ⇒ Mouse ⇒ Touch
• Adobe Ideas: ペンツール、消しゴムツール、カラーパレットを利用して、Vectorイメージが作成できるツール
  
• レイヤー利用可能
• カメラーロールや外部のBitmapイメージの読み込みも可能
• Cloudにアップロードすると、Cloudサービスに接続されているデスクトップにも同期される ⇒ reative Cloudフォルダーに.idea拡張子のファイルが同期され、AIなどのツールで利用可能。
  
• Tech specs: System requirements
• OS: Android 3.1以上、iOS3.1以上
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800以上
• お勧めオプション: Camera
• Adobe Carousel: Adobe Photoshop Lightroomと同じ写真処理技術を利用する、写真ライブラリを管理したり、加工したりできるツール
  
• 指定のユーザと写真ライブラリの共有が可能
• FacebookやTwitter、Thumblrに共有が可能
• モバイルの場合、カメラロールの利用が可能
• Tech Specs: System requirements
• Kuler: カラーテーマを生成、確認、ダウンロード、共有できるツール
  
• Kuler Official Site
• Tech Specs: Tablet requirements
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800px以上
• Adobe Collage: 画像に絵を描いたり、テキストを入力したりして、アイディアやコンセプトを管理できるツール
  
• Tech Specs: Tablet requirements
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800px以上
• Adobe Debut: Adobe Creative Suiteを利用して、より効果的なプレゼンテーションができるようにしてくれるツール
  
• Tech Specs: Tablet requirements
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800px以上
• Adobe Proto: インタラクティブ的な形で、ウェブサイトやモバイルアプリのワイヤーフレームやプロトタイプが生成できるツール
  
• 複数のペーズを生成し、リンクさせることが可能
• 指定ジェスチャー16種類とツールバーを利用して、HTML5ベースのソースが簡単にできる ⇒ Cloudにアップして、DreamWeaverなどのツールで弄ることが可能
• Tech Specs: Tablet requirements
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800px以上
• Adobe Photoshop® Touch: Photoshopの主な機能をタブレット用に使用できるツール
  
• 新規で画像を生成したり、ツールバーやレイヤー、フィルターなどの機能が可能
• 外部共有機能: Upload to Creative Cloud(Cloudにアップロード)、Save to Camera Roll(カメラロールに保存)、Share to Facebook(Facebookに共有)、Share by E-mail(E-mailにて共有)
• カメラロールを利用して撮影した写真を利用することが可能
• Tech Specs: Tablet requirements
• Displayサイズ: 8.9-inch以上
• Display解像度: 1280×800px以上

Speaker Information

• Richard Galvan
• Product Manager, Web and Interactive
• Adobe TV: FLASH PROFESSIONAL SNEAK PEEK: A GLIMPSE AT THE FUTURE

Agenda and Disclaimer

• Flash Next Themes(Reuben)
• New Features
• Demos
• Whats Next! Flash NEXT next

Key Features in Flash Professional CS5.5

• Expanded platform and device support
• Deliver AIR apps to mobile devices
• Deliver to Internet-enabled televisions
• Efficient multi-target workflows
• Multi-target project setup and asset sharing
• Shared project format with Flash Builder
• Enhanced layer control
• Perfomance optimization
• Symbol rasterization
• ‘visible’ and cacheAsBitmap opaque background color properties in Pl
• TLF performance and usability enhancements
• Streamlined publishing workflow
• On-device testing and debugging
• Enhanced code snippets handling
• Over 20 new mobile & AIR snippets
• Code preview & visual instance linking
• Customer-inspired enhancements
• Inverse kinematics pinning support
• Auto-save and file recovery
• Incremental compilation
• Integrated controller with loop range

Taking Multi-screen and Multi-platform to the Next Level

• The industry standard tool for interactive animated experiences
• Focus on AIR and introducing HTML
• Expanding capabilities across multiple platforms for high performance game development and animation reuse
• architecture modernization
• Quality improvements

AIR Publishing

• Support for AIR 3.x and Flash Player 10.3 & 11
• Package AIR as a single application with Captive Runtime
• Access platform or device-specific capabilities using pre-compiled Native Extensions
• AIR for BlackBerry Tablet OS

Support Captive Runtime

Access pre-compiled Native Extensions

Possible Use Cases for Native Extensions

• Mobile
• Contacts
• Gyroscope
• Vibration
• Notifications
• iAD on iOS
• Android License Verification
• Maps on iOS
• In-app purchase
• SMS with body
• MMS
• Bluetooth control
• Compass/magnetometer
• Custom camera
• NFC support
• Battery information/management

• Desktop
• Image processing
• MIDI
• Custom USB device support
• Databases
• Video encoding and recording

Publish to HTML

• Publish to Edge-compatible HTML5 format
• In-product guardrails to guide users on HTML5 compatible content
• Conversion errors in Output/Error panels
• Test movie to preview in browser
• Limited AS3 conversion to JavaScript

Publish to HTML

Sprite Sheet Generation

• Export image sequences from symbols in Library
• Transform symbols & export sequences from Stage
• Process automation using JS APIs
• Create sprite sheets from symbols in Library or on Stage
• JSON – XML output
• Extensible data output

Where Are Sprite Sheets Used?

• Everywhere!
• Native Apps
• Web
• Canvas, CSS
• Flash
• Flash BitmapData, Stage3D

Generate Sprite Sheet

Sprite Sheet - Data Format

What’s NEXT!

• 64-bit clean & native Cocoa
• Reduce Complexity
• Lay foundation for additional features in future

HellCat | Flash Pro

Speaker Information

• Developer Evangelist for Adobe
• Blog: www.coldfusionjedi.com
• Email: cfjedimaster@adobe.com
• Twitter: @cfjedimaster

ColdFusion Zeus

• Is a code name
• For the “next” version
• Not necessarily ColdFusion 10

Zeus Features ( Some of… )

• Admin Improvements
• Security out the Ying Yang
• Language Improvements
• Solr Improvements
• Java Integration
• REST
• HTML5/Mobile
• Web Sockets
• Charting

More Zeus features…

• No more Verity ( yes, that’s a feature )
• No more JRun ( ditto! )
• Microsoft Exchange 2010 support
• Web Service: Axis 2 + Document Literal
• Scheduled Tasks are Epic

Admin Improvements

• Hot Fix Installer
• Template Cache – By Folder
• Clear Query Cache
• File Browser
• IP Addresses for Admin

Security Enhancements

• XSS/CSRF Protection
• Session Improvements
• Hash/HMAC
• File Type Mime Checks
• And More…:
• Mail CRLF protection, cflogin strengthened, other services improved

XSS Protection

• Cross-site Scripting
• New functions:
• encodeForHTML
• encodeForHTMLAttribute
• encodeForJavaScript
• encodeForCSS
• encodeForURL

CSRF Protection

• Cross-Site Request Forgery
• New functions:
• CSRFGenerateToken
• CSRFVerifyToken

Hash/HMAC

• Hash can now be told to iterate N times: hash(input, “sha”, 4)
• HMAC – Hash-based Message Authentication Code

Mime Type Checking

• cffile upload
• getFileMimeType

In no particular order…

• Cookie via Script
• For-in for Queries
• Append to file with content
• Call Stack
• Application metadata
• Disk Space
• App-specific VFS
• CFC implicit constuctors, method chaining, implicit notation
• XPath2
• Oh, and…

Solr

• Dynamic custom fields (as many as you want, event up to 11!)
• ORM based search
• Data Import Handler (no more cfquery)
• Other misc things… (more languages for example)

Java Integration

• Ability to load Java libraries
• JavaLoader RIP
• Java access to CFC files:
• CFCProxy myCFC = new CFCProxy(cfcPath, true);

REST

RESTful web services are built to work best on the Web. Representational State Transfer (REST) is an architectural style that specifies constraints, such as the uniform interface, that if applied to a web service induce desirable properties, such as performance, scalability, and modifiability, that enable services to work best on the Web. In the REST architectual style, data and functionality are considered resources and are accessed using Uniform Resource Identifiers (URIs), typically links on the Web. The resources are acted upon by using a set of simple, well-defined operations. The REST architectural style constrains an architecture to a client/server architecture and is designed to use a stateless communication protocol, typically HTTP. In the REST architecture style, clients and servers exchange representations of resources by using a standardized interface and protocol.

From: http://download.oracle.com/javaee/6/tutorial/doc/gijqy.html

HTML5/Mobile

• CFMAP
• CFMEDIAPLAYER
• cfinput won’t barf on new items (like type=range)
• Detection of browser capabilities

Device info (VERY IN FLUX)

• this.deviceInfo=true; or getDeviceInfo()
• device_name
  ajax_support_javascript
  cookie_support
  device_os
  device_os_version
  full_flash_support
  https_support
  is_tablet
  is_wireless_device
  mobile_browser
  mobile_browser_version
  model_extra_info
  model_name
  physical_screen_height
  physical_screen_width
  pointing_method
  streaming_preferred_protocal

Web Sockets

• Bidirectional communication
• One client to all the rest
• Server to all clients
• Front end support via
• Back end support for defining listeners

Charting

• All new charting engine
• Styles are JSON objects
• Deeper configuration via JSON
• Lots of new features