• 会員限定
  • 2020/04/06 掲載

PowerAppsとは何か?わかりやすくアプリをローコードで開発する方法を解説する

  • icon-mail
  • icon-print
  • icon-hatena
  • icon-line
  • icon-close-snsbtns
会員になると、いいね!でマイページに保存できます。
Microsoft Power Platformとは、Microsoftがビジネスユーザー向けに提供している業務アプリケーションプラットフォームの総称である。今回紹介する「Microsoft Power Apps」のほか、「Microsoft Power Automate」、「Microsoft Power BI」などのさまざまなツールにより構成されている。今回はローコード(コードをあまり記述しなくてもよい)のアプリケーション開発ツールである「Power Apps」を使い、アプリケーション開発の流れ、利用するためにはどのような手順が必要か、簡単な製作例とともに解説する。
執筆:高見 知英、監修:日本マイクロソフト 平井 亜咲美

執筆:高見 知英、監修:日本マイクロソフト 平井 亜咲美

高見 知英
情報技術で地域課題の解決を図るNPO、NPO法人 まちづくりエージェントSIDE BEACH CITY.理事。横浜市内各所でのITワークショップ・講演などを行う。また、そのほかにもプログラミングや、関連書籍の執筆を行う。著書に『Android API プログラミング・リファレンス』『よくわかるAndroidアプリ開発の教科書』『Project SienaではじめるWindowsストアアプリ開発入門』など。

平井 亜咲美
日本マイクロソフト ビジネスアプリケーション事業本部 プロダクトマーケティングマネージャー。Microsoft Power Platform製品のマーケティングを担当。

画像
マイクロソフトのPower Appsはローコード開発を行うツールだ

PowerAppsとは何か

 まず、Power Appsとは一体何なのか? 公式の言葉を借りれば「すばやくローコードのアプリケーションを作成できる」ツールのこと。誤解を恐れず言えば、Excelで数式やマクロを使うような感覚で、現場のビジネスパーソンでもアプリケーションが作れるツールである。

 あらかじめ用意されたボタンやリストボックスなどの部品を画面上に貼り付け、それぞれに表示される内容を、Excelのような数式で指定していくことで、業務用のアプリケーションが作成できる。

 また、作成したアプリケーションは社内外のデータと容易に連携することができるほか、Power Automateのフローを呼び出すことも可能なため、これを使って社内システムを活用するツールを作ることも可能だ。

作例:RSSリーダーを作る

 まずは、作例としてRSSリーダーを作成してみよう。指定したRSSを読み込み、その内容を一覧表示するという単純なツールだ。Power Appsには、RSSやSharePointのリスト、Googleカレンダーなどといった外部のデータソースと接続する機能がある。これを利用した簡易的なアプリケーションの作成方法となる。

アプリケーションを作成する

 まずはアプリケーションの基本となる、キャンバス アプリを作成する。Officeのアプリケーションメニューから、Power Appsを選択する。

画像
Power Appsメニュー

 次に、アプリケーションのひな形を選択する。今回は、「自分のアプリを作成する」という項目の「キャンバス アプリを一から作成」を選択しよう。

画像
キャンバス アプリを一から作成

 アプリケーションの名前を入力する画面が表示される。今回は「アプリ名」に「RSSリーダー」と入力し、作成を行う。

画像
アプリケーションの情報を入力

 すると、キャンバスアプリの作成処理が行われ、次のような画面が表示される。中央の白い画面が、実際アプリケーションを実行した際、ユーザーに表示される部分となる。

画像
アプリケーション画面

RSSコネクタを追加する

 PowerAppsにはさまざまな外部データと連係するための「コネクタ」があるので、これを使用する。画面左部分の「データソース」を選択し、検索テキストボックスに「RSS」と入力すると、コネクタに「RSS」が表示されるため、これを選択する。

画像
データソースとして「RSS」を選択

RSSを読み込む

 しかしこれだけでは、アプリケーションはRSSのデータを利用することができない。URLを指定してRSSを読み込むことで、RSSのデータをアプリケーションで利用できるようになる。

 画面左部分の「ツリービュー」を選択し、「App」を選択、「OnStart」という項目に「ClearCollect(feeds,RSS.ListFeedItems("https://sbc.yokohama/feed/"))」という数式を入力する。

画像
RSSを読み込む

 これは、アプリケーションの実行時に、feedsというコレクションに、RSSフィードを読み込むという数式だ。以降はこのコレクションを使って、RSSのデータを扱えるようになる。入力が終わったら、一度ツリービューのメニューより、OnStartに記載した数式を実行しておこう。これで実際にRSSのデータがfeedsコレクションに格納される。

画像
OnStartを実行する

RSSを表示する

 次に、読み込んだRSSデータを画面上に表示する。RSSのようなコレクションを画面に表示するには、ギャラリーと呼ばれるコントロールが便利だ。画面上部のリボンより、「挿入」タブを選択し、「ギャラリー」を選択する。レイアウトの一覧が表示されるため、「縦」を選択する。

画像
ギャラリーを配置する

 次に配置したギャラリーを選択すると、「データソースの選択」と書かれた吹き出しが表示される。ここで、先ほど作成したコレクション「feeds」を選択する。

画像
データソースの選択

 ここで、ギャラリーの表示が一部変更され、RSS内部のデータが表示される。

表示される情報を変更する

 そして次に、表示される情報を変更する。まずは画面右の「レイアウト」より、画面上に表示されるギャラリーのレイアウトを変更する。今回は「タイトル、サブタイトル、本文」を選ぶ。

画像
レイアウトの変更

 そして最後に、「フィールド」の「編集」を選択し、データのそれぞれの選択肢に、次の値を指定する。

フィールド名項目名
Body1summary
Subtitle2publishedDate
Title2title
※フィールド名の数字は環境によって変更される場合がある。


画像
表示する項目の設定

 すると、RSS記事のタイトルや概要が表示されるようになる。ギャラリーを選択すると表示されるつまみをドラッグして適切なサイズにギャラリーをリサイズすれば、見た目もアプリケーションらしくなるだろう。

画像
完成

【次ページ】社員がアプリケーションを利用する
関連タグ タグをフォローすると最新情報が表示されます
あなたの投稿

    PR

    PR

    PR

処理に失敗しました

人気のタグ

投稿したコメントを
削除しますか?

あなたの投稿コメント編集

機能制限のお知らせ

現在、コメントの違反報告があったため一部機能が利用できなくなっています。

そのため、この機能はご利用いただけません。
詳しくはこちらにお問い合わせください。

通報

このコメントについて、
問題の詳細をお知らせください。

ビジネス+ITルール違反についてはこちらをご覧ください。

通報

報告が完了しました

コメントを投稿することにより自身の基本情報
本メディアサイトに公開されます

必要な会員情報が不足しています。

必要な会員情報をすべてご登録いただくまでは、以下のサービスがご利用いただけません。

  • 記事閲覧数の制限なし

  • [お気に入り]ボタンでの記事取り置き

  • タグフォロー

  • おすすめコンテンツの表示

詳細情報を入力して
会員限定機能を使いこなしましょう!

詳細はこちら 詳細情報の入力へ進む
報告が完了しました

」さんのブロックを解除しますか?

ブロックを解除するとお互いにフォローすることができるようになります。

ブロック

さんはあなたをフォローしたりあなたのコメントにいいねできなくなります。また、さんからの通知は表示されなくなります。

さんをブロックしますか?

ブロック

ブロックが完了しました

ブロック解除

ブロック解除が完了しました

機能制限のお知らせ

現在、コメントの違反報告があったため一部機能が利用できなくなっています。

そのため、この機能はご利用いただけません。
詳しくはこちらにお問い合わせください。

ユーザーをフォローすることにより自身の基本情報
お相手に公開されます