トライデントコンピュータ専門学校 進級制作展ロゴマーク

トライデントコンピュータ専門学校 進級制作展ロゴマーク

Webデザイン学科1年生のオンラインでの進級作品展示です。【期間限定:2022年2月3日(木)〜 2月13日(日)】

QTalkキャプチャ
QTalkキャプチャ
QTalkキャプチャ

作品概要 #

授業中など静かな環境で声を出しにくい時に使うトークアプリ。授業中にスマホを触ったりすると怒られることがあるのでバレないように使えるようにとこのwebアプリを制作しました。この作品をはじめとしてJavaScriptへの理解を深めていきたいと思っています。
https://qtalk2022.herokuapp.com/

制作者 #

  • M.Ota
  • フロントエンドエンジニア志望
  • HTML+CSS、JavaScript
  • Visual Studio Code
  • 株式会社アイ・セプト賞

SNS など #

プレゼンテーション動画 #

アピールポイント #

参加者が左側に出て誰が参加しているかわかりやすいようにしました。並べる方法に手こずったが、JavaScript で参加者が分かるように並べた。
二つ目はファイル共有です。共有したいものを送信できなくて困っていたけど送信をしてメッセージエリアにしっかり入るようにしました。
三つ目は参加していなくてもメッセージを打ててしまうことがあったので名前を矯正的に決めさせるようにしました。最初に名前を決める画面を画面に大きく表示させ参加者をわかるようにしました。

制作者感想 #

今回このトークアプリを制作して HTML+CSS と JavaScript への理解を深められたと思います。
わからないこともたくさんありましたが納得のいくものに出来てよかったです。
今回サーバーと繋ぐ JavaScript のコードなどは調べて借りたものですが、id 名などを自分で考えたものに変えて作成をしました。
JavaScript のコードを見てかなりの手間があるのを知りました。ただ人のものを見てやるだけではなく、自分で JavaScript を扱えるようになりたいと思いました。

コメント #

作品ならびにプレゼン動画の閲覧ありがとうございました!
さらに学生作品への評価・アドバイス、感想などコメントいただけると、今後の制作、就職活動の励みになります。