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
Digital Design 2022-01
Search
Masateru YOSHIMURA
April 14, 2022
Education
0
270
Digital Design 2022-01
Masateru YOSHIMURA
April 14, 2022
Tweet
Share
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
370
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
150
Multiple pages
mathatelle
0
700
How to design the individual page
mathatelle
1
100
CodePen: Making your portfolio 2021
mathatelle
0
150
single page
mathatelle
0
880
How to optimize images for Better Web Design
mathatelle
0
2.1k
What is the design
mathatelle
2
310
Other Decks in Education
See All in Education
演習問題
takenawa
0
6.2k
Open Source Summit Japan 2025のボランティアをしませんか
kujiraitakahiro
0
730
Interaction - Lecture 10 - Information Visualisation (4019538FNR)
signer
PRO
0
2k
Data Physicalisation - Lecture 9 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
450
2025年度春学期 統計学 第3回 クロス集計と感度・特異度,データの可視化 (2025. 4. 24)
akiraasano
PRO
0
130
2025/06/05_読み漁り学習
nag8
0
150
(キラキラ)人事教育担当のつらみ~教育担当として知っておくポイント~
masakiokuda
0
110
Linuxのよく使うコマンドを解説
mickey_kubo
1
150
America and the World
oripsolob
0
510
GitHubとAzureを使って開発者になろう
ymd65536
1
110
今も熱いもの!魂を揺さぶる戦士の儀式:マオリ族のハカ
shubox
0
210
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
200
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
351
20k
The Cost Of JavaScript in 2023
addyosmani
51
8.5k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Building Adaptive Systems
keathley
43
2.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
How STYLIGHT went responsive
nonsquared
100
5.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
σδλϧ ɾ σβΠϯ
࣭Ͱ͢
σβΠϯͱʁ
σβΠϯͱɺԿΛ͢Δ͜ͱͰ͠ΐ͏ʁ
ͷճΓʹ σβΠϯ͞Εͨͷ ͨ͘͞Μ͋Δ ʢ͚ΕͲʜ🤔ʣ
ࠓͷඪ ࣗͳΓͷʮσβΠϯʯΛఆٛ͢Δ͜ͱ
σβΠϯͷྫ
IUUQTUXJUUFSDPN5BUTVKJ4TUBUVT
IUUQTXXXQSFGGVLVJMHKQEPDLFOBOLPVUVVLPVUVVBO[FOOLB[PLVIUNM
None
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͜Ε͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Εɺ ੈքͲΜͲΜΑΓྑ͘ͳΓ·͢ɻ
σβΠϯʹ༷ʑͳΓํ͕͋Γ·͢ɻ ݴ༿ɺύϑΥʔϚϯεɺ੩ࢭըʢΠϥετɺࣸਅʣɺಈըͳͲͳͲɻ ͦΕΒͷࣝͷੵΈॏͶ͕ɺηϯεʹͳΓ·͢ɻ ͜ͷतۀͰɺ ʮ৭ɺจࣈɺϨΠΞτͷٕ๏ʯʹ যΛͯͯɺٕࣝज़Λʹ͚͍͖ͯ·͢ɻ
ྫ <͓> ΦϯϥΠϯतۀʹ͍ͭͯ ۭͷࣸਅͱͱʹ ݴ༿Ͱදݱ͍ͯͩ͘͠͞ɻ
ྫ <͓> ΦϯϥΠϯतۀʹ͍ͭͯ ۭͷࣸਅͱͱʹ ݴ༿Ͱදݱ͍ͯͩ͘͠͞ɻ
ϘσΠίϐʔΛՃ ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ϘσΠίϐʔΛՃච ΩϟονίϐʔΛमਖ਼ ΩϟονίϐʔΛमਖ਼ ࣸਅΛࠩ͠ସ͑
ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ͨ͠ͱ͜Ζ จষΛͰө૾ԽͰ͖ΔΑ͏ʹɺ ঢ়گΛ۩ମతʹඳࣸͨ͠ɻ ςΩετΛἧ͑ͨɻ༨നΛ࡞ͬͨɻ ΑΓྑ͍ࣸਅ͕ࡱΕΔ·ͰͶͬͨɻ ࠨଆʹஔ͢Δͱ͖ ςΩετΛࠨἧ͑ʹ͢Δ
༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ͜ͱͰ ͕͍͘ ἧ͑Δ ༨ ന Λ ࡞ Δ ͭͷ͔ͨ·Γʹ͢Δ ͜ͱͰɺ·ͣ͜͜ʹ ͕ߦ͘ ἧ͑Δ ిபΛೖΕΔ͜ͱͰ෦͔Β ͷܠ৭Ͱ͋Δ͜ͱΛΘͤΔ
σβΠϯͱʁ
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ΛॏͶΔͱɺͲΜͲΜΘΓ͘͢ͳΔ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
%FTJHOJTBSFMBUJPOTIJQCFUXFFOGPSNBOEDPOUFOU 1BVM3BOE
େͳͷ ࣗͷݴ༿Ͱఆٛͯ͠ΈΔ͜ͱ
࿅श՝ɿ ͷճΓʹ͋Δ σβΠϯͷ ҙਤΛ ಡΈղ͍ͯΈΑ͏
None
͜ ͷ ं ࠂ ͷ ҙ ਤ
ʁ ώ ϯ τ ⽅ ৭ ỏ จ ࣈ ỏ Ϩ Π Ξ τ