■集団塾のeラーニングシステムの性能改善（base64エンコード）
オンライン授業が進む集団塾向けのeラーニングシステムの性能改善をしました。
講師と生徒はタブレットで授業をします。最大４０人が使うシステムです。
このeラーニングシステムはiFrameを利用しています。
生徒はタブレットで講師とやりとりします。
講師からの文字や画像を読み込むのに数分かかっていました。画像データをbase64へエンコードすることでデータ量を300MBから12MBに改善しました。結果として読み込みスピードを改善しました。
改善前：ページ表示１０分、データ量３００MB
改善後：ページ表示５秒、データ量は１２MBへ改善
■クライアント課題
最大４０人の生徒のホワイトボードを同時に添削したい。
その際に添削の表示スピードが遅い。
【対象機能】
・生徒がタブレットで操作すると、ボード画面へ自動反映される。
・講師がタブレットで、個別または複数人または全員の生徒タブレットへ採点・添削ができる。
base64とは
base64という言葉を聞いたことがあるでしょうか？？
base64とは、64進数を意味する言葉で、すべてのデータをアルファベット（大文字小文字）と数字、一部の記号の64文字で表すエンコード方式です。
Webページの表示の際にリクエスト数を減らすためにbase64でエンコードした画像をhtmlにそのまま埋め込むなどに使用されています。
■作業内容
生徒と講師の読み込みスピードを5秒以内に反映するように性能改善
■開発期間
開発期間
2021年3月から2021年4月
開発規模
2人月
■対応範囲
コーディング
プロラム：Node.js/php/Vue.js
環境構築
開発環境を提供の上、性能改善開発
システムテスト
単体テスト
テスト仕様書・テストレポートを作成、納品
受入テスト
クライアント様にて対応
システム保守・運用
対応なし
■対応技術
プログラム：Node.js/php/Vue.js
データベース：mySQL
■類似実績
・音楽系アーティスト共同プロジェクトのコーポレイトサイト構築（システム保守）
本案件は、公式ファンクラブサイトの開発をしました。開発後のシステムの保守や運用の業務も請け負いました。
ONETECHは、業務システムを始めさまざまなシステム開発、アプリ開発、ソフトウェア開発をベトナム オフショアで開発しています。
