私が使う、生成AI(ChatGPT)でSwiftUIコーディングする時のプロンプト

最近、生成AI(ChatGPT、ゆくゆくはApple Intelligence)でプログラミングのコードを書くことが増えています。

その際、どんなプロンプトを書けば良いのか、迷うこともあります。

そこで、備忘録的に私がよく使う文章生成AIでSwiftUIコーディングをするためのプロンプトをご紹介します。

作成したのは、横6×縦7の42人の席替えをするためのアプリです。

使用したのはChatGPT 4o、投稿した日に以下のプロンプトを使っています。


ーーー

あなたはSwiftUIでコードを書くプログラマーです。次の #条件 を満たすようなコードを書く場合、どのように書けばいいか、教えてください。

#条件

・1以上42以下の自然数を1個ずつ用意すること

・7行6列の42個のセルに対して、1から42の数字を1個ずつランダムに振り分けること

・スタートボタンでランダムに数字を振るアニメーションを開始すること

・ストップボタンでアニメーションを停止すること

・画面の上部に42個のセルを、画面の下に左右でスタートボタンとストップボタンを表示すること

・画面表示と処理のswiftファイルを分けた方が望ましい場合、それぞれを分けて記述すること

ーーー


○ポイント○

・ハッシュタグを使うときは、前後に半角スペースを入れる

・条件は箇条書きにする

・ビューと呼ばれる表示する画面の処理とバックグラウンドで行う処理は切り分けた方が実行速度を早めることができる


なお、今回の生成AIとやりとりした内容は、次のURLで見ることができます(日本語)。

https://chatgpt.com/share/67dfda44-a584-8000-8efd-b064a783bf06


 

アプリケーションのスクリーンショット
アプリケーションのスクリーンショット1

 

アプリケーションのスクリーンショット
アプリケーションのスクリーンショット2



また、今回のやり取りにおいては、ContentView.swiftという最初に表示される画面のコードを書いてくれなかったので、追加でプロンプトを書いて、その画面のコードも記述してもらっています。

それらのコードを使って作成したiPad Swift PlaygroundでAppにしたものを添付します。

何かのお手伝いになれば幸いです。

Attachments

Swift SwiftUI Everyone Can Code Teaching & Learning

その他のおすすめ

情報デザインを考える

ここでは、情報をより相手に伝わりやすくするデザインについて紹介します。 あなたの授業中のワークシートや、生徒が成果物として作成する資料、あるいは、とっておきのストーリーを紹介する時のスライドにも活用することができます。 また、「情報Ⅰ」の単元である情報デザインにも対応しているため、そのまま情報の授業で活用していただくことも可能です。
さらに表示

iPad 基本操作動画シリーズ

学校で iPad を受け取ったその日から、先生方が安心して授業に活用できるように――そんな思いで作成したのがこの iPad 基本操作動画シリーズ です。 「ICTは便利そうだけど、最初の一歩が不安…」という先生も、1本3～5分の短い動画なら気軽に見られます。ちょっとした空き時間に視聴でき、すぐに実践できる内容になっています。 さらに、ICTご担当の先生方には校内研修の導入コンテンツとしてもおすすめです。動画を流しながら実際に操作を試すこ
さらに表示

元素記号のデザインを通して，化学の学びを深めてみよう！

化学で必要となる元素の性質を学ぶときに，元素について調べた内容をデザインで表現することで，単なる知識の習得に留まらず，表現力の育成に繋げていく取り組みです。
さらに表示
2件の返信

March 24, 2025 Language 日本語 – Japanese

さすが、森先生。作ったもののプロセスをすぐにシェアしてくれる！

おまけにファイルまで。

ありがとうございます！

March 25, 2025 Language 日本語 – Japanese

中村先生

ありがとうございます。

生成AIでアプリケーションを作ることが増える中で、大切なのはどんなプロンプトを入力したか、その結果をどう使ったかの2点だと私は思っています。

より良い使い方を追求していきたいと思います。

This post contains content from YouTube.

If you choose to view this content, YouTube may collect and process certain personal data. You can view YouTube’s

This post contains content from YouTube.

You have rejected content from YouTube. If you want to change your consent, press the button below.