Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
AboutTestwork
Search
soso0925
February 01, 2021
Education
0
210
AboutTestwork
学校向けの小テストサイト、Testworkのプレゼンテーション資料です。この作品は、HTML+SCSS、JavaScript+Vue.jsを利用して制作しました。
soso0925
February 01, 2021
Tweet
Share
Other Decks in Education
See All in Education
Visualisation Techniques - Lecture 8 - Information Visualisation (4019538FNR)
signer
PRO
0
1.7k
Gesture-based Interaction - Lecture 6 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.3k
10分で日本史(試案)
hidekatsu_izuno
0
180
Поступление в ТОГУ 2024
pnuslide
0
47k
D&I推進レポート〜テクノロジー分野のジェンダーギャップとその取り組みについて〜
codeforeveryone
1
1.3k
令和6年度 無料トライアルキャンペーン説明会
asial_edu
0
1.4k
Monaca Educationを活用したプログラミング授業実践
asial_edu
0
220
【実践】 パフォーマンス・チューニング~オプティマイザ活用術~
oracle4engineer
PRO
1
220
LTをすべき100の理由
eltociear
1
310
STEAM教育の枠組で行うプログラミング学習
asial_edu
0
230
Canva
matleenalaakso
0
180
千葉県印西市立・原山小学校における新たな学び「情報探究の時間」実践報告』
codeforeveryone
1
800
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
Code Reviewing Like a Champion
maltzj
516
39k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
126
32k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Put a Button on it: Removing Barriers to Going Fast.
kastner
58
3.1k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
34
6.1k
How STYLIGHT went responsive
nonsquared
92
4.9k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
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 まとめ