Upgrade to Pro — share decks privately, control downloads, hide ads and more …

AboutTestwork

A5c24938683187d8d5047b03fdac7a26?s=47 soso0925
February 01, 2021

 AboutTestwork

学校向けの小テストサイト、Testworkのプレゼンテーション資料です。この作品は、HTML+SCSS、JavaScript+Vue.jsを利用して制作しました。

A5c24938683187d8d5047b03fdac7a26?s=128

soso0925

February 01, 2021
Tweet

Transcript

  1. 進級展作品
 「Testwork」について
 トライデントコンピュータ専門学校
  
 webデザイン学科 1年  鈴木颯真


  2. Webデザイン学科 1年 鈴木颯真
 趣味
 ・絵を描くこと
 ・ネットサーフィン
 自己紹介

  3. 小学校〜高校ではあまりデジタル化が進んでいない
 例えば
 ・プリントがかさばる…
 ・在宅ではできない…
 ・プリント忘れたらどうしよう…
 
 
 
 1 きっかけ


  4. そこで「web上で学習できると便利」
 →小テストをweb上でできたら便利
 
 


  5. ・全体の構成
 HTML + CSS(sass) + JavaScript
 ・問題部分
 Vue.js
 ・デザイン作成
 Adobe

    XD+Illustrator
 2 制作に使用した技術、ツール

  6. 大変だったところ
 ・HTML,CSSの設計にBEMのルールを取り入れた →変更はしやすくなったのでよかった ・プログラム部分の作成(初めてのVue.js) 


  7. ・学年別
 ・科目別
 ・その日の授業内容、テストの内容
 →https://soso0925.com/testwork
 3 使い方


  8. ・今回の制作で学んだこと
 ・今後の目標など
 
 
 4 まとめ