lightning components で 次世代のアプリケーション開発

26
Go Faster with Lightning : Lightning Components 次世代のアプリケーション開発 201548

Upload: salesforce-developers-japan

Post on 17-Jul-2015

392 views

Category:

Technology


7 download

TRANSCRIPT

Page 1: Lightning Components で 次世代のアプリケーション開発

Go Faster with Lightning :

Lightning Components で 次世代のアプリケーション開発 2015年4月8日

Page 2: Lightning Components で 次世代のアプリケーション開発

Mitsuhiro Okamoto Developer Programs Manager

[email protected]

Page 3: Lightning Components で 次世代のアプリケーション開発

Safe Harbor

Safe harbor statement under the Private Securities Litigation Reform Act of 1995: This presentation may contain forward-looking statements that involve risks, uncertainties, and assumptions. If any such uncertainties materialize or if any of the assumptions proves incorrect, the results of salesforce.com, inc. could differ materially from the results expressed or implied by the forward-looking statements we make. All statements other than statements of historical fact could be deemed forward-looking, including any projections of subscriber growth, earnings, revenues, or other financial items and any statements regarding strategies or plans of management for future operations, statements of belief, any statements concerning new, planned, or upgraded services or technology developments and customer contracts or use of our services. The risks and uncertainties referred to above include – but are not limited to – risks associated with developing and delivering new functionality for our service, our new business model, our past operating losses, possible fluctuations in our operating results and rate of growth, interruptions or delays in our Web hosting, breach of our security measures, risks associated with possible mergers and acquisitions, the immature market in which we operate, our relatively limited operating history, our ability to expand, retain, and motivate our employees and manage our growth, new releases of our service and successful customer deployment, our limited history reselling non-salesforce.com products, and utilization and selling to larger enterprise customers. Further information on potential factors that could affect the financial results of salesforce.com, inc. is included in our annual report on Form 10-K for the most recent fiscal quarter ended July 31, 2011. This document and others are available on the SEC Filings section of the Investor Information section of our Web site. Any unreleased services or features referenced in this or other press releases or public statements are not currently available and may not be delivered on time or at all. Customers who purchase our services should make the purchase decisions based upon features that are currently available. Salesforce.com, inc. assumes no obligation and does not intend to update these forward-looking statements.

Page 4: Lightning Components で 次世代のアプリケーション開発

Agenda

§  Lightning Components概要

§  Demo: Sublime Text - Lightning プラグイン

§  Demo: マルチビューのS1モバイルアプリ –  Properly loading Bootstrap, JS and 3rd party libs.

•  ltng:require の使用

•  namespacer の使用(namespacing CSSツール)

–  画面遷移にforce:navigateToComponent を利用する

§  Demo: Lightning REST サービス(プレビュー)

§  Lightningロードマップ

§  Q & A

Page 5: Lightning Components で 次世代のアプリケーション開発

Lightning ンポーネント概要

Page 6: Lightning Components で 次世代のアプリケーション開発

Lightningコンポーネント

Connect アプリケーションビルダー

プロセス ビルダー

コンポーネント フレームワーク

Page 7: Lightning Components で 次世代のアプリケーション開発

コンポーネントフレームワークは次世代開発の主流 多くの先進的企業はコンポーネントフレームワークに投資している

Google Polymer

Facebook React

Salesforce Lightning

Twitter Flight

Mozilla Brick

Page 8: Lightning Components で 次世代のアプリケーション開発

Lightning Component (LC) で作れるものは?

1.  スタンドアロンデスクトップアプリケーション

2.  S1モバイル・アプリケーション

3.  S1の標準アプリケーションコンポーネントのリプレイス (Lightning Extension)

Page 9: Lightning Components で 次世代のアプリケーション開発

Salesforce1モバイル – LCを利用して開発

Page 10: Lightning Components で 次世代のアプリケーション開発

Lightningアプリケーションビルダー – LCを利用して開発

Page 11: Lightning Components で 次世代のアプリケーション開発

Lightningプロセスビルダー - LCを利用して開発

Page 12: Lightning Components で 次世代のアプリケーション開発

Sublime TextでLCを開発する

Page 13: Lightning Components で 次世代のアプリケーション開発

Lightning Sublime Plugin

Sublime Text – Lightningプラグイン Git リポジトリ : https://github.com/dcarroll/sublime-lightning

プラグインをインストールすると、フォルダを右クリックして以下の機能を利用できます。 1.  Salesforceへログイン 2.  Lightning MetaDataのFetch

Page 14: Lightning Components で 次世代のアプリケーション開発

マルチビューS1 アプリの作成

Page 15: Lightning Components で 次世代のアプリケーション開発

ltng:require Package: http://bit.ly/multiViewExpenseApp

// myComponent.cmp

<ltng:require

styles=’/resource/core,/resource/bootstrap.css’

scripts=‘/resource/js1,/resource/js2’

afterScriptsLoaded="{!c.allJSLoaded}"

/>

// myJSController.js

allJSLoaded: function(component, event, helper) {

//全てのJSを読み込む間の処理を記述

}

カンマで複数の CSSファイルを読み込み

カンマで複数の JSファイルを読み込み

Page 16: Lightning Components で 次世代のアプリケーション開発

CSS Namespacer

Page 17: Lightning Components で 次世代のアプリケーション開発

force:navigateToComponent (S1上のみ動作)

Page 18: Lightning Components で 次世代のアプリケーション開発

Lightning RESTサービス (プレビュー)

Page 19: Lightning Components で 次世代のアプリケーション開発

Lightning ロードマップ (プレビュー)

Page 20: Lightning Components で 次世代のアプリケーション開発

Q & A?

Page 21: Lightning Components で 次世代のアプリケーション開発

#golightningfast

Page 22: Lightning Components で 次世代のアプリケーション開発

次のステップ

Page 23: Lightning Components で 次世代のアプリケーション開発

http://developer.salesforce.com/calendar

•  Lightning アプリケーションビルダー

•  Lightning コンポーネントフレームワーク

•  Lightning プロセスビルダー

•  Lightning コネクト

Lightning Deep Dive Webinars

Page 24: Lightning Components で 次世代のアプリケーション開発

アプリケーションビルダーの開発者β!

http://bit.ly/lightning-org

このリンクから新しい Spring ‘15 Developer Edition (DE)

組織をSign upすればアプリケーションビルダーが有効化済みとなっています

本番組織での有効化は、担当営業に パイロットプログラムへの登録を依頼して下さい

Page 25: Lightning Components で 次世代のアプリケーション開発

Trailheadを是非お試し下さい

http://developer.salesforce.com/trailhead

Page 26: Lightning Components で 次世代のアプリケーション開発

ありがとうございました