Power Apps :アプリ再生時に上部のバー(ヘッダー)を非表示にしたい

僕は基本的に Power Apps は、楽器アプリや家庭内で利用するアプリくらいしか作らないです。楽器アプリはレスポンスや操作を考慮してPCのストアアプリで演奏します。また家庭内で利用するアプリは家族がPC利用しないので iPhone での利用のみです。つまり、僕の用途ではブラウザーでアプリを利用する事はほぼありませんでした。

そんな時、たまたま業務で Power Apps でアプリを作ったのですが、一点気になる点が出てきました。以下、スクショを貼りますが、もちろん業務用で作ったアプリは晒せないので、息子と遊ぶように作った「かさねておえかき」アプリを例にします。

▼ブラウザーから Power Apps のアプリを再生したところ

このように上部にバーというかヘッダーというかが表示されるんですよね。冒頭で紹介したように今までほぼブラウザーからの利用想定でアプリを作った事がないので、全然気になりませんでした。しかし今回作った業務のアプリができるだけ邪魔な部分は見せたくない利用用途なんです。このままだとブラウザーの枠やタブも表示されるのでF11キーで全画面表示にするじゃないですか。

▼全画面表示

全画面表示してもこのように上部にバーが表示されてしまうんです。さて、このバーを非表示にできる方法はないか?

調べる前に備忘録のようにクセでSNSに困った事を投稿してから解決策がわかったら投稿するようにしているけど、本当に界隈の仲間は素晴らしい人ばかりで、困った事を投稿すると調べようとする前にすでに答えを教えてくれるんですよね。いつもありがとう!

■上部バーを消す方法

では、教えてもらった方法を紹介します。

これは Power Apps の設定やアプリの設定などではなく、ブラウザーのURLにパラメーターを追加する事で解決できます。

&hidenavbar=true

です。これをURLの後ろに追加して Enter です。

▼このように入力して Enter を押すと、

▼上部のバーが消えて、

▼全画面表示

キレイになりました!

社内利用のアプリであれば上部のバーが表示される事は気にする事ないですが、例えばイベント受付アプリとか来客受付アプリなど、社外の人に利用してもらうようなアプリであれば、アプリ名が表示されていたり、右にはサインインしているユーザーが表示されるなどあるので、このようにバーを非表示にしておく方が良いですね。見栄え的にも。

他にもやり方はあるかもしれませんが、とりあえずこの方法で僕の要件は満たせたので満足です。


さて、内容としては終わりですが、余談で、この「かさねておえかき」アプリは楽しいですよ。NHKのピタゴラスイッチという番組の中でやってるのをアプリ化したという感じです。Ver.1 のアプリではありますが、 YouTube に遊んでいる動画を公開しているので観てみてください。

そんなに難しくないので作ってみると良いかと思います!

TAICHI