Power Apps オンライン勉強会 ～MVP二人会～ https://powerapps.connpass.com/event/205658/

1. カスタムリスト添付ファイル
Power Apps をそえて
Power Apps オンライン勉強会 ～MVP二人会～
#JPAUG #PowerApps
@yamad365
https://qiita.com/yamad365
山田 晃央（Yamada, Teruchika）
Microsoft MVP
Business Applications
2020 -

2. こんなコト
言われたんですﾖ

3. 社内ポータル
です
(簡単だけど)

4. 添付ファイルの
中身も
表示してよ！

5. 標準機能に
無いんです
詳細で
確認して
ください

6. そんなの
メンドーだよｯ！

7. で
き
ね
ぇ
っ
て
い
っ
と
る
が
や
！
（
名
古
屋
弁
）

8. とは言え。
ニーズがあるらしい。
じゃぁ、アレするか。

9. ﾏｶｾﾛｰ!

10. 自己紹介 どうも“やまさん”です。

11. 喋るヒト
#愛知 #名古屋弁 #三河弁 #M365 #MSクラウド
#PowerAppダイスキー #MVP #BizApp
株式会社アイシーソフト
シニアテクニカルマネジャー
http://www.icsoft.jp/
yamad365
https://qiita.com/yamad365

12. 通称「火消魂 のヒト」です
【悩み】
オンライン勉強会だと、バックプリント(背景)をご覧いただけない (;´Д｀)

13. “Yamad365”
で
検索してください！

14. おしながき
1. 経緯の説明（は既に完了している認識ｗ）
2. Power Apps で対応案1
3. Power Apps で対応案2
4. まとめ

15. さて、本題。
の
その前に…

16. 説明に利用するSPOカスタムリスト
「タイトル」
と
「添付ファイル」
だけですｗ

17. Qiita で記事公開済みです
■SPOカスタムリストの添付ファイルを Power Apps で一覧化する
https://qiita.com/yamad365/items/48d1c03ba5c42272d8d2
■“Yamad365”で検索、または下記からもどうぞ
https://qiita.com/yamad365

18. おしながき
1. 経緯の説明（は既に完了している認識ｗ）
2. Power Apps で対応案1
3. Power Apps で対応案2
4. まとめ

19. 対策案1 Gallery in Gallery

20. ギャラリーコントロールの”入れ子”
• 手順
1. Screen に ギャラリーコントロールを追加する
2. ギャラリーコントロール の1行目編集状態で、
さらに、ギャラリーコントロールを追加する

22. 子ギャラリーに「添付ファイル」
コントロール プロパティ 設定値
Gallery2 Items ThisItem.添付ファイル
Gallery2
のLabel
Text ThisItem.DisplayName

23. 対策案1の課題
1. ファイルの種類がひと目でわからない
2. クリックしても反応しない

24. 課題に対する改善アイディア
◆課題1
• ファイルの種類がひと目でわからない
◆改善案
• 対応したアイコンを表示する
• 拡張子で判断しましょう( “.” で Split して Last 取るです)
https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/functions/function-first-last?WT.mc_id=BA-MVP-5004053
https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/functions/function-split?WT.mc_id=BA-MVP-5004053

25. 課題に対する改善アイディア
◆課題2
• クリックしても反応しない
◆改善案
• Launch 関数でヨロシク処理する
https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/functions/function-param?WT.mc_id=BA-MVP-5004053#launch

26. 参考情報
• Office Online で開きたい場合は、
URL末尾に ”web=1” パラメーターを付与
https://qiita.com/yamad365/items/235496e6962708e0f95a
• Office クライアントアプリで起動したい場合は、
URI スキームを指定する（※ブラウザー依存）
https://qiita.com/yamad365/items/314797ab42cf93606dde
https://docs.microsoft.com/ja-jp/windows/uwp/launch-resume/reserved-uri-scheme-names?WT.mc_id=BA-MVP-5004053

27. おしながき
1. 経緯の説明（は既に完了している認識ｗ）
2. Power Apps で対応案1
3. Power Apps で対応案2
4. まとめ

28. 対策案2 Gallery in Attachments

29. 添付ファイルコントロールの強制移植
• 手順
1. Screen に ギャラリーコントロールを追加する
2. ディスプレイフォームコントロールから、
「添付ファイル」コントロールをコピーしてくる
https://qiita.com/yamad365/items/48d1c03ba5c42272d8d2

30. 強制移植の手順
1. 新しい Screen を追加する
2. 追加した Screen へ「ディスプレイ」フォームコントロールを追加する
3. [添付ファイル]が表示されるようにフォームコントロールを設定する
4. Gallery1 等で選択されているアイテムを表示するよう設定する
（※手順省略可能）
5. 表示された内容から『添付ファイルコントロール』のみをコピーする
6. 追加したい Gallery コントロールへペースト
7. プロパティの[表示モード]を“ビュー”へ変更
8. 色々とエラーになっている箇所を修正する
9. 添付ファイルコントロールの[Items]プロパティへ
“ThisItem.添付ファイル”を指定

31. Step by Step の説明はデモで補完
（作る時間が無かったヨ。ｺﾞﾒﾝﾅｻｲ）

33. クライアントアプリ起動させたい場合
「添付ファイル」コントロール
[詳細設定] → [Value] プロパティ
を
“AbsoluteUri”
➢ スマホだとエラーになります… → “AbsoluteUri”

34. ダウンロードさせたい場合
「添付ファイル」コントロール
[詳細設定] → [Value] プロパティ
を
“Value”

35. iPhone で試してみた

36. おしながき
1. 経緯の説明（は既に完了している認識ｗ）
2. Power Apps で対応案1
3. Power Apps で対応案2
4. まとめ

37. まとめ
資料だけでは動きがわかりづらい…。是非、皆さんも実際にお試しください。

38. 主観的比較
対応案 メリット デメリット
対応案1
Gallery in Gallery
A) 自由度が高い
→ 右クリックイベントが
認識できたらなぁ…
B) スマホ側の挙動も、
“ある程度”コントロール可能
→ ほぼ自作になるのでw
A) 実装の手数が多い
→ めんどくせぇｗ
B) アイコン準備が大変
対応案2
Gallery in Attachments
A) 実装の手数が少ない ＝ 楽
→ コピペ＋α で完了する
B) 見た目が ”それっぽい”
→ アイコンも自動なので楽
A) 自由度が低い
B) スマホ側の挙動が不安
C) コントロールの情報が少ない
→ Docs すらない(;^ω^)

39. まとめ
•自由度を求めるなら Gallery の入れ子 推奨
•手軽さ、”それっぽさ”を求めるなら、
「添付ファイル」コントロール移植
✓添付ファイルコントロールは、
少々クセがあるのでご利用は計画的に！

40. 必要に応じて選択です！

41. 君は自由だ。
選びたまえ、つまり作りたまえ。
ジャン＝ポール・サルトル
「実存主義はヒューマニズムである」より

42. まず「作る」「試す」。
話はソレからだ。

43. 貴方のアイディアと、
ほんの小さなアプリで、
業務が改善される！(かもしれない）

44. 素晴らしい
Power Platform Life を！

45. See you next
Japan Power Platform User Group
🤩🤩🤩

46. See you next
#JPAUG
😍📢👍