Giter Site home page Giter Site logo

suecalystegia00 / susan-next Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 1.98 MB

和歌山大学データサイエンス講義専用質問対応チャットボット

Home Page: https://susan-xi.vercel.app

Dockerfile 0.53% JavaScript 0.48% TypeScript 66.45% CSS 0.27% PHP 31.28% Shell 0.98%
docker liff liff-mock messaging-api nextjs php tailwindcss typescript

susan-next's Introduction

Hi there 👋

susan-next's People

Contributors

suecalystegia00 avatar

Watchers

 avatar

susan-next's Issues

[BUG] ログイン失敗しまくり

概要

LIFFログインが失敗しまくる.特にPCだと最悪.
原因の究明と早期の解決が必要.

再現手順

セッションが切れてからのログイン.
一度ログインが成功してからセッションが維持される10分間(?)は普通に動く.

修正しないとどう困るか

ログインを何度も繰り返さないと入れない.やばい

原因

不明

修正案

現状なし

[Request]投稿質問一覧ページを作成する

概要

投稿された質問を一覧できるページを作成する

目的

他の学生の質問をわかりやすく,全て確認できること

提案内容

旧システムよりわかりやすく,見やすいデザインにしたい

タスク

  • カード形式で表示し,クリックしたら詳細ページへ遷移
  • 質問のパラメータを表示する
    • 未解決・解決済み
    • 第何回の質問か
    • 投稿時刻(timestamp)
    • 質問文

[Request]Docker環境を完備する

概要

中途半端な環境構築になっているのを整備する

目的

引き継いだ開発者が開発しやすい環境を整える

提案内容

root
|-- front (LIFF アプリ.Next.jsプロジェクト) / Vercel
|-- api (主にLIFFのバックエンド周り)
|-- bot (LINE bot)
|-- database (ローカル開発用のデータベースサーバ)

タスク

  • front
  • api
  • bot
  • database

[BUG]セッションストレージにデータを保持してリクエスト回数を減らしたい

概要

不具合というほどではないが,再読み込みorブラウザバックのたびにAPIへの通信が起こるのはパフォーマンスとしてよろしくない.
特に質問リストのページと詳細ページは頻繁に行き来すると思われる

修正しないとどう困るか

パフォーマンスが下がる.
学生のスマホ通信量を圧迫するのは特に可愛そう.

原因

質問リストの情報をブラウザ側に保存させていない

修正案

質問リストのデータをセッションストレージに保持させて,ブラウザバック時などはそちらから取得する.

[Request]回答者が教員か学生かわかるようにする

概要

次回の実験では学生が回答するようにする
このとき質問者側が学生の回答か教員の回答かわかるようするべき?

目的

教員の回答と学生の回答を区別できるようにする

提案内容

回答・チャットの背景色を学生と教員で分ける

タスク

  • User.Typeによって色を変更

[BUG] IDtokenの有効期限切れの場合のみ自動再読み込みさせる

概要

  • ログイン失敗時は再ログインを要求するようになっているが,トークンの有効期限が切れた場合はエラーメッセージから判断できるため,再読み込みできる
  • トークンの有効期限切れ以外のエラーについては再ログインを要求する画面にする

修正案

[Request]メッセージ送信中のローディング画面を追加

概要

新規メッセージ送信時のローディング画面を追加

目的

  • 複数回の送信ボタン利用を阻止
  • 処理中であることを明示

提案内容

  • 薄くローディング画面をかぶせる

タスク

  • 細かいタスクに分解できているなら書き出す

[Request] DB整形 + BE処理修正

概要

古のDBを使いまわしているので,テーブル・カラムを整形する.
次の実験(学生が回答者側に回る)のためにも必要.

目的

次の実験準備

タスク

  • Questions テーブル(質疑応答情報)
    • 構造修正
    • FE, BEの送受処理修正
  • Discussions
  • Users
    • position: instructor | student
    • canAnswer: bool
  • BotTalk
  • ViewingHistories

[Request]質問詳細ページの作成

概要

個々の質疑応答情報の詳細ページを作成する

目的

質問と回答の閲覧,追加のメッセージ送信など.

教員には回答フォームを表示する

タスク

  • 質問文
  • 回答
  • スレッド
  • メッセージフォーム
    • テキスト
    • 画像
  • 回答フォーム

[Request] 学生か教員か判定

概要

  • ユーザのuIdを基に,学生か教員かを外部のAPIを叩いて判定する

目的

  • ユーザが学生か教員かを判定するAPIを叩き,AuthContextに反映させる

提案内容

  • LIFFログイン時に外部APIを叩く処理を追加する

タスク

  • /types/models ... ユーザ情報に "学生" または "教員" を示す "position" を追加
  • contexts/AuthContext ... ユーザ情報に "学生" または "教員" を示す "position" を追加
  • components/Authenticated ... 外部APIを叩いてAuthContextに反映させる
  • pages/index ... 確認として表示する

[Request] HOW TO USE ページ

概要

  • なにげに使い方がわからない人もいてそうなのでページを作る.

目的

  • 利用の流れがわかるように

提案内容

  • 基本は手順通りにリストで出すといいかも
  • 実際のデモ動画を載せるのもあり?

タスク

  • 細かいタスクに分解できているなら書き出す

[BUG]質問詳細ページへのリダイレクトがされない

概要

LIFF URLにリダイレクト先として質問詳細ページを追加してもリストのページに飛ばされる.

再現手順

修正しないとどう困るか

詳細ページに一発で遷移できないのでやや面倒くさい.

原因

  • 不明

修正案

  • 不明

[Request] 回答依頼をランダムな学生に配信

概要

  • 実験の根幹システム
  • 質問投稿時に,ランダムな学生に回答を依頼する

目的

  • 実験のため

提案内容

  • www2サーバーにAPIを立てる
  • 質問投稿時にVercelからAPIを叩く
  • 依頼先の学生のUserIdリストを取得し,配信

タスク

  • 細かいタスクに分解できているなら書き出す

[Request] LINE bot の応答をNext.js APIで管理したい

概要

Next.jsのAPI routesを使ってLINE botのエンドポイントを作成.メッセージの応答を管理する

目的

Node.js版 LINE SDKで以前より快適なbotライフを.脱PHP.

提案内容

  • React Hooksとか使えば実は割と色々できるのでは?(具体性ゼロ)

タスク

  • エンドポイント

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.