はじめてのラップバトル

https://github.com/ryosaburo/ObjectT-Hackathon

JavaScript

Node.js

Vue

ラップ生成とバトルシミュレーションを行うやつです

小山龍馬

古賀勇人

推しアイデア

誰でも簡単にラップを作成できるように単語を選択して作るようにしたところです

作った背景

今回のお題が「初めての〇〇」でチームで話し合いラップバトル誰もやったことないしいいんじゃねとのことで制作決定!!

推し技術

MeCabを使用してコンピュータに日本語を理解させてデータベースに入っている言葉を理解

プロジェクト詳細

タイトル:DueRap(デュエラップ)

初めての人でもラップバトルができる!? カードゲーム形式でライムを選び対戦開始 手軽にラップバトル!

image 好きな言葉をドラッグして並べよう!

image
出来上がったバースでバトル開始!

image
某MCを打ち負かせ!

image

※元々インフラを構築せずにローカルで動かす前提で開発を行いました(インフラの知識が全くない) ※現在ラップの作成は行えますがバトルができません


技術スタック

フロントエンド

  • Vue.js

バックエンド

  • Node.js

データベース

  • SQLite

データ処理

  • MeCab

開発環境

  • VSCode Copilot (GPT-4.1)

成長したこと

  • 1から企画を行い当初の目標まで達成することができた
  • それとなく制作の流れを理解することができた

作った感想

  • Gitでの管理がまだまだでうまく作業ができなかった
  • 一つ一つどのような原理で動き、どういったものを構築するのかを理解してAIを利用することができたのはよかった
  • 発表直前にローカルサーバーが復活して一部機能を損なったものの核となるラップの作成はできるようになったので良かった
  • チーム全員がインフルエンザになってもここまでできたのは奇跡だと思います

小山龍馬

@490f244affb16b4f