和太鼓ゲーム「をとゲー」はどう作られている？使用技術と開発の工夫を紹介

こんにちは。今回は和太鼓向けWebサービス「をとゲー」の技術的な部分について紹介します。

普段は和太鼓の記事を書くことが多いですが、

向けに、実際にどのような技術を使っているのかをまとめました。

開発環境について

をとゲーは主に以下の技術で開発しています。

特別なゲームエンジンは使用しておらず、基本的にはWeb技術だけで制作しています。ブラウザ上で動作するため、アプリのインストールは不要です。スマホやタブレット、パソコンからアクセスするだけで利用できます。

最初に考えたのは、「できるだけ多くの人が簡単に使えること」でした。

アプリを配布する場合、「インストールが必要」「OSごとの対応が必要」「更新作業が複雑」といった課題があります。

一方でWebアプリなら、以下のメリットがあります。

そのため、をとゲーはWebアプリとして開発しています。

ランキング機能やログイン機能などにはFirebaseを利用しています。Firebaseを使うことで、以下を比較的少ないコードで実装できます。

個人開発ではサーバー管理の負担を減らせるため、とても助かっています。また、セキュリティルールを設定することで、不正なアクセスを防ぐ仕組みも構築しています。

リズムゲームで最も重要なのはタイミングです。少しでもズレると、「ちゃんと叩いたのに反応しない」という状態になってしまいます。そのため、以下を細かく調整しています。

特にスマホとパソコンでは処理速度が異なるため、端末による違いも考慮する必要がありました。

開発を進めていると、機能を追加するたびに処理が重くなることがあります。実際に開発中、「ロードが遅い」という問題に悩まされたことがありました。

原因を調査すると、不要な処理や読み込みが積み重なっていることが分かりました。一つずつ見直した結果、大幅に高速化することができました。個人開発では新機能を作るだけでなく、快適に動作するよう改善し続けることも重要だと感じています。

現在の開発ではAIも積極的に活用しています。例えば、コードの作成補助、エラー解決、アイデア出し、UI改善の相談などです。

ただし、AIが出力したコードをそのまま採用することはほとんどありません。実際には、

という作業が必要になります。AIは非常に便利ですが、最終的に判断するのは開発者自身です。

現在も新機能の開発を続けています。特に興味があるのは、

などです。単なるゲームではなく、「和太鼓練習プラットフォーム」として成長させていきたいと考えています。

をとゲーは、HTML、CSS、JavaScript、Firebase、AIを活用して開発している和太鼓向けWebサービスです。

高校生の個人開発だからこそ試行錯誤の連続ですが、その分たくさんの学びがあります。もしこの記事を読んでいる人の中に、「自分も何か作ってみたい」と思っている人がいたら、まずは小さな作品から始めてみることをおすすめします。

私自身も、小さなアイデアから開発を始めたことが、今のをとゲーにつながっています。