ミーネクスト
読み込み中...

介護施設のクリスマス会用ミニゲームを作る|ChatGPTに日本語で指示

420回視聴9か月前00.0☆☆☆☆☆所要時間 15分

介護施設向けのミニゲームを、ChatGPTに日本語で指示しプレビューで確かめて作る方法です。 介護施設のクリスマス会で使える、やさしい操作のミニゲーム作成レシピです。

材料(必要なもの)

ChatGPT有料プラン推奨
Gemini有料プラン推奨

手順

1

ゲーム作成を指示する

ChatGPTに「どんなゲームを作りたいか」を具体的に伝えます。 目的・見た目・操作条件を入れるのがポイントです。

プロンプト例
ブラウザでそのまま遊べる、回収アクションゲームを作ってください。 HTML・CSS・JavaScriptのみを使い、1ファイル構成で実装してください。外部ライブラリは使わないでください。 画面の上方奥には、トナカイが引くソリに乗ったサンタクロースの後ろ姿を大きく表示してください。 プレイヤーはサンタクロースを追いかけている設定です。 左右には、クリスマスツリーが並ぶ一本の雪道の背景を配置し、奥行きのある構図にしてください。 全体はピクトグラム調・フラットデザインで、クリスマスらしい配色にしてください。 画面上方から、サンタクロースが落としたプレゼントがランダムな位置で流れてきます。 プレイヤーは画面下部に配置し、左右スライド操作で移動して、プレゼントを回収します。 プレゼントを回収したらスコアが加算され、簡単なエフェクトを表示してください。 取り逃がしてもゲームオーバーにはせず、体験重視の設計にしてください。 流れてくるプレゼントの量や速さは、終盤にかけて少しずつ増加させてください。 ゲームはページを開いたら「START」ボタンで開始されるようにしてください。 時間は100秒間で、終了後は最終スコアを表示してください。 以上の要件で、プレビューで実際に操作できるようにコーディングして表示してください。
💡
テクニック

・完成度の高いコードを出してもらうには、「目的(例:クリスマス感を出したい)」「見た目(例:サンタとトナカイの絵文字)」「動作条件(例:ブラウザで遊べる)」を明確に伝えることがポイントです

2

プレビューで動作確認

生成されたコードをそのままプレビューで確認します。 操作は分かりやすいか 絵文字や表示が見やすいか 動きが速すぎないか 気になる点があれば 「もう少しゆっくりにして」「文字を大きくして」など、 日本語で修正指示するだけでOKです。

💡
テクニック

コードの内容は分からなくて大丈夫!もし知りたい場合はコードをコピーして「これどういうこと?」とAIに確認しよう!

3

ゲームをプレイ

完成したら、そのままゲームとして使用します。 利用者さんが操作してプレイ 職員さんが操作して、みんなで応援 スコアを見ながら会話を楽しむ コードは保存しておけば、 来年のクリスマスや別イベントでも再利用できます。

💡
テクニック

・コードはそのまま保存して、年末イベントや社内報などでも活用可能です!

コツ・ポイント

・「誰が使うか(利用者さん向け)」を最初に伝える ・操作は左右のみ・失敗してもOKにする ・見て楽しいデザインにすると参加感が高まる

関連レシピ

みねすけ

この内容を、体験会や研修でもっと深く学んでみませんか?

株式会社WEAVEの体験会(120分)や生成AI研修(12時間・助成金対象)で、実践スキルを体系的に身につけられます。会社に推薦すると紹介特典5万円もあります。

会社に研修をリクエストする

人気のレシピ

ChatGPTで作った画像をCanvaで編集する方法|マジックレイヤーで文字も直せる1

ChatGPTで作った画像をCanvaで編集する方法|マジックレイヤーで文字も直せる

2,059回視聴
Gemini Notebookの始め方|渡した情報のみから回答するAI2

Gemini Notebookの始め方|渡した情報のみから回答するAI

630回視聴
図面から数量をChatGPTで拾う|外壁・足場・屋根の面積を計算式つきで3

図面から数量をChatGPTで拾う|外壁・足場・屋根の面積を計算式つきで

124回視聴
ChatGPTの画像生成で一部だけ修正|作り直さずコメントで指示4

ChatGPTの画像生成で一部だけ修正|作り直さずコメントで指示

114回視聴
Gemini Notebookの音声解説|概要・評論・議論の3スタイルを比較5

Gemini Notebookの音声解説|概要・評論・議論の3スタイルを比較

462回視聴

コメント

まだコメントはありません。最初のコメントを投稿してみましょう!

次におすすめ

ChatGPTで作った画像をCanvaで編集する方法|マジックレイヤーで文字も直せる

ChatGPTで作った画像をCanvaで編集する方法|マジックレイヤーで文字も直せる

基礎初級