山田隆一公式サイト

1557.【GPT-5】ChatGPTで、「長崎ランタンゲーム」というアプリを作ってみました。【HTML/CSS/JavaScript】

2025/08/28

...

生成AI「ChatGPT」の使い方はぜひこちらをご覧くださいませ。

...

今回は、ChatGPTでゲームアプリを作ってみました。

「長崎ランタンゲーム」

今回は、「長崎ランタンゲーム」を作りました。

「長崎ランタンゲーム」

(画像をクリック・タップすると遊べます)

上の画像がゲームのトップ画面です。

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

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

「長崎ランタンゲーム」

このように拡大・縮小もできます。

...

昨日の記事でご紹介したJavaScript(このゲームを動かすためのプログラムを書くための言語)のコードの修正もうまく駆使して今回のアプリを作りました。

だんだんとChatGPTで開発することに慣れてきております。人力でコードを入力するとかなりの時間がかかるアプリを短時間で作れることは本当に革新的です。

これからも、いろいろと思いつき次第アプリを作っていきますのでご紹介いたします。

...

お読みいただき、ありがとうございました。