2
2

More than 1 year has passed since last update.

家庭教師がオンライン授業のためのホワイトボード共有サイトを作ってみた(その2)

Last updated at Posted at 2023-02-08

前提

今回はログインせずにボードを使える機能の実装を行なった。
前回の記事
ボードミート

技術

バックエンド
-- 言語

  • Python3

-- フレームワーク

  • Django 3.0.6

フロントエンド
-- 言語

  • CSS
  • Javascript
  • HTML

-- フレームワーク

  • jquery
  • materiallize.css

インフラ

  • AWS EC2
  • AWS S3 storage
  • AWS Route53

アーキテクチャー

スクリーンショット 2022-11-01 18.48.36.png

アップデート内容

  • 家庭教師を授業を始める際に、いちいちログインするのが面倒くさいので、ユーザー登録、ログインをしなくてもホワイトボードを使えるようにした。

  • トップページにアクセスした際に、トークンを発行し、そのトークンを元にルームを作成するように修正を行なった。

  • start1-2.png

  • そのトークンを保持しておけば、前回使ったホワイトボードも使えるようにした。

  • 始め方ページを作成した。

使い方

スクリーンショット 2022-10-29 19.35.51.png

  • 左上のボタンはボードに記述するためのボタン、左下はリロード、退出、ヘルプ(未実装)ボタン、右下は画像貼り付けや全削除、記述したコンテンツを1つ前に戻すボタン、右上はボードをzoomしたり、動かしたりするボタンです。

  • ユーザー登録をすると、自分のホワイトボードを使うことができ、他のユーザーと相互フォロー状態になると、他のユーザーのボードも編集できるようになります。

  • 全て無料で使うことができますので、ぜひ一度使ってみてほしいです。できれば、アイデアや、感想などがあればコメントや、bm_admin@board-meet.comのメールアドレスに送信していただくと非常にうれしいです!

これから実装するもの

  • 文字のサイズ、色などを変更する機能
  • electronでデスクトップアプリケーション化すること

ボードミートのコード

GitHub: esakiryota/my-second-blog

2
2
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2
2