Vue.jsで選択制のノベルゲームを開発しました!

Vue.jsで恋愛シミュレーションゲーム『デートシミュレーター佐藤翔 100の質問』を開発しました。私がデート中に繰り出す100個の質問を間違えずに回答するとクリアです。1回でも間違えればゲームオーバーです。ぜひ婚活中の独身女性の方は挑戦してみてください。

数年前に婚活用に私だけが登場するマッチングサイトを作ってテレビ番組「月曜から夜ふかし」で取材してもらってけっこうバズったのですが、いまだに独身でアラフォーになってしまいました。焦り始めたので今回は私だけが登場する恋愛シミュレーションゲームを作ったというわけです。これで私はもう待っているだけでいいはずです(笑)

このゲームはVue.js3で開発しました。ビルドツールはVite(ヴィート)を初めて使ってみましたが、非常にビルドが速く快適に作業ができました。また、iOSやUnityで作ることも検討しましたが、やはりブラウザで誰もがすぐにできるのが良いと思ってVue.jsを採用しました。JavaScriptがあまり得意ではない自分でもVue.jsはとても書きやすく1.5ヶ月程度で完成しました。
ノベルゲーム開発の方法としてはJavaScriptベースのティラノスクリプトも有名ですね。今回はVue.jsの可能性も知りたかったので既存のゲームエンジンは使わずにVue.jsを採用しました。

今回の開発に際しては、GitHubCopliotも契約して使ってみましたが、……本当にこれ無しではもう開発できないよ…というくらい助けられました。特に使ったのはチャット機能で、「●●●な機能を実装したいからメソッドを書いて」と打ち込むと、ある程度修正は必要ですが、大部分をそのまま使えるVueのメソッドをまるごと書いてくれました。GitHubCopilotはプログラミングが得意な人はより高速に開発を実現でき、プログラミングがやや苦手な人は今までスキル不足で作れなかったアプリが作れるようになると思います。いずれにせよ基本的なプログラミングスキルは必要になりますね。

また、このアプリは日本語版以外に、英語版、中国語版、韓国語版も作りました。

https://dating-simulator.com/ (日本語版)
https://en.dating-simulator.com/ (英語版)
https://kr.dating-simulator.com/ (韓国語版)
https://cn.dating-simulator.com/ (中国語版)

日本語をChatGPTで翻訳してもらいました。日本語のセリフはjsonファイルになっており、それをChatGPTに少しずつ翻訳してもらいました。あまりに多いテキスト量を一気にお願いするとChatGPTは処理しきれないことがありました。それにしても英語版も他の各言語バージョンもはそれぞれたったの1日で完成しました。ChatGPTのようなAIを活用することで、多言語アプリが非常に短期間で開発できるようになったと感じています。

ITmedia様に取り上げていただきました。
無理ゲーすぎ!「婚活中の僕(実在)との恋愛ゲーム」公開、100問正解必須

この恋愛ゲームの仕組みを活用して、他にもオンライン接客アプリや面接シミュレーションなど様々なアプリを開発できそうです。いろいろ作ってみようと思ってます。

この記事を書いた人
ショウ
ショウ

Webデザイナー兼マーケター。趣味はテニス。猫とK-POPとハノイが大好き。

「趣味」カテゴリの記事

まだありません。

「趣味」記事一覧
JVBベトナムの会社見学ツアーを実施しました!
LiferayをMacにDockerでインストールする方法。日本語化と編集方法も解説
JVBコラム
資料をダウンロードしていただき、
お気軽にご相談ください!
2024年12月現在、
ご依頼可能です!
1分のかんたん入力 資料ダウンロード(無料)