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
2
310
What is the design
関連
https://www.youtube.com/watch?v=fbLRmCQrn18
Masateru YOSHIMURA
September 24, 2020
Tweet
Share
More Decks by Masateru YOSHIMURA
See All by Masateru YOSHIMURA
Digital Design 2022-02
mathatelle
0
370
Digital Design 2022-01
mathatelle
0
270
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
Other Decks in Design
See All in Design
sachi_y_portfolio
sachi337
0
510
「UXとUIの違い」v2
shirasu3
0
230
7 Core Values of Round-L
wired888
0
1.6k
portfolio.pdf
onof003
0
160
CursorでAI活用のナレッジベースを構築する
kanzaki
0
660
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
130
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.6k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.7k
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
160
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
450
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.5k
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
186
54k
The Pragmatic Product Professional
lauravandoore
36
6.8k
It's Worth the Effort
3n
187
28k
Raft: Consensus for Rubyists
vanstee
140
7.1k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Making the Leap to Tech Lead
cromwellryan
135
9.5k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Designing for Performance
lara
610
69k
Scaling GitHub
holman
463
140k
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