• 2026/09/10 06:10 掲載

【Copilot神機能】筆者が試して驚愕、SharePointリストから「1分でアプリ開発」の方法

連載:Copilot for Microsoft 365で変わる仕事術

会員(無料)になると、いいね!でマイページに保存できます。
生成AIを使えば、非エンジニアでもアプリを作れるという話題を目にします。とはいえ、自分の身近な業務で何を作れば良いのか、思い浮かばない人も多いのではないでしょうか。では、普段使っているSharePointリストから、数分でアプリを作れるとしたらどうでしょう。筆者が試すと、わずか1分ほどで業務データを可視化するダッシュボードが完成しました。今回は、その方法とともに、実際に試して分かった実力を紹介します。
執筆:内田洋行 太田 浩史

内田洋行 太田 浩史

1983年生まれ、秋田県出身。2010年に自社のMicrosoft 365(当時BPOS)導入を担当したことをきっかけに、多くの企業に対してMicrosoft 365導入や活用の支援をはじめる。Microsoft 365に関わるIT技術者として、社内の導入や活用の担当者として、そしてひとりのユーザーとして、さまざまな立場の経験から得られた等身大のナレッジを、各種イベントでの登壇、ブログ、ソーシャルメディア、その他IT系メディアサイトなどを通じて発信している。

【Copilot神機能】筆者が試して驚愕、SharePointリストから「1分でアプリ開発」の方法の画像
普段使っているSharePointリストを対象に、Copilotへチャットで指示するだけで、約1分でダッシュボードが作成される(方法などについて、後ほど詳しく解説します

誰でも気軽に試せる、SharePointリストから「アプリ開発」

画像
【画像4点付き記事全文(約3800字)はこちら】
 生成AIを使ったアプリ開発に興味があっても、方法を調べたり、開発環境を用意したりするとなると、少し身構えてしまいます。また、試しに作ってみようと思っても、アプリで扱うデータをどこに用意するか、どのような項目を持たせるかを考えるところから始めなければなりません。

 こうした準備が必要になると、興味はあっても実際に試すまでには至らないものです。

 しかし、普段使っているSharePointリストを対象に、Copilotへチャットで指示するだけなら話は別です。

 Microsoft 365 Copilotユーザーであれば、新たに開発環境を用意する必要はありません。さらに、日々の業務で使っているリストには、すでに必要な列やデータがそろっています。学習のための架空のサンプルではなく、自分たちが実際に扱っている業務データを使って、すぐに試せるわけです。

 そこで筆者も、普段の業務を想定したリストを使って、さっそく取り組んでみました。
編集部おすすめ動画

【プロンプト付】ダッシュボードを作成してみた

 今回作成するのは、SharePointリストのデータを読み込み、ブラウザ上で操作できるHTML形式の簡易アプリです。まず試してみたのは、リストに登録されたデータをダッシュボードとして表示する機能です。

 リストが作成されているSharePointサイトを開き、Copilotに次のような指示を出しました。

■指示文
このサイトにある「問い合わせ管理表」リストを対象に、リストデータと接続された単一HTML形式のダッシュボードを作成してください。このダッシュボードは、開いた際にリストから全件データを取得し、最新情報を表示する必要があります。また、リスト内の列である依頼者やカテゴリでフィルターをかけて、表示するデータの絞り込みを行います。カテゴリは複数の項目を選択できることが望ましいです。

これらの要望を踏まえ、まずはリストの列構成とデータ、内容を分析し、その上でスタイリッシュなビジュアルのダッシュボードを作成してください。作成したダッシュボードのHTMLファイルはSharePointに保存し、そのリンクを教えてください。

 指示を出してから1分ほど待つと、Copilotが作成したHTMLファイルへのリンクが示されました。このHTMLファイルは、指示通りSharePointサイトのライブラリ内に保存されており、SharePointのプレビュー機能を使って、そのまま表示できます。

画像
SharePointサイトでCopilotに依頼すると、約1分でHTML形式のダッシュボードが作成され、保存先のリンクが示された
(画像:筆者提供)

 出来上がったダッシュボードを見ると、単にリストの内容を一覧化しただけではありません。件数や対応状況をカード形式のサマリーで示した上で、その下に詳細な一覧表を配置する構成になっていました。

 指示では「スタイリッシュなビジュアル」としか伝えていませんでしたが、色使いも抑えられており、業務システムのダッシュボードとして違和感のない仕上がりです。細かなレイアウトを指定しなくても、列構成やデータの内容に合った形でダッシュボードが作成されました。

画像
Copilotが作成したHTML形式のダッシュボードは、SharePointのファイルビューアーでそのまま表示できる
(画像:筆者提供)

 また、画面右上のフィルターメニューを使い、依頼者やカテゴリでデータを絞り込む操作は問題なく動作しました。一方、指示には含めていなかったキーワード検索も追加されていましたが、こちらはSharePointのファイルビューアー上で文字をスムーズに入力できず、期待通りには利用できませんでした。

 ただし、キーワード検索は、SharePointのファイルビューアー上では文字をスムーズに入力できず、期待通りには利用できませんでした。Copilotが機能を追加してくれたとしても、期待通りに動作するかは自分で試し、評価しながら改善する必要があります。

 実際、このダッシュボードは完成形ではなく、Copilotとの会話を続けながら機能やレイアウトを改善できます。グラフの追加や配置変更などもチャットで指示でき、HTMLやJavaScriptの専門知識はほとんど必要ありません。

 一方、SharePointのファイルビューアー上では、HTMLからリストへ直接データを書き込めないといった制約もあります。ただ、Copilotは標準の編集フォームを開くボタンを実装するなど、利用可能な機能を組み合わせた代替案も提示してくれました。

 今回試して分かったのは、普段使っているSharePointリストが、わずかな手間で業務用の簡易アプリに変わり得ることです。作成自体はCopilotに任せつつ、利用者ができ上がったものを評価し、改善を重ねる。この使い方なら、生成AIによるアプリ開発は非エンジニアにとっても、ぐっと身近な選択肢になりそうです。

【ここが面白い】気になる部分も「チャットで改善」

 そして面白いのはここからです。このダッシュボードは、Copilotとの会話を続けながら改善できます。

 試しに、最新月に受け付けた問い合わせの完了率をひと目で確認できるよう、ドーナツチャートの追加を依頼しました。すると、画面上に指示通りのドーナツチャートが表示されました。

画像
Copilotと会話を続けることで、ダッシュボードの機能やデザインを修正できる。ここではドーナツチャートを追加し、色使いも変更した
(画像:筆者提供)

 続けて、依頼者ごとの問い合わせ件数を比較できるように、ランキング形式のグラフも加えてほしいと伝えたところ、こちらもすぐに棒グラフとして反映されました。カードやグラフの配置についても、「もう少しコンパクトにしてほしい」と伝えるだけで調整してくれるなど、レイアウト面の細かな要望にも柔軟に応じてくれます。

 このように、気になる点をチャットで伝えることで、ダッシュボードの機能やレイアウトを改善できます。ダッシュボードの改善に、HTMLやJavaScriptの知識はほとんど必要ありません。

 重要になるのは、自分たちが欲しいものと、Copilotが作成したものとの差を見極め、具体的に伝えることです。作成作業はCopilotに任せられても、出来上がったものが目的に合っているか、期待通りに動作するかを評価するのは、利用する人の役割です。
【次ページ】試して気付いた「制約」と、Copilotが示した「代替案」
関連タグ タグをフォローすると最新情報が表示されます
あなたの投稿

    PR

    PR

    PR

処理に失敗しました

投稿したコメントを
削除しますか?

あなたの投稿コメント編集

通報

このコメントについて、
問題の詳細をお知らせください。

ビジネス+ITルール違反についてはこちらをご覧ください。

通報

報告が完了しました

コメントを投稿することにより自身の基本情報
本メディアサイトに公開されます

基本情報公開時のサンプル画像
報告が完了しました

」さんのブロックを解除しますか?

ブロックを解除するとお互いにフォローすることができるようになります。

ブロック

さんはあなたをフォローしたりあなたのコメントにいいねできなくなります。また、さんからの通知は表示されなくなります。

さんをブロックしますか?

ブロック

ブロックが完了しました

ブロック解除

ブロック解除が完了しました

機能制限のお知らせ

現在、コメントの違反報告があったため一部機能が利用できなくなっています。

そのため、この機能はご利用いただけません。
詳しくはこちらにお問い合わせください。

ユーザーをフォローすることにより自身の基本情報
お相手に公開されます

基本情報公開時のサンプル画像