Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
AboutTestwork
soso0925
February 01, 2021
Education
0
130
AboutTestwork
学校向けの小テストサイト、Testworkのプレゼンテーション資料です。この作品は、HTML+SCSS、JavaScript+Vue.jsを利用して制作しました。
soso0925
February 01, 2021
Tweet
Share
Other Decks in Education
See All in Education
yasslab
PRO
2
370k
matleenalaakso
0
4k
uranoken
0
140
taka0607
0
8.4k
minecr
0
700
nana_csx
0
180
ichimichi
2
1.2k
matleenalaakso
0
820
signer
PRO
0
360
event2020
0
140
shoichihasegawa
0
580
productmarketing
0
130
Featured
See All Featured
morganepeng
21
1.3k
morganepeng
95
14k
jcasabona
8
590
sferik
613
55k
chriscoyier
779
240k
shlominoach
176
7.6k
myddelton
109
11k
malarkey
193
8.7k
lauravandoore
440
29k
rmw
12
870
destraynor
146
19k
aarron
258
36k
Transcript
進級展作品 「Testwork」について トライデントコンピュータ専門学校 webデザイン学科 1年 鈴木颯真
Webデザイン学科 1年 鈴木颯真 趣味 ・絵を描くこと ・ネットサーフィン 自己紹介
小学校〜高校ではあまりデジタル化が進んでいない 例えば ・プリントがかさばる… ・在宅ではできない… ・プリント忘れたらどうしよう… 1 きっかけ
そこで「web上で学習できると便利」 →小テストをweb上でできたら便利
・全体の構成 HTML + CSS(sass) + JavaScript ・問題部分 Vue.js ・デザイン作成 Adobe
XD+Illustrator 2 制作に使用した技術、ツール
大変だったところ ・HTML,CSSの設計にBEMのルールを取り入れた →変更はしやすくなったのでよかった ・プログラム部分の作成(初めてのVue.js)
・学年別 ・科目別 ・その日の授業内容、テストの内容 →https://soso0925.com/testwork 3 使い方
・今回の制作で学んだこと ・今後の目標など 4 まとめ