【登壇】【ビリビリ】ナレッジ共有アプリを作ってみる ~自動生成アプリをカスタマイズから始めよう~ のシリーズを開催、動画もアップしていますー!

はじめに

Daiさんと一緒に主催をしているコミュニティ「奇想天外ビリビリ☆Power Apps同好会」で、7/18から週一のペースで、
ヨウセイ登壇の「 ナレッジ共有アプリを作ってみる ~自動生成アプリをカスタマイズから始めよう~」の登壇イベントをシリーズで開催しています!
今後も適宜こちらのページも更新して、イベントリンクや登壇動画(YouTube)のリンクを更新していく予定です!

動画の中でもお伝えしておりますが、作りながら関連したトピックの解説やちなみに話など盛り込みつつゆっくりと進めております。すでにご存じの内容もあると思いますし、こんな風にやるんだ!などご参加、ご視聴いただく方によって反応は様々かと思いますが、ナレッジ共有アプリの作成以外の部分でも、何らかのヒントや知見となれば幸いです。

TIPS#8 9/5の回で一旦シリーズ最終回を迎えました!ご参加いただいた皆様、動画ご視聴いただいた皆様ありがとうございました!
※ちょっと残していた部分はリターンズとしてそのうちにイベントをやるか記事にするかもしれません!

ナレッジ共有アプリを作ってみる ~自動生成アプリをカスタマイズから始めよう~ シリーズ

イベントページリンクや今回作成するアプリの概要や趣旨について
開催はTeams会議で大体木曜日の夜9:30~45あたりから、23時くらいまでの感じで進めています。

イベントページリンク(全体)

イベントの概要

最近は自動生成アプリもレスポンシブ対応となりアプリ作成のパターンも様々となってきたので、
今回はこの自動生成アプリとデータベースにはSPOリストをベースにカスタマイズをしていって、
ナレッジ共有をするアプリを作っていこうと思います。
自動生成アプリやレスポンシブな実装、モダンな機能などに触れつつ進めていこうかと思っております。

イベント趣旨

・Power Apps 同好会らしく気楽に、ゆるーく作りながら考えながら作っていこうと思います。
・1回では終わらないので、1時間ずつくらいで数回に分けて進めていこうと思ってます。(週1~隔週くらい)
・最初はブログに書いている部分もあるのでそちらをご紹介しつつ、アプリ作成パターンの違いなどもご紹介しようと思います。

アプリ概要

今考えているナレッジアプリの概要や機能は以下の感じです。
作っている途中で思い付いたら追加したり、時間の都合でやっぱやめたーなどあるかもしれません。
臨機応変な内容になりますので、ご容赦ください。

・ナレッジをカテゴリ別(複数対応)に投稿できるアプリ(HTML形式で)
・レスポンシブ対応、スマホ対応
・サンプルではとりあえずPower Platform系のナレッジに
・データソースはひとまずSPOリスト

アプリの機能など

・自動生成アプリでスタートしてちょいちょいカスタマイズする(微調整したり好みに合わせて変える)
・モダンコントロールを色々使う(ヘッダー、タブリストなど)
・モダンなカラー調整する
・いいね機能を付ける
・ソート機能を付ける(登録やいいね順など)
・カテゴリ、キーワード検索付ける(2000件以下として委任警告無視するかも)
・新規登録があったらTeamsへ通知する、イイネされたら投稿者へ通知する
・投稿アイテムをコピーして、直リンク貼り付け機能
・DataverseやDataverse for Teamsへの移植も検討してみるかも? →ここは別の機会にやる想定です

イベントYouTubeリンクと概要・関連記事

イベントはアーカイブとしてYouTubeにアップしています。
こちらに開催の都度リンクを追記していきます。また、各イベントページにもリンクを貼っています。

第一回

ひとまずはSPOリストの用意から、アプリ作成ルート、自動生成アプリ(レスポンシブ対応)の概要、 空のキャンバスとの違いなど、モダンコントロールのヘッダーを追加まででした。

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ① アプリ作成の流れ | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ② 自動生成アプリ概要 | Power Apps Tips ログ (youseibubu.com)
SharePointリスト 列の内部名と調べ方(日本語、エクセル取込み) | Power Apps Tips ログ (youseibubu.com)

第二回

前回の振り返り、モダンカラー、フォームの調整(幅、HTMLテキスト、動的な高さ調整、空カードの活用やWidthFitのススメなど)、最後にタイトル部のイケてない箇所を調整まででした。
フォームだけで終わってしまいましたね💦次回はギャラリーの方に入っていこうと思います!

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
キャンバスアプリ モダンテーマを公開アプリで動的に変更する方法!(SaveDataでキャッシュも) | Power Apps Tips ログ (youseibubu.com)
フォームのレイアウトについて (カスタマイズサンプル) | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ⑤ WidthFitでフォーム列はみ出し調整 | Power Apps Tips ログ (youseibubu.com)

第三回

ギャラリー部の項目調整、ギャラリーinギャラリーでの複数カテゴリ表示、動的位置調整、タブリスト、情報アイコンの活用などでした。

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ⑧ タブリストでギャラリー内フライアウトメニュー | Power Apps Tips ログ (youseibubu.com)
モダンコントロール タブリストがかなりイケてる!(フライアウトメニューなど) | Power Apps Tips ログ (youseibubu.com)

第四回

通信が悪くご迷惑おかけしました。
ギャラリーDefaultプロパティやフィルター、委任について、カテゴリ検索用コントロールの配置とレスポンシブ、複合的なフィルター実装などの以前のアプリや記事でのご紹介、アイコン→モダンボタンになど

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ④ タイトル部とギャラリーデフォルトの調整 | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ③ ギャラリーフィルター部分の調整 | Power Apps Tips ログ (youseibubu.com)
Power Apps ギャラリーのフィルター はAND、ORを使おう(IF文ネストは増えると大変) | Power Apps Tips ログ (youseibubu.com)
SPO複数選択肢列を 複数選択コンボでフィルターする実装方法 | Power Apps Tips ログ (youseibubu.com)

第五回

ギャラリーのレイアウト微調整、カテゴリのフィルター、複数×複数コンボのフィルター、ローディング、リフレッシュ追加 やギャラリー件数表示(AllItemsCount)、いいねアイコンの表示切替、O365Userコネクタの利用などでした。

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
SPO複数選択肢列を 複数選択コンボでフィルターする実装方法 | Power Apps Tips ログ (youseibubu.com)
Power Apps ギャラリーのフィルター はAND、ORを使おう(IF文ネストは増えると大変) | Power Apps Tips ログ (youseibubu.com)
モダンアイコン OnSelectがないのでクラシックアイコンかモダンボタンのアイコンのみで対応しましょうー | Power Apps Tips ログ (youseibubu.com)
User関数のEmailはUPN メールアドレスと異なるケースがあるのでOffice365 ユーザーコネクタを使用がベター | Power Apps Tips ログ (youseibubu.com)

第六回

いいね機能の実装(複数ユーザー列への追加、削除)、バッチでの件数表示、位置調整 並び替え機能の実装(昇順、降順、対象項目の切り替え)と委任対応、非対応の内容の紹介でした。

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
User関数のEmailはUPN メールアドレスと異なるケースがあるのでOffice365 ユーザーコネクタを使用がベター | Power Apps Tips ログ (youseibubu.com)
キャンバスアプリ 並び替え機能 SortとSortByColumns | Power Apps Tips ログ (youseibubu.com)
自動生成 レスポンシブアプリのカスタマイズ ⑥ ソート(並び順)タブリストで対象列切替え | Power Apps Tips ログ (youseibubu.com)

第七回

動的なギャラリー・フォーム幅の切り替えや微調整、 Copy関数でアイテムリンク取得、IfErrorでエラー対応、Param関数でアイテムリンク作成などでした。

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
水平・垂直コンテナーでギャラリー・フォームの幅を動的に変更する(レスポンシブ・横スクロール) | Power Apps Tips ログ (youseibubu.com)
キャンバスアプリ Copy関数が便利!(クリップボードへコピー) | Power Apps Tips ログ (youseibubu.com)
Copy関数 URLコピー機能(アラート対応 & 埋め込みアプリでもCopy使えるっぽいぞ? ) | Power Apps Tips ログ (youseibubu.com)
Param関数 でアプリ起動時に指定ページを開く、他 | Power Apps Tips ログ (youseibubu.com)

第八回 最終回(仮)

レイアウトなど微調整、Teamsへの埋め込み、Power AutomateでのTeams通知:アイテム登録通知、アプリ呼び出しでいいねされた場合の通知やボタンで共通処理実装などの各種Tipsをご紹介しています。
※Dataverse for Teams版、Dataverseへの移植検討などは時間を見つけて検証の上記事にするかイベントするか検討しますー!

■関連ブログ記事リンク:
自動生成 | Power Apps Tips ログ (youseibubu.com)
Power Apps と Power Automate 連携 その① (Power Apps (V2)トリガーで接続変更)
Power Apps と Power Automate 連携 その② (フロー呼び出しとアプリへ返却)
気ままに勉強会 #63 「Power Appsと Power Automateの連携あれこれ」登壇動画

おわりに

はじめにへも記載していますが、ちなみに話を盛り込みつつゆっくり進めております。
最近のアップデート関連やモダン関連、レスポンシブ関連などさまざま入れ込んでますのでひとつでもヒントとなればと思いますー。
2024/9/5 #8の回で一旦区切りとして最終回となりました!
ご参加いただいた皆様、ご興味を持っていただいた方、動画をご覧いただいた皆様ありがとうございましたー!
またそのうちに続きや別の企画などやっていく予定ですー!お楽しみに~!それでは!

ぴーたくん

ダラダラ企画にお付き合いいただいた皆様サンキュー!!
また次の企画(やリターンズ)をお楽しみに!

この記事は役に立ちましたか?

もし参考になりましたら、下記のボタンで教えてください。

ヨウセイ

ヨウセイ

一般職からSharePoint、C#、.NET系技術者へ、そこからPower App、Power Automate技術者へと転身。 ワンランク上のおっさんはPower Appsでシステム開発が出来る〜! qiitaや自社HPでも技術ブログを書いていました。

関連記事

コメント

この記事へのコメントはありません。

CONTENTS