2013/12/05 開催のTerraSky Power Night のLT資料です。

1. TerraSky Power Night 2013/12/05
次世代UIフレームワークについて
李 端明

2. Dreamforce 2013
Dreamforce 2013で最も印象に残った発表
内容は？
1

3. もちろんこの方
2

4. salesforce 1
3

5. salesforce 1
salesforce 1とはなにか？
4

6. salesforce 1とは？
5

7. salesforce 1とは？
 salesforce 1≠モバイルアプリ




マルチプラットフォームではあるが、モバイル専用ではない
モバイルファーストとあるが、モバイル専用とは言っていない
近いうちにデスクトップアプリケーションをリリースする噂が・・・
これからSalesforceの開発者は全員Auraについての知識が必要になるか
も？
 どうやらUIには”Aura”というものを使うらしい
 Auraについて勉強しなきゃ！
※発表者個人の感想であり、
効果・効能を示すものではありません。
6

8. Auraに関する情報は意外に少ない
 Dreamforce通して、Auraに関するセッションは2つしかない
 Future of Sites & Community Pages; Building Custom
Pages with Aura Widgets
 Introducing Aura: Rapid Mobile Development with Reusable
Components
7

9. Auraとはどういうものか？
Aura is a UI framework for developing dynamic web
applications for both desktop and mobile devices
デスクトップとモバイルデバイスの両方のための
動的なWebアプリケーションを開発するためのUIフレームワークである
8

10. Auraとはどういうものか？
Salesforce TouchはAuraで作られた
9

11. Auraとはどういうものか？
salesforce 1もAuraで作られた
10

12. Auraの特徴は？
 Mobile First!
 拡張可能
 コンポーネントを作成可能
 オブジェクト指向
 早い！
 UIはクライアントサイドでレンダリングされる
 タグベースでレイアウトを作成
 オープンソースである
 そしてJava EEサーバーで動作する
11

13. どうすればAuraにアクセスできるか？
12

14. 自分で動かす
Githubで公開されています
https://github.com/forcedotcom/aura
13

15. 自分で動かす
そしてAura Documentation siteにあるQuick Startを見ればす
ぐに動かせます
14

16. 自分で動かす
Aura Noteというデモアプリケーションも提供されている
15

17. ファイル構造
一つのコンポーネントは一つのフォルダで完結しており、それぞれ独立し
たcss,js,そしてコンポーネント本体であるcmpファイルで構成される。
16

18. cmpコードイメージ
コンポーネント自体はVisualforceと似たようなタグで構成され
VF1.0と違ってActionはサーバーサイド、クライアントサイド（JS）を
同じように記述しアクセスすることが出来る
17

19. CSS,Javascriptコードイメージ
JavascriptとCSSはそれぞれコードの局所化を仕組みとして実装し
ており、独立性の高いコンポーネントを作成できる
18

20. 余談
ブラウザ版salesforce 1へのアクセス方法？
https://【ドメイン】.salesforce.com/one/one.app
 Chromeでしか動かない。ちなみにAuraのドキュメントやデモもChrome専用
 もしやデスクトップアプリはChrome組み込み・・・？
※発表者個人の感想であり、
 今からメインブラウザを変えなきゃ！
効果・効能を示すものではありません。
19

21. 余談
Visualforceページの編集画面の
この怪しげなチェックボックスをONにすれば・・・
※発表者個人の感想であり、
効果・効能を示すものではありません。
20

22. 余談
これで皆さまが今まで作成したVisualforceをoneで表示できる
やったね！ salesforce1対応完了！
※発表者個人の感想であり、
効果・効能を示すものではありません。
21

23. 疑問点




Aura＝Visualforce2.0？
ページレイアウト2.0にAuraで作成したパーツを配置できるか？
バックエンドは提供される？JPA？
公開されたAuraフレームワークはSalesforceと同じUI、スタイル
になるか。そして平行して更新されるか
22