PowerApps x Daily UI #007 – Settings

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#007です。今回のpromptは「Settings」です。

この投稿のためにデータを仕込んでいたら先に「PowerApps x Daily UI #060」ができてしまったという経緯があります。PowerAppsちゃんはパワフルすぎるため、データを仕込むためのライトなアプリも爆速で作れてしまうんですね…あらゆるI/OがPowerAppsになっていく…
さて、Settingでやりやかったのはテーマカラーの設定です。前述のとおり色の指定自体はCDSに突っ込んでしまいましたので、もはや指定は何もすることがないくらいにラクチンです。

Power Platform のテーマカラーからアプリのテーマカラーを設定しよう

続きを読む PowerApps x Daily UI #007 – Settings

PowerApps x Daily UI #060 – Color Picker

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#060です。今回のpromptは「Color Picker」です。

元々は #007 を書こうと思っていたのですが、副次的にこちらが先にできてしまったので公開します!

Office+α のアプリとテーマカラーを表示するアプリ

今回は画像を使いたいのと、それほど件数が多くないということもあって、CDSのエンティティからアプリをビルドしました。この方法だと、本当に何も考えずに一瞬でアプリが作れるので、使い捨てのアプリを作るときにもとてもすばらしいです…。
アイコンセットはFastTrackから。

続きを読む PowerApps x Daily UI #060 – Color Picker

PowerApps x Daily UI #006 – User Profile

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#006です。今回のpromptは「User Profile」です。

前回からすごく間が開いてしまいました。このあいだにWordpressの更新があって継続するかどうか悩みましたが、初志をわすれずにぼちぼち頑張っていこうと思います。
さて、Office365のプロファイルといえばDelveですが、みなさまの会社では活用されていますか?今回はDelveを中心としたOffice365アカウントの基本的な情報をもとに、使いやすい「従業員検索」アプリを作成してみました。

Delveのプロファイルってどんなだっけ?

こんな感じです。

企業ではADと人事システムが連携していて、部署や役職などある程度の情報は自動で設定される場合が多いですね。
今回はモバイルからの用途を想定して作ってみました。

続きを読む PowerApps x Daily UI #006 – User Profile

PowerApps x Daily UI #005 – App Icon

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#005です。

今回のpromptは「App Icon」です。アプリアイコンといえば先日、Officeの新しいアイコンが公開され、Office365環境には順次リリースされていますが、PowerPlatformのアイコンは古いままでちょっとさみしい気持ち…。ということで今回は、動作するPowerAppsアプリではないのですが、「新Officeアイコン風PowerPlatformアイコン」を作ってみました!

続きを読む PowerApps x Daily UI #005 – App Icon

PowerApps x Daily UI #004 – Calculator

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#004です。

今回のpromptは「Calculator」です。電卓の実装か…とはじめから気が重かったんですが、予想通り全然気が乗らないなかなか進まず、投稿にかなり間が空いてしまいました。
ご存知の方も多いと思うのですが、電卓のプログラムは簡単なように見えて結構複雑です。学生の頃に逆ポーランド記法を使ってプログラミングした記憶がよみがえってきたりして、辛さとめんどくささがMAXになりました。しかしこのチャレンジをはじめるときに「出来があんまりよくなくてもちゃんと公開する」と宣言したので、志を低くして公開しようと思います…

続きを読む PowerApps x Daily UI #004 – Calculator

PowerApps x Daily UI #003 – Landing Page (above the fold)

この記事は「PowerAppsでDaily UIチャレンジ!UI100本ノックに挑戦します」の#003です。

今回のpromptは「Landing Page (above the fold)」です。 ランディングページのファーストビューを指しているもののようです。
初めに謝っておきますと、今回はPowerAppsとしてはほぼ何もしておらず、100%「ノンコーディング」です!

推しサービスのランディングページ

まずは何も言わずにこれを見てくれ。

続きを読む PowerApps x Daily UI #003 – Landing Page (above the fold)

PowerApps x Daily UI #002 – Credit card checkout

この記事は「PowerAppsDaily UIチャレンジ!UI100本ノックに挑戦します」の#002です。

今回のpromptは「Credit card checkout」です。クレジットカードでの決済画面ですね。実際にはセキュリティの要件からペイメントサービスに飛ばすケースが多いみたいですが、UIの練習ですのであまり難しく考えず、画面を作ってみました。

Sun’s Na-na Online Shopのクレジット決済画面

こんなイメージになりました。ショップ名もカード情報ももちろんニセモノです。

続きを読む PowerApps x Daily UI #002 – Credit card checkout