非エンジニアでも簡単！ ChatGPT「Canvas」で便利なアプリを作成する方法【今すぐ使えるプロンプト紹介】：その悩み、生成AIが解決（1/2 ページ）

[酒井麻里子，ITmedia]

連載：その悩み、生成AIが解決

アイデアが浮かばない、こんな無駄な作業なくしたい――。ビジネスパーソンを悩ませる日々のさまざまな困りごと、ChatGPTに聞いてみませんか？　ITジャーナリストの酒井麻里子氏がプロンプトの書き方を伝授します。

Q．定型業務を効率化するのに専用アプリがあればいいのにと思っています。プログラミングはできませんが、AIを使って自分でアプリを作れますか？

　生成AIの普及で「ツールを自作する」ハードルは大きく下がった。AIにコードを書いてもらえば、非エンジニアでも簡易的なWebアプリを作ることが可能だ。ChatGPTの「Canvas」では、チャット上で指示を出しながらコードを生成・編集し、その場で動きを確認できる。

著者プロフィール：酒井麻里子（さかい・まりこ）

ITジャーナリスト／ライター。生成AIやXR、メタバースなどの新しいテクノロジーを中心に取材。その他、技術解説やスマホ・ガジェットなどのレビューも。著書に『趣味のChatGPT』（理工図書）、『先読み！IT×ビジネス講座ChatGPT』（共著・インプレス）など。Yahoo!ニュース公式コメンテーター。株式会社ウレルブン代表。XRと最新テクノロジーのWEBマガジン「TechComm-R」運営。

非エンジニアでも簡単！　ChatGPT「Canvas」で便利なアプリを作成する方法

　毎回決まった業務フローを共有するなら、Web上で動くミニアプリを作るのが便利だ。ChatGPTの「Canvas」を使うと、チャット上でテキストによって作りたいものを指示するだけで、簡単にアプリを作成できる。

　ChatGPTでミニアプリ的なツールを作るには、カスタムGPT（GPTs）というツールもあるが、こちらはあくまでもチャットの挙動をカスタマイズするものだ。一方で、Canvasを使ってアプリを作る場合、画面の見た目（UI）も含めて作り込める点がメリットとなる。

ChatGPT「Canvas」機能のスクリーンショット（筆者提供、以下同）

　今回は、社内問い合わせの窓口担当者が、メールやSlack、LINE、口頭、電話などさまざまな経路から集まる依頼を整理し、抜け漏れを減らす用途を想定し「自分専用簡易アプリ」を作成する。

　アプリ制作といっても、最初から細かい指示をする必要はない。作りたいアプリの目的や最低限必要な仕様をチャットで伝え「CanvasでWebアプリを制作するためのプロンプトを作って」と指示すればよい。

【プロンプト紹介】社内問い合わせに対応する、自分専用のアプリを作る

プロンプト

社内から経路の異なる問い合わせが集まってくるのを集約して、管理するためのアプリを作りたい。入力した情報がカードとして表示され、カンバン方式でステータス管理できるようにしたい。CanvasでWebアプリを制作するためのプロンプトを作って。

　アプリの要件や詳細な仕様が設定されたプロンプトが出力される。

作りたいものを簡単に伝えるだけで、Canvasを使ったアプリに最適化されたプロンプトが出力される

　続いて、このプロンプトを使ってアプリを構築していく。