2012.12.13               第177回 FxUG勉強会@東京12年12月19日水曜日
今日の話し手      舩倉 純      株式会社ニークシステムテクノロジー所属      @nod_japan_19xx      http://facebook.com/jun.funakura12年12月19日水曜日
今日のお題12年12月19日水曜日
Flexerがhtml5(w)/JSの               時流に乗るには?12年12月19日水曜日
2012.11.11 Adobe Says       “In the long-term, we believe       HTML5 will be the best       technology for enterprise    ...
Workflow?12年12月19日水曜日
Falconとは   • 新しいAS/(MXML)コンパイラ   • 高速/Simple/Scalability   • Action Script Compiler2.0としてリリース       – Flash Builder 4.7 /A...
FalconJSとは?   • as/mxmlアプリ->js/htmlアプリにする技術   • 2012/11/23にapacheのsvnにコミット   • FlexSDK + Falcon Compiler + Compiler.js    ...
テキスト                                                  テキスト   Flashテクノロジーの今後とあなたの人生とのかかわりについて   http://www.slideshare.net/o...
12年12月19日水曜日
FalconJSのはじめ方12年12月19日水曜日
• Apache Flex SDK   • Falcon   • FalconJS   • Publisher         JS12年12月19日水曜日
■repository http://svn.apache.org/repos/asf/incubator/flex/sdk/ http://svn.apache.org/repos/asf/incubator/flex/falcon/trun...
Apache Flex SDKのコンパイル   • 必要なもののdownloads      – playerGlobal.swc      – Pixel Bender Toolkit2   • env.properties      – e...
Falconのコンパイル   • JFlex1.4.3の配置   • build.xmlの編集         • env.FLEX_HOME         • env.JFLEX_JAR         • env.ANT_HOME    ...
FalconJSのコンパイル   • checkoutしたらant実行でOK   • ディレクトリ構成は重要       – FALCON_HOME       – FLEX_HOME       – デフォルト指定がsvnのパスを想定12年1...
asjs   • Alex Haruiさんの構想 とプロトタイプ   • Non GoalsとGoalsの設定   • https://cwiki.apache.org/FLEX/alexs-flexjs-     prototype.html...
Publisher   • Falcon JSで生成したjsファイルを      closureToolsでhtml/js-framework生成   • ant -Dapp.name=<app.name>   • JS-Frameworkをg...
いまできること         • ASファイルからjsファイルの出力。          • mxmljsc Main.as -output Main.js12年12月19日水曜日
いま(は)できないこと •   mxmlからのコンパイル     •   size 0のファイルが出来上がる。 •   JS-frameworkの選択     •   option指定しても変化なし12年12月19日水曜日
js関連のオプション            -js-builtin <name>      -js-closure-compilation-level <value>      -js-closure-create-source-map <va...
いまいち    •   日本語含むasを変換するとエラーが起こ        る。(@tokufxug)12年12月19日水曜日
12年12月19日水曜日
Tips         •     Mac OS X on Java 7             •   CommandLineを変更(FLEX-33290)         •     swcdepends             •   ...
アプリケーションの              展開12年12月19日水曜日
• Windows Store         • BrightCove AppCloud         • PhoneGap         • Adobe DPS12年12月19日水曜日
Windows Storeへの展開    http://bit.ly/TOUjzD12年12月19日水曜日
BrightcoveのAppCLOUD12年12月19日水曜日
12年12月19日水曜日
Digital Publishing Suiteでの展開                ContentViewer経 InDesignで作成し                由でアプリ展開 HTMLをリンク12年12月19日水曜日
まとめ   • Falconからの派生でFalconJS登場   • 今はAS->JSのみ可能   • 既存FlexAppの変換はゴールではないかも   • 別のツールという選択肢       – Dart/Hexe/CoffeeScript/...
さあどうしますか?12年12月19日水曜日
こうなるかも...12年12月19日水曜日
そのリスクをわかった               上で選ぶことは..12年12月19日水曜日
それはあなたの                自由です12年12月19日水曜日
Happy cross-compiling!12年12月19日水曜日
contact:               @nod_japan_19xx12年12月19日水曜日
Upcoming SlideShare
Loading in …5
×

Falconjsの始め方 (share)

2,212 views

Published on

第177回 FxUG 勉強会@東京の資料
http://atnd.org/events/34101

Published in: Technology

Falconjsの始め方 (share)

  1. 1. 2012.12.13 第177回 FxUG勉強会@東京12年12月19日水曜日
  2. 2. 今日の話し手 舩倉 純 株式会社ニークシステムテクノロジー所属 @nod_japan_19xx http://facebook.com/jun.funakura12年12月19日水曜日
  3. 3. 今日のお題12年12月19日水曜日
  4. 4. Flexerがhtml5(w)/JSの 時流に乗るには?12年12月19日水曜日
  5. 5. 2012.11.11 Adobe Says “In the long-term, we believe HTML5 will be the best technology for enterprise application development.”12年12月19日水曜日
  6. 6. Workflow?12年12月19日水曜日
  7. 7. Falconとは • 新しいAS/(MXML)コンパイラ • 高速/Simple/Scalability • Action Script Compiler2.0としてリリース – Flash Builder 4.7 /AIR SDKに同梱12年12月19日水曜日
  8. 8. FalconJSとは? • as/mxmlアプリ->js/htmlアプリにする技術 • 2012/11/23にapacheのsvnにコミット • FlexSDK + Falcon Compiler + Compiler.js =Falcon JS JS12年12月19日水曜日
  9. 9. テキスト テキスト Flashテクノロジーの今後とあなたの人生とのかかわりについて http://www.slideshare.net/otachan/flash-1411352712年12月19日水曜日
  10. 10. 12年12月19日水曜日
  11. 11. FalconJSのはじめ方12年12月19日水曜日
  12. 12. • Apache Flex SDK • Falcon • FalconJS • Publisher JS12年12月19日水曜日
  13. 13. ■repository http://svn.apache.org/repos/asf/incubator/flex/sdk/ http://svn.apache.org/repos/asf/incubator/flex/falcon/trunk http://svn.apache.org/repos/asf/incubator/flex/asjs/branches/develop/ ■checkout flex/sdk/branches/develop flex/falcon/trunk/ compiler compiler.js compiler.tests ■必要なものたち ◎flex sdk branches pixcelbender_toolkit_2.5.dmg playerglobal11_1.swc ◎compiler / compiler.js jflex-1.4.3.zip12年12月19日水曜日
  14. 14. Apache Flex SDKのコンパイル • 必要なもののdownloads – playerGlobal.swc – Pixel Bender Toolkit2 • env.properties – env.AIR_HOME – env.PIXEL_BENDER_HOME – env.PLAYER_GLOBAL_HOME • antの実行 ※Flextras: - Blog: How to Build Apache Flex 4.8 from the Source https://www.flextras.com/blog/index.cfm/2012/8/1/How-to-Build-Apache- Flex-48-from-the-Source12年12月19日水曜日
  15. 15. Falconのコンパイル • JFlex1.4.3の配置 • build.xmlの編集 • env.FLEX_HOME • env.JFLEX_JAR • env.ANT_HOME • env.PLAYERGLOBAL_HOME • antの実行 (ant main copy.sdk) = apache Flex + Falcon 完成 • 特産の「もっさみな」 第43回「Apache Flex – Falcon コンパイ ラ (ビルド)」の巻 • http://mossamina.blog99.fc2.com/blog-entry-49.html12年12月19日水曜日
  16. 16. FalconJSのコンパイル • checkoutしたらant実行でOK • ディレクトリ構成は重要 – FALCON_HOME – FLEX_HOME – デフォルト指定がsvnのパスを想定12年12月19日水曜日
  17. 17. asjs • Alex Haruiさんの構想 とプロトタイプ • Non GoalsとGoalsの設定 • https://cwiki.apache.org/FLEX/alexs-flexjs- prototype.html •12年12月19日水曜日
  18. 18. Publisher • Falcon JSで生成したjsファイルを closureToolsでhtml/js-framework生成 • ant -Dapp.name=<app.name> • JS-Frameworkをgoogle closureに指定して 生成したjsが対象 • 今は..まだ • http://svn.apache.org/repos/asf/incubator/ flex/asjs/trunk/asjs/12年12月19日水曜日
  19. 19. いまできること • ASファイルからjsファイルの出力。 • mxmljsc Main.as -output Main.js12年12月19日水曜日
  20. 20. いま(は)できないこと • mxmlからのコンパイル • size 0のファイルが出来上がる。 • JS-frameworkの選択 • option指定しても変化なし12年12月19日水曜日
  21. 21. js関連のオプション -js-builtin <name> -js-closure-compilation-level <value> -js-closure-create-source-map <value> -js-closure-externs [path-element] [...] -js-closure-formatting <value> -js-closure-js [path-element] [...] -js-extend-dom <value> -js-framework <name> -js-generate-test-case <value> -js-isolated <value> -js-keep-generated-javascript <value> -js-main <name> -js-no-exports <value> -js-no-timestamps <value> -js-warn-class-init <value> -js-warn-performance-loss <value> -js-warn-runtime-name-lookup <value>12年12月19日水曜日
  22. 22. いまいち • 日本語含むasを変換するとエラーが起こ る。(@tokufxug)12年12月19日水曜日
  23. 23. 12年12月19日水曜日
  24. 24. Tips • Mac OS X on Java 7 • CommandLineを変更(FLEX-33290) • swcdepends • ant taskにtarget追加してfalcon- swcdepends.jarを生成 • targetname="dist" • build.xmlのflex-tasks.jarのパスを修正12年12月19日水曜日
  25. 25. アプリケーションの 展開12年12月19日水曜日
  26. 26. • Windows Store • BrightCove AppCloud • PhoneGap • Adobe DPS12年12月19日水曜日
  27. 27. Windows Storeへの展開 http://bit.ly/TOUjzD12年12月19日水曜日
  28. 28. BrightcoveのAppCLOUD12年12月19日水曜日
  29. 29. 12年12月19日水曜日
  30. 30. Digital Publishing Suiteでの展開 ContentViewer経 InDesignで作成し 由でアプリ展開 HTMLをリンク12年12月19日水曜日
  31. 31. まとめ • Falconからの派生でFalconJS登場 • 今はAS->JSのみ可能 • 既存FlexAppの変換はゴールではないかも • 別のツールという選択肢 – Dart/Hexe/CoffeeScript/Jangarooなどなど12年12月19日水曜日
  32. 32. さあどうしますか?12年12月19日水曜日
  33. 33. こうなるかも...12年12月19日水曜日
  34. 34. そのリスクをわかった 上で選ぶことは..12年12月19日水曜日
  35. 35. それはあなたの 自由です12年12月19日水曜日
  36. 36. Happy cross-compiling!12年12月19日水曜日
  37. 37. contact: @nod_japan_19xx12年12月19日水曜日

×