Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
PhoneGap from Flash Pro’s CreateJS     Toolkit for CreateJ1Sで    制作するPhoneGapアプリ            ICS 池田泰延             2012/08/0...
自己紹介• Name : 池田 泰延 (Yasunobu Ikeda)• 昔:ClockMaker (フリーランス)• 現在 : 株式会社ICS 代表取締役• Books :  – 「Stage3D Programming」  – 「Actio...
http://clockmaker.jp/labs
Toolkit for CreateJS• Flash Pro CS6の拡張機能 ( http://www.adobe.com/jp/products/flash/flash-to-html5.html )• Flash Proで制作したアニメ...
なぜFlash Pro?• Flash Lite時代に作られたガラケー向け素材をス マートフォン向けに再利用することが可能• 複雑なタイムラインアニメーションをグラ フィックユーザーインターフェースで制作でき る ※一般的なHTML5のモーショ...
サンプルファイル• Flash Professional Toolkit for CreateJSのファーストステップガイド  http://www.adobe.com/jp/devnet/createjs/articles/getting-s...
手順1. DreamWeaverで「サイト」を作成2. Flash Proで書き出したHTML5をコピー3. PhoneGap Buildパネルを開く4. index.html に必要なファイルを記述  (例:CreateJSライブラリファイル...
PhoneGap Buildで各デバイスに
ご清聴ありがとうございました Thank you for your attention.           ICS 池田泰延         Twiter : clockmaker       Mail : ikeda@ics-web.jp
Upcoming SlideShare
Loading in …5
×

Toolkit for CreateJSで制作するPhoneGapアプリ

2,752 views

Published on

PhoneGap from Flash Pro’s CreateJS
〜Toolkit for CreateJSで 制作するPhoneGapアプリ〜

Published in: Education
  • Be the first to comment

Toolkit for CreateJSで制作するPhoneGapアプリ

  1. 1. PhoneGap from Flash Pro’s CreateJS Toolkit for CreateJ1Sで 制作するPhoneGapアプリ ICS 池田泰延 2012/08/02 PhoneGap-UserGroup 第1回 勉強会@東京
  2. 2. 自己紹介• Name : 池田 泰延 (Yasunobu Ikeda)• 昔:ClockMaker (フリーランス)• 現在 : 株式会社ICS 代表取締役• Books : – 「Stage3D Programming」 – 「ActionScript Beatifl Code」等
  3. 3. http://clockmaker.jp/labs
  4. 4. Toolkit for CreateJS• Flash Pro CS6の拡張機能 ( http://www.adobe.com/jp/products/flash/flash-to-html5.html )• Flash Proで制作したアニメーションを HTML5として書き出すことができる
  5. 5. なぜFlash Pro?• Flash Lite時代に作られたガラケー向け素材をス マートフォン向けに再利用することが可能• 複雑なタイムラインアニメーションをグラ フィックユーザーインターフェースで制作でき る ※一般的なHTML5のモーションはJavaScriptも しくはCSSトランジション/アニメーションを使 う。CUIベースである。• デザイナー向け
  6. 6. サンプルファイル• Flash Professional Toolkit for CreateJSのファーストステップガイド http://www.adobe.com/jp/devnet/createjs/articles/getting-started.html
  7. 7. 手順1. DreamWeaverで「サイト」を作成2. Flash Proで書き出したHTML5をコピー3. PhoneGap Buildパネルを開く4. index.html に必要なファイルを記述 (例:CreateJSライブラリファイル等)5. 余力があれば、デバイス幅の拡縮処理を (CreateJSはベクターデータなので拡縮に強い)6. デバイスの向き(orientation)をconfig.xmlで設定
  8. 8. PhoneGap Buildで各デバイスに
  9. 9. ご清聴ありがとうございました Thank you for your attention. ICS 池田泰延 Twiter : clockmaker Mail : ikeda@ics-web.jp

×