61
PowerApps 始始始始始 2016/06/18 .NET 始始始 in 始始 Microsoft MVP for CDM Satoru Nasu

Power apps、始めました

Embed Size (px)

Citation preview

Page 1: Power apps、始めました

PowerApps 、始めました2016/06/18 .NET 勉強会 in 仙台

Microsoft MVP for CDMSatoru Nasu

Page 2: Power apps、始めました

自己紹介

那須 悟

@nasunotw

nasunoblog.blogspot.jp

好きな製品・サービス・ツール• 中小企業向け MS 製品• Windows Server Essentials• Office 365(Power BI)

Microsoft MVPCloud and Datacenter

Management

PowerShell チョットデキル事務員

Page 3: Power apps、始めました

Microsoft Power シリーズ

Page 4: Power apps、始めました

Microsoft Power シリーズ

PowerPoint PowerToys PowerShell

Power Query Power BI PowerApps

Page 5: Power apps、始めました

PowerApps とは

Page 6: Power apps、始めました

PowerApps とは

•クラウドベースのモバイル開発ツール• 2016/6/25 現在、 Preview 中

•マルチデバイスに対応•Windows 10 / iOS / Android•Windows 10 Mobile 用アプリは見当たらない

Page 7: Power apps、始めました
Page 8: Power apps、始めました
Page 9: Power apps、始めました

画面は縦・横が指定できる

Portrait Landscape

Page 10: Power apps、始めました

モバイルに対応した関数

Audio Camera Mic Pen

Acceleration

(X,Y,Z)Compass Location

( 緯度・経度 ) Connection

出展) https://powerapps.microsoft.com/en-us/tutorials/signals/

Page 11: Power apps、始めました

PowerApps を分かった気になるポイント

Office 365 のサービス

UWP でアプリを作る

コードを書かなくていい

ワークフローを使う

外部サービスと接続をする

Page 12: Power apps、始めました

Editor+Flows+Connections

Flow ConnectionEditor

Page 13: Power apps、始めました

Editor - UWP

Page 14: Power apps、始めました

Flow

Connection

Page 15: Power apps、始めました

Flow - Browser

•ワークフロー1. ボタンをタップ

2. SP Online にアイテム作成

3. メールを送信

•条件も作成可能If xx = yes then

Do ActionEnd if

Page 16: Power apps、始めました

Connection - Browser

•クラウド サービスに接続

•Office 365•Dynamics CRM• Salesforce• Slack•その他 SaaS

• Custom API もサポート

Page 17: Power apps、始めました

作成 / 編集~デプロイ

Page 18: Power apps、始めました

保存はローカルとクラウド

Page 19: Power apps、始めました

バージョン管理あり

Page 20: Power apps、始めました

画面構成

Page 21: Power apps、始めました
Page 22: Power apps、始めました

Screen thumbnails

Page 23: Power apps、始めました

DesignWorkspace

Page 24: Power apps、始めました

Propertydropdown

Page 25: Power apps、始めました

Formula Bar

Page 26: Power apps、始めました
Page 27: Power apps、始めました

Option

Page 28: Power apps、始めました

Advanced

Page 29: Power apps、始めました

Quick Tools

Page 30: Power apps、始めました

ショートカット ( 順不同 )

キー 動作

Ctrl+F 検索

Ctrl+C コピー

Ctrl+V 貼り付け

Ctrl+X 切り出し

Ctrl+Z 元に戻す

Alt Control 名表示

キー 動作

Ctrl+O 開く

Ctrl+M スクリーンを作成

Ctrl+N 新規作成

Ctrl+B/U/L 太文字 / アンダースコア / イタリックCtrl+G グループ

赤字: PowerApps 特有のショートカット

Page 31: Power apps、始めました

Alt Button

Page 32: Power apps、始めました

ターゲット

Page 33: Power apps、始めました

誰向けのサービス?

VBA を使うパワーユーザー

No Coding でモバイル開発したい人

Page 34: Power apps、始めました

アプリの作り方と Demo

Page 35: Power apps、始めました

PowerApps の開発に最低限必要なもの

•Windows OS•Windows 8.1•Windows 10

•PowerApps ストアアプリ

•Office 365 アカウント•Microsoft アカウントは不可•Office 365 Solo は未確認

Page 36: Power apps、始めました

デモアプリ

SharePointOnline Power BI出退勤アプリ

Page 37: Power apps、始めました

デモアプリ 作成手順

SP Onlineリスト作成 Flow 作成

アプリ開発 動作確認

Page 38: Power apps、始めました

SharePoint Online リスト作成

Page 39: Power apps、始めました

#1 SharePoint Online リストを作成

Page 40: Power apps、始めました

サイトのタイムゾーンを絶対チェックすること!※ 最初は UTC+09:00 以外になっている

Page 41: Power apps、始めました

打刻した時間は SharePointの時刻を採用※ デバイス側の時刻は信用しない

Page 42: Power apps、始めました

Flow 作成

Page 43: Power apps、始めました

#2 Flow 作成

SPO リストの列名が自動列挙される

Page 44: Power apps、始めました

引数名が自動生成される

Page 45: Power apps、始めました

アプリ開発

Page 46: Power apps、始めました

#3 アプリを開発

Page 47: Power apps、始めました
Page 48: Power apps、始めました

Office 365 のアカウント名と顔写真

デバイスのセンサー結果

Flow を実行するためのボタン

文字入力用ボックス

Page 49: Power apps、始めました

OnSelect = ‘Flow 名 '.Run(“OUT”,Value(Latitude.Text))

Text = Location.LatitudeText = Location.Longitude

Text = User().FullNameImage = User().Image

※ ダブルコーテーションで囲む

HintText = “ 伝言内容”

Page 50: Power apps、始めました
Page 51: Power apps、始めました

定義済みのFlow を実行

Page 52: Power apps、始めました

定義済みのFlow を実行 SPO にアイテム追加

Page 53: Power apps、始めました

Power BI を使ったデータ確認

Page 54: Power apps、始めました
Page 55: Power apps、始めました

まとめ

Page 56: Power apps、始めました

PowerApps を使って良かった事

•簡単に開発できた=作る喜び•デバイス情報の取得が簡単

•マルチデバイス対応

•ソース管理ならぬファイル履歴

PowerApps に Feedback したい場合はニコちゃんマーク !

Page 57: Power apps、始めました

こうなったら嬉しいな!

•エディタの軽量化

•多重起動

•ローカライズ

•バーコード /QR コード対応

•オンプレミスのデータソース接続https://powerapps.uservoice.com/PowerApps の要望は⇒からどうぞ!

Page 58: Power apps、始めました

PowerApps 押さえておきたいポイント

Office 365 のサービス

UWP でアプリを作る

コードを書かなくていい

ワークフローを使う

外部サービスと接続をする

Page 59: Power apps、始めました

参考文献: PowerApps に関するサイト

•公式ブログhttps://powerapps.microsoft.com/en-us/blog/

•ドキュメントhttps://powerapps.microsoft.com/en-us/tutorials/getting-started/

•Communityhttps://powerusers.microsoft.com/t5/PowerApps-Community/ct-p/PowerApps1

Page 60: Power apps、始めました

参考文献: Flow に関するサイト

•公式ブログhttps://flow.microsoft.com/ja-jp/blog/

•ドキュメントhttps://flow.microsoft.com/ja-jp/documentation/getting-started/

•Communityhttps://powerusers.microsoft.com/t5/Microsoft-Flow-Community/ct-p/FlowCommunity

Page 61: Power apps、始めました

Thank you