1557.【GPT-5】ChatGPTで、「長崎ランタンゲーム」というアプリを作ってみました。【HTML/CSS/JavaScript】
2025/08/28
...
生成AI「ChatGPT」の使い方はぜひこちらをご覧くださいませ。
...
今回は、ChatGPTでゲームアプリを作ってみました。
「長崎ランタンゲーム」
今回は、「長崎ランタンゲーム」を作りました。

(画像をクリック・タップすると遊べます)
上の画像がゲームのトップ画面です。

「今すぐパズルを始める」のボタンから、この画面に進めます。パズルゲームです。様々な色のかわいいランタンが並んでおります。

例えば、この緑色のランタンを選択しましょう。そして押しっぱなしで下に動かしてみます。スマホだとゆっくりと指を動かすことがコツです。

すると、ランタンが消えました!そうなんです。同じ色のランタンを縦か横に3つ並べると消えます。連鎖(コンボ)が起こり、右の青いランタンも消えました。

ランタンを消すとポイントを獲得できます。そしていつか上部に書いてある目標を達成します。するとボーナスポイントも獲得できます。

上部の「街並みを飾る」ボタンを押すとこのような画面に移動できます。様々なランタンを購入して画面に飾ることができます。

試しに『赤ランタン』を購入すると、こうやって画面に赤ランタンが表示されます。

このように拡大・縮小もできます。
...
昨日の記事でご紹介したJavaScript(このゲームを動かすためのプログラムを書くための言語)のコードの修正もうまく駆使して今回のアプリを作りました。
だんだんとChatGPTで開発することに慣れてきております。人力でコードを入力するとかなりの時間がかかるアプリを短時間で作れることは本当に革新的です。
これからも、いろいろと思いつき次第アプリを作っていきますのでご紹介いたします。
...
お読みいただき、ありがとうございました。
- ...
-
「ChatGPT」カテゴリの記事一覧
- ...
-
前の記事へ
-
ブログのトップへ戻る
-
次の記事へ