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
What is the design
Search
Masateru YOSHIMURA
September 24, 2020
Design
340
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
What is the design
関連
https://www.youtube.com/watch?v=fbLRmCQrn18
Masateru YOSHIMURA
September 24, 2020
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
400
Digital Design 2022-01
mathatelle
0
290
Yoshimura Lab. 2022
mathatelle
0
1.4k
create-website-html-2021
mathatelle
0
170
Multiple pages
mathatelle
0
730
How to design the individual page
mathatelle
1
130
CodePen: Making your portfolio 2021
mathatelle
0
170
single page
mathatelle
0
900
How to optimize images for Better Web Design
mathatelle
0
2.2k
Other Decks in Design
See All in Design
Debiasing Your Software Design Decision-Making @ Flowcon '26
baasie
1
170
Starfall (2025)
rezaline
0
110
言幹と言葉(Stems & Leaves)
kakukoki
0
210
PLATEAUで白い街を作る
aikautau
0
180
デザインハーネス 〜AIが生成する"デザイン"の妥当性を、誰がどう担保するのか〜 / PdEConf2026 Design Harness
kgsi
1
500
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
securecat
1
260
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
180
保育現場にAIを 〜人と技術に橋を架けるデザインで考えてきたこと〜 uiuxcamp2026-hoiku-ai-design
hiro93n
1
390
A Corrida Maluca - Comedy Storyboard
gioli
0
110
AI時代に求められるUXデザインのアプローチ
xtone
1
8.9k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
500
「おすすめ」はなぜ信用されないのか - 信頼を築くUI/UX設計
ryu1013
0
250
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
The SEO identity crisis: Don't let AI make you average
varn
0
550
Build your cross-platform service in a week with App Engine
jlugia
234
19k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.3k
Testing 201, or: Great Expectations
jmmastey
46
8.3k
Practical Orchestrator
shlominoach
191
12k
Color Theory Basics | Prateek | Gurzu
gurzu
0
450
The Cost Of JavaScript in 2023
addyosmani
55
10k
Code Review Best Practice
trishagee
74
20k
GraphQLの誤解/rethinking-graphql
sonatard
75
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
440
Transcript
σβΠϯ֓
σβΠϯͱʁ
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ΛॏͶΔͱɺͲΜͲΜΘΓ͘͢ͳΔ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛ͙͢ʹͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ ͦΕҧ͏ͷͰ͢
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Εɺ ੈքͲΜͲΜΑΓྑ͘ͳΓ·͢ɻ
σβΠϯʹ༷ʑͳΓํ͕͋Γ·͢ɻ ݴ༿ɺύϑΥʔϚϯεɺ੩ࢭըʢΠϥετɺࣸਅʣɺಈըͳͲͳͲɻ ͦΕΒͷࣝͷੵΈॏͶ͕ɺηϯεʹͳΓ·͢ɻ ͜͜Ͱɺ 8FCαΠτͷը໘Λઃܭ͢ΔࡍʹඞཁͱͳΔࣝ ʮ৭ɺจࣈɺϨΠΞτͷٕ๏ʯʹ যΛͯͯղઆ͍͖ͯ͠·͢ɻ
ྫ <͓> ΦϯϥΠϯतۀʹ͍ͭͯ ۭͷࣸਅͱͱʹ ݴ༿Ͱදݱ͍ͯͩ͘͠͞ɻ
ϘσΠίϐʔΛՃ ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ϘσΠίϐʔΛՃච ΩϟονίϐʔΛमਖ਼ ΩϟονίϐʔΛमਖ਼ ࣸਅΛࠩ͠ସ͑
ΛॏͶΔͱɺ ࣭͕ߴ·Γɺ ΘΓ͘͢ͳΔɻ ͨ͠ͱ͜Ζ จষΛͰө૾ԽͰ͖ΔΑ͏ʹɺ ঢ়گΛ۩ମతʹඳࣸͨ͠ɻ ςΩετΛἧ͑ͨɻ༨നΛ࡞ͬͨɻ ΑΓྑ͍ࣸਅ͕ࡱΕΔ·ͰͶͬͨɻ ࠨଆʹஔ͢Δͱ͖ ςΩετΛࠨἧ͑ʹ͢Δ
༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ ༨നΛ࡞Δ͜ͱͰ ͕͍͘ ἧ͑Δ ༨ ന Λ ࡞ Δ ͭͷ͔ͨ·Γʹ͢Δ ͜ͱͰɺ·ͣ͜͜ʹ ͕ߦ͘ ἧ͑Δ ిபΛೖΕΔ͜ͱͰ෦͔Β ͷܠ৭Ͱ͋Δ͜ͱΛΘͤΔ
ࣝΛॏͶɺ܁Γฦ͠࿅श͢Δ ˺ےτϨ Ͱ͖ΔΑ͏ʹͳΔͨΊʹ ଓ͚Δ͜ͱ͕େࣄ
ͷճΓʹ͋Δ σβΠϯͷ ҙਤΛ ಡΈղ͍ͯΈΑ͏
None
͜ ͷ ं ࠂ ͷ ҙ ਤ
ʁ ώ ϯ τ ⽅ ৭ ỏ จ ࣈ ỏ Ϩ Π Ξ τ
w എܠΛԫ৭ʹͯ͠ʮҙͯ͠ཉ͍͜͠ͱʯͰ͋Δ͜ͱΛද͢ɻ w ࣈΛେ͖͘͢Δ͜ͱͰɺʮ͍͔ͭΒʯΛ໌֬ʹɻ w ϧϏΛଧͭ͜ͱͰɺࢠͲʹΘ͔ΔΑ͏ʹɻ w ӳจΛซه͢Δ͜ͱͰɺ֎ࠃਓʹΘ͔ΔΑ͏ʹɻ w ΠϥετͰى͜Γ͏ΔτϥϒϧΛࣔ͠ɺҙΛଅ͢ɻ
w େࣄͳ͜ͱ࠷ॳʹݴ͏ɻ w େࣄͳ͜ͱγϯϓϧʹݴ͏ɻ w େࣄͳ͜ͱճݴ͏ɻ w Լ෦ͷཁૉന͍എܠͱͯ͠ը໘ʹϝϦϋϦΛ͚ͭɺಡΈ͢ ͍ͯ͘͠Δɻ w จࣈʹ͍৭Λͬͯɺ͜ΕʮҙʯͰ͋Δ͜ͱΛ໌ࣔɻ w ओେ͖ͳจࣈαΠζͰͦΕ͕ΘΔΑ͏ʹɻ w ଠ͍ΰγοΫମΛ͏͜ͱͰɺڧ͍͓ئ͍Ͱ͋Δ͜ͱΛࣔ͢ɻ w ࠨ্ʹ+3ͷϩΰϚʔΫΛදࣔ͢Δ͜ͱͰɺެࣜͳΞφϯεͰ ͋Δ͜ͱΛࣔ͢ɻ w ೲಘͯ͠Β͏ͨΊʹɺཧ༝Λࣔ͢ɻ
͜͏͍ͬͨ͜ͱΛ ܁Γฦ͍ͯ͠Δͱ ݟ͑Δੈք͕มΘͬͯ͘Δ
None
ԁ
1 200ԁ
ԁ 1 200ԁ
None
None
None
None
ηϯαʔͷײ͕ྑ͘ͳΔͱ 4/4ҧͬͯݟ͑Δ
None
None
None
None
ηϯαʔͷײ͕ྑ͘ͳΔͱ ࣾձͷ͕ݟ͑ͯ͘Δ
None
None
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ΛॏͶΔͱɺͲΜͲΜΘΓ͘͢ͳΔ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
None