はじめてのdreamforce はじめてのlightning

34
はじめてのDreamforce はじめてのLightning TerraSky Power Night 2014-11-05 Taiki Yoshikawa

Upload: taiki-yoshikawa

Post on 20-Aug-2015

723 views

Category:

Technology


0 download

TRANSCRIPT

はじめてのDreamforce はじめてのLightn ing

TerraSky Power N ight

2014-11-05 Ta ik i Yosh ikawa

名前:吉川 大樹http://tyoshikawa1106.hatenablog.com/

@tyoshikawa1106

+TaikiYoshikawa

tyoshikawa1106

tyoshikawa1106

Lightningのセッション - Surfacing Lightning Components in App Builder -

•Lightningの特徴 ‒コンポーネントベースで開発することでUIを共通化 ‒開発したコンポーネントはAppExchangeで公開 ‒App Builderによりコーディングせずにカスタマイズが可能

LightningとはAuraをベースとした、Salesforce上のUIフレームワークを示すそうです。 Aura自体はオープンソースな開発フレークワークとのことです。

Lightningアプリ開発のはじめ方

① 名前空間プレフィックスを登録する

Lightning開発を行う組織では名前空間プレフィックスを登録する必要があります。 設定→作成→パッケージから登録できます。

② Lightning Componentの有効化

組織でLightningアプリの有効化を行います。 設定→開発→Aura バンドルから有効化できます。

③ Lightning Componentのメニュー

Lightningのビュー表示が可能になり開発者コンソールにLightningの 作成メニューが追加されます。

④ Lightning Componentの開発画面

Lightningのアプリケーション、コンポーネントを開発する画面では 右側にWorkPanelと呼ばれるメニューが表示されます。

⑤ Lightning アプリのプレビュー

LightningのアプリケーションのWorkPanelにはPreviewというリンクが 表示されています。ここから実際に画面を動かすことが可能です。

⑥ Lightning アプリ画面例

Lightning Components Developer’s Guide内に記載された Quick Startのサンプルを元に作成した画面です。

⑦ Lightning Developer’s Guide

https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/

⑧ Lightning Cheat Sheet

https://developer.salesforce.com/resource/pdfs/Lightening_Components_Cheatsheet.pdf

⑨ Lightning FAQ

https://developer.salesforce.com/page/JP:Lightning_FAQ

Lightning Sample Code

https://github.com/tyoshikawa1106?tab=repositories

GitHub

http://developer.salesforcefoundation.org/bootstrap-sf1/

サンプルコードで必要なもの

Sample - Hello World -

https://github.com/tyoshikawa1106/Lightning-Apps-Hello-World

Sample - Account List -

https://github.com/tyoshikawa1106/Lightning-Apps-Account-List

Sample - Account Create -

https://github.com/tyoshikawa1106/Lightning-Apps-Account-Create

Sample - BootstrapSF1 -

https://github.com/tyoshikawa1106/Lightning-Apps-BootstrapSF1-Sample

Sample - SF1Theme -

https://github.com/tyoshikawa1106/Lightning-Apps-SF1Theme

その他のハナシ

持って行って良かったもの

使えば良かったもの

https://www.uber.com/

Thank you