$30 off During Our Annual Pro Sale. View Details »

コンポーネント勉強会の登壇決まったからコンポーネント勉強会登壇するためにコンポーネント勉強してみた

akira
July 31, 2021

 コンポーネント勉強会の登壇決まったからコンポーネント勉強会登壇するためにコンポーネント勉強してみた

Power Apps オンライン勉強会 ~コンポーネント祭り~
の登壇資料です。

akira

July 31, 2021
Tweet

More Decks by akira

Other Decks in Technology

Transcript

  1. 2021/07/31 Power Apps オンライン勉強会 ~コンポーネント祭り~

    View Slide

  2. 契機 先月、Twitterにて

    View Slide

  3. 契機 先月、Twitterにて

    View Slide

  4. 素人(2021/06/14)

    View Slide

  5. 自己紹介
    @Akira_365
    20歳 2DCADにハマって学生起業
    22歳 3DCADにハマる
    24歳 Adobe製品にハマる
    26歳 DTMにハマる
    28歳 CAMにハマる
    30歳 ドイツ行く
    32歳 MS365にハマる
    33歳 Power Platformにハマる
    35歳 ワンパンマンワークアウトを始める
    趣味 いっぱい
    資格 いっぱい
    いわれる事 話の幅が広い、声(だけ)イケメン
    株式会社エステブル 代表取締役社長
    -改善を、楽しもう-
    ・MS365導入支援
    ・Power Platform導入支援
    ・各種ハンズオン教育
    ・情シス代行業
    一般社団法人 勇者アカデミー理事
    ・子どもの療育支援
    ・女性支援
    ・起業家支援
    https://hanakuso365.hatenablog.com/
    ・ブログ
    『When I was XXX in the toilet, I came up with an idea!』
    ・登壇/イベント
    8/7 業務改善検討会 #5
    8/14 第33回 Office 365 勉強会
    毎週木曜 「おしえて!あきらくん!」
    ※Webページをノーコードで作成中
    https://brave-academy.or.jp/

    View Slide

  6. • プロジェクト管理アプリ
    • 図番検索アプリ
    • 社内図書アプリ
    • 社内行事アルバムアプリ
    • ビンゴアプリ
    • おみくじアプリ
    • 改善提案アプリ
    • 評価シートアプリ
    • ヘルプデスクアプリ
    • 社内流行語投票アプリ
    • 掃除当番表 ・・・など現在122個作成(うち運用は15個)
    cymbal chime
    base oboe
    harp
    cajon 銅鑼
    theremin
    Home 365 Office365
    Twitterで演奏公開中
    Office365
    日報アプリ 勤怠管理 W/F
    お歳暮アプリ 在庫管理 機器管理
    @Akira_365

    View Slide

  7. 自己紹介 Power Platform × One Punch Man Workout
    いまここ作成中

    View Slide

  8. 指標
    イマココ

    View Slide

  9. で?
    コンポーネントって何?
    ※私の今回の登壇は「自習手記」です!

    View Slide

  10. よし!なんもわからん!
    勉強しよう!
    ※私の今回の登壇は「自習手記」です!

    View Slide

  11. 5:00~27:00仕事
    徹夜
    さて、勉強・・・・

    View Slide

  12. 5:00~27:00仕事
    徹夜
    どこで・・・・?

    View Slide

  13. 検索 コンポーネントって何か調べてみた
    コンポーネント
    なんもわからん

    View Slide

  14. 検索 Docsしらべてみた
    https://docs.microsoft.com/ja-jp/powerapps/maker/canvas-apps/create-component から引用
    古くね?

    View Slide

  15. 検索 Docsしらべてみた
    PPなのかな?
    アプリ内外で
    共有できる?
    類似した
    コントロール
    パターン?
    工数削減できる?
    英語の方が
    新しい
    https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component から引用

    View Slide

  16. 仮定 定義してみた
    機能
    「コントロール」を作れるのかな?
    効果
    毎回工数をかけて作成している複雑な「コントロール(の集合体)」
    を作成しなくて済む→アプリ作成にかかる工数の削減になる?
    疑問
    「グループ化+コピペ」と何が違うんだろう?
    コンポーネントとは?(仮定)

    View Slide

  17. 実行 文言だけじゃよくわからん!
    やってみよう!

    View Slide

  18. 検証 やってみた
    ①https://make.powerapps.com/からキャンパスアプリ作成
    ②見慣れた画面へ

    View Slide

  19. 検証 やってみた
    プレビュー機能みたいなので
    「設定」
    →「近日公開うんぬん」
    →「コンポーネント」
    のトグルを「オン」に
    プレビューだと
    業務では
    まだ非推奨だな

    View Slide

  20. 検証 やってみた
    Screenじゃなくて
    「Component」の画面に移動した!

    View Slide

  21. 検証 Docsに言われるがままやってみる

    View Slide

  22. 検証 Docsに言われるがままやってみる(Docsに手順載ってるよ)
    プロパティペインの
    「Items」ってとこ押したら
    関数バーに
    Table({Items:”SampleText”})

    View Slide

  23. 検証 Docsに言われるがままやってみる(Docsに手順載ってるよ)
    ①空の垂直ギャラリー追加
    ②プロパティ変更
    Items=MenuComponent.Items
    TemplateSize=50
    サイズはcomponentに合わせたらいいんかな

    View Slide

  24. 検証 Docsに言われるがままやってみる(Docsに手順載ってるよ)
    なんかできてる!?
    テーブル値入れてあげると
    勝手にメニューができてる!
    すげぇ!
    (幼稚な感想)

    View Slide

  25. 「コントロールの集合体」を
    「コントロール」に
    できるってことか!
    検証結果 Docsに言われるがままやってみる(Docsに手順載ってるよ)

    View Slide

  26. 検索 Docsしらべてみた
    PPなのかな?
    アプリ
    内外で
    共有できる?
    類似した
    コントロール
    パターン?
    工数削減できる?
    英語の方が
    新しい
    https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/create-component から引用

    View Slide

  27. 検証 共有まわり
    他アプリからコンポーネントを
    インポート/エクスポートできるらしい…

    View Slide

  28. コンポーネントを格納できる入れ物→さらにここに入れておくと・・・
    検証 共有周り(コンポーネントライブラリ)

    View Slide

  29. 他のアプリからでも呼び出せる!デザインアイデアなど共有しやすいね!
    検証 共有周り(コンポーネントライブラリ)

    View Slide

  30. 検証結果
    いつ作るのか! 「このコントロール使い難いよ!」
    「なんでこのコントロール無いんだよ!」
    って時に使う機能なんじゃないかな!?
    (合ってんのかな?)
    「複雑なコントロール作ってんじゃねぇよ!
    できたやつ共有しろ!」

    View Slide

  31. 考察 どういうパターンの時に使うか
    市民開発者が数名いる場合
    コンポーネントライブラリ
    Design
    Idea
    Navigation Navigation Navigation
    汎用性のある
    いいアイデアを
    思いついた!
    ちょうどこういう
    デザインのパーツ
    をさがしてた!
    開発工数の削減へ
    デザインパーツを共有し
    展開できるもの

    View Slide

  32. 考察 どういうパターンの時に使うか
    市民開発者が一人の場合
    前思いついた
    パーツって
    どのアプリで
    作ったっけ?

    View Slide

  33. コンポーネントライブラリ
    Navigation Navigation Navigation
    よし!
    このアイデアは
    また後で使えそ
    うだからこの箱
    に入れとこう
    Design
    Idea
    考察 どういうパターンの時に使うか
    市民開発者が一人の場合
    デザインパーツを格納して
    分類し保存できるもの

    View Slide

  34. よく作るコントロールを
    とりあえず作ってみる
    実行 自分の環境で例を用いて検証

    View Slide

  35. 実行 作ってみた!(シャレオツメニュー)
    こちらのUIで検証
    アプリ名
    ・サロン向け予約アプリ
    ポイント
    ・ボタン1つ作るのに工数めっちゃかかる
    このメニューを
    Componentに
    してみた!

    View Slide

  36. DEMO
    チョットハマッタ

    View Slide

  37. 実行 「幅可変ヘッダー」挑戦してみた
    これ作った

    View Slide

  38. DEMO
    メンドクサイを削減

    View Slide

  39. まとめ
    (あくまで私の理解)
    機能
    仮定:「コントロール」を作れるのかな?
    結論:「コントロールの集合体」を「コントロール」として定義できる
    効果
    仮定:毎回工数をかけて作成している複雑な「コントロール(の集合体)」
    を作成しなくて済む→アプリ作成にかかる工数の削減になる?
    結論:共有や保管がしやすくなり、再利用の容易さが増し、共有性が高まる
    疑問「グループ化+コピペ」と何が違うんだろう?
    回答コンポーネントライブラリを保管庫として保存でき、再利用しやすくなる
    コンポーネントとは?(たぶん)

    View Slide

  40. 最後に
    ①時間なかったから「カスタム関数」は触れておりません
    (楽しいのは確認した、アイデアが思いつかなかった…)
    ②下の文章の説明をしておりません

    View Slide