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

PowerApps x Daily UI #001 – Sign UP

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

はじめのPromptは「Sign UP」です。新しいサービスに登録するときの画面ですね。
ビジネス向けということを考えて、銀行のインターネットバンキングに登録する画面を作ってみましたが、PowerAppsで実装するケースはあまりなさそうですね…。あくまでサンプルなので、寛容に見ていただければと思います。

三七銀行(架空)のインターネットバンキング登録受付画面

こんなイメージになりました。
※三七銀行というのはもちろん架空の銀行名です。

続きを読む PowerApps x Daily UI #001 – Sign UP