This Co報

2024年7月の技育ハッカソンvol.8の提出作品

概要

• Discord Botを使い、サーバーを跨いでイベント情報を収集する
  • /addコマンドでイベント情報を登録できる
  • /listコマンドで登録したデータを閲覧できる
  • /deleteコマンドで登録したデータを削除できる
• 収集した情報をDBに保存し、Webページで表示する

目的

イベント情報の発信を気軽に行えるようにすることで、情報発信を活発にする。

使用技術

• Next.js
• Discord.js
• MySQL

環境構築

• WSLのインストール
• VS Codeにdev containerをインストール
• このリポジトリをクローン

Discord Bot/DB

1. ./backendをVS Codeでdev containerで開く
2. ./backend/.envを作成し、./backend/.env.sampleを参考に記述
3. ./backendでyarnを実行
4. ./backendでyarn devを実行

Frontend

1. ./frontendをVS Codeでdev containerで開く
2. ./backendでyarnを実行
3. ./backendでyarn devを実行

全体を走らせるとき（本番環境or全体テスト）

1. ./をVS Codeで開く
2. WSLを起動
3. ./.envを作成し、./.env.sampleを参考に記述
4. docker compose up --build

メモ

• MYSQL_CONTAINER_NAMEに半角英数字1文字を指定するとエラーが出る
• Discord Bot/DBやFrontendと全体を走らせるときはコンテナー名が衝突する
  • コンテナー名が衝突したら削除する
  • docker ps -aq | xargs docker rmですべてのコンテナーを削除する