7 TSPN_次世代UIフレームワークについて

1,866 views
1,752 views

Published on

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

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,866
On SlideShare
0
From Embeds
0
Number of Embeds
453
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

7 TSPN_次世代UIフレームワークについて

  1. 1. TerraSky Power Night 2013/12/05 次世代UIフレームワークについて 李 端明
  2. 2. Dreamforce 2013 Dreamforce 2013で最も印象に残った発表 内容は? 1
  3. 3. もちろんこの方 2
  4. 4. salesforce 1 3
  5. 5. salesforce 1 salesforce 1とはなにか? 4
  6. 6. salesforce 1とは? 5
  7. 7. salesforce 1とは?  salesforce 1≠モバイルアプリ     マルチプラットフォームではあるが、モバイル専用ではない モバイルファーストとあるが、モバイル専用とは言っていない 近いうちにデスクトップアプリケーションをリリースする噂が・・・ これからSalesforceの開発者は全員Auraについての知識が必要になるか も?  どうやらUIには”Aura”というものを使うらしい  Auraについて勉強しなきゃ! ※発表者個人の感想であり、 効果・効能を示すものではありません。 6
  8. 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. 9. Auraとはどういうものか? Aura is a UI framework for developing dynamic web applications for both desktop and mobile devices デスクトップとモバイルデバイスの両方のための 動的なWebアプリケーションを開発するためのUIフレームワークである 8
  10. 10. Auraとはどういうものか? Salesforce TouchはAuraで作られた 9
  11. 11. Auraとはどういうものか? salesforce 1もAuraで作られた 10
  12. 12. Auraの特徴は?  Mobile First!  拡張可能  コンポーネントを作成可能  オブジェクト指向  早い!  UIはクライアントサイドでレンダリングされる  タグベースでレイアウトを作成  オープンソースである  そしてJava EEサーバーで動作する 11
  13. 13. どうすればAuraにアクセスできるか? 12
  14. 14. 自分で動かす Githubで公開されています https://github.com/forcedotcom/aura 13
  15. 15. 自分で動かす そしてAura Documentation siteにあるQuick Startを見ればす ぐに動かせます 14
  16. 16. 自分で動かす Aura Noteというデモアプリケーションも提供されている 15
  17. 17. ファイル構造 一つのコンポーネントは一つのフォルダで完結しており、それぞれ独立し たcss,js,そしてコンポーネント本体であるcmpファイルで構成される。 16
  18. 18. cmpコードイメージ コンポーネント自体はVisualforceと似たようなタグで構成され VF1.0と違ってActionはサーバーサイド、クライアントサイド(JS)を 同じように記述しアクセスすることが出来る 17
  19. 19. CSS,Javascriptコードイメージ JavascriptとCSSはそれぞれコードの局所化を仕組みとして実装し ており、独立性の高いコンポーネントを作成できる 18
  20. 20. 余談 ブラウザ版salesforce 1へのアクセス方法? https://【ドメイン】.salesforce.com/one/one.app  Chromeでしか動かない。ちなみにAuraのドキュメントやデモもChrome専用  もしやデスクトップアプリはChrome組み込み・・・? ※発表者個人の感想であり、  今からメインブラウザを変えなきゃ! 効果・効能を示すものではありません。 19
  21. 21. 余談 Visualforceページの編集画面の この怪しげなチェックボックスをONにすれば・・・ ※発表者個人の感想であり、 効果・効能を示すものではありません。 20
  22. 22. 余談 これで皆さまが今まで作成したVisualforceをoneで表示できる やったね! salesforce1対応完了! ※発表者個人の感想であり、 効果・効能を示すものではありません。 21
  23. 23. 疑問点     Aura=Visualforce2.0? ページレイアウト2.0にAuraで作成したパーツを配置できるか? バックエンドは提供される?JPA? 公開されたAuraフレームワークはSalesforceと同じUI、スタイル になるか。そして平行して更新されるか 22

×