260531_PLUG_ノリでAI駆動開発してみた!_kama

107 Views

May 31, 26

スライド概要

一つのテーマで30種類のPower AppsをAI駆動開発(バイブコーディング)をしました。
その中でAIをどう活用したのか、何が分かったのかを書いています。

GIFをたくさん盛り込んでいますが、ドクセルでは動きません・・・

profile-image

施工管理→DX推進→データ利活用→市民開発推進 Power Apps と当たり前を見直してみることが好きです

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

(ダウンロード不可)

関連スライド

各ページのテキスト
1.

ノリでAI駆動開発してみた PLUG MeetUp Vol.2 2026年5月31日 kama@kama_bizdev

2.

はじめに 突然ですが、皆さんは1つのテーマで30種類のPower Appsを開発したことはありますか?

3.

私はあります これら全てVibe Coding で開発をしました #低UxPowerApps選手

4.

ある日突然、とある選手権を始めてみた 「はい or いいえ」に適当に回答させるのを防ぎたい

5.

レギュレーション概要 スクリーン2の回答画面のギミックを工夫する 1. 画面は横長で3スクリーン 2. 設問は7つで内容も固定 3. 最後まで回答ができるようにする必要がある スクリーン1:スタート画面 スクリーン2:回答画面 スクリーン3:結果画面

6.

そうだ、これは SKILLSを作ろう SKILLSとは:AI向けの手順書のようなもの(だと思っています) 青:固定にしたい 赤:動的にしたい 1. 画面は横長 2. 設問は7つで内容も固定 3. 最後まで回答ができるようにする必要がある スクリーン1:スタート画面 スクリーン2:回答画面 スクリーン3:結果画面

7.

SKILLSの中身はこんな感じです レギュレーションを含みつつ、固定のスクリーンはYAMLを直接記載しています。

8.

SKILLSの中身はこんな感じです 動的なスクリーン2の中は、固定部分+動的部分に分かれています。 固定部分 スクリーン2:回答画面 動的部分

9.

SKILLSの使い方 アイデアを思いついたらSKILLSを呼び出して、自然言語でアイデアを投入するだけ 設計・YAML書く・MCPサーバーでキャンバスアプリデプロイ エントリーNo.2 動体視力

10.

人間の仕事は何を作るか考えるだけ (基本的に )

11.

選手権にエントリーしたアプリ2選 せっかくなので、特に気に入っているアプリをご紹介します。 エントリーNo.12 「はい」も「いいえ」も人それぞれ エントリーNo.22 フルドライブ

12.

まとめ ノリでAI駆動開発してみて良かったこと 1. SKILLS を使ってみることでAIを使うスキルが向上した 2. Git の勉強をするようになった 3. ffmpeg で30個の動画を1つのGifに簡単にできることを知った (そして、Claude Max 5x:月額 $100 契約をしてしまった) 選手権に参加してみたい方はこちらから https://github.com/Ltantan/low-ux-survey-skill/tree/main Xやってます(@kama_bizdev)

13.

使わせていただいているレポジトリ いつも、ありがとうございます! CodeAppsDevelopmentStandard https://github.com/geekfujiwara/CodeAppsDevelopmentStandard power-platform-skills https://github.com/microsoft/power-platform-skills

14.

おまけ Code Apps でこんなの作ってみました かっこいい感じのノードリンクマップ

15.

おまけ Code Apps でこんなの作ってみました リアルタイム共有ホワイトボード

16.

AIと翔けると、 「できたらいいな」ができる。