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
Project Design #03
Search
Masateru YOSHIMURA
July 07, 2020
Design
0
1.2k
Project Design #03
Masateru YOSHIMURA
July 07, 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
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
340
Memory Man v3 (WIP)
storybychad
PRO
0
2.2k
minpaku-community-scrum-patterns
norinity1103
1
170
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
AIの実践とコミュニケーションデザインの意義 / AI practice and the significance of communication design
bebe
0
680
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
990
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
380
今日から意識できるアクセシビリティ
fumiko
0
280
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
460
Saudade typeface
tiagoporto
0
330
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.3k
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
42
2.7k
Side Projects
sachag
455
43k
Building an army of robots
kneath
306
45k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Writing Fast Ruby
sferik
628
62k
How to Ace a Technical Interview
jacobian
278
23k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Visualization
eitanlees
146
16k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.5k
Transcript
ϓϩδΣΫ τ ɾ σβΠϯԋश
ࠓͷतۀͰɺ Έͳ͞Μʹఏग़ͯ͠Βͬͨ ϦαʔνγʔτΛ׆༻͠·͢ɻ
͜Ε·Ͱͷ;Γ͔͑Γ Ϧαʔνγʔτͷڞ༗ ϦαʔνγʔτΛಡΉ ࠓճͷतۀͷྲྀΕ
͜Ε·Ͱͷ;Γ͔͑Γ
ςʔϚɿΦʔϓϯΩϟϯύε
৽ܕίϩφΟϧεײછͷӨڹʹΑΓ ݄ݱࡏɺେֶͰͷΦʔϓϯΩϟϯύε͕ ࣮ࢪͰ͖ͳ͍ঢ়گʹ͋Γ·͢ɻ ߴߍੜอޢऀʹେֶͷ͜ͱΛͬͯΒ͑Δ وॏͳػձ͕ࣦΘΕ͍ͯ·͢ɻ ղܾ͍ͨ͠՝
ͦ͜Ͱɺ ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷΘΓͱͳΔ اըΛཱҊ͍ͯͩ͘͠͞ɻ
ΞΠσΞΛੜΈग़ͨ͢Ίʹɺ ·ͣɺௐΔɻ
w ΞΠσΞͷछΛݟ͚ͭΔͨΊʹɺϦαʔνෆՄܽɻͳͥͳΒɺ w ͙͢ු͔ͿΞΠσΞɺ͢Ͱʹ୭͔ʹΑ࣮ͬͯߦ͞Ε͍ͯΔɻ w ͙͢ු͔ͿΞΠσΞɺ͍͍ͩͨͭ·Βͳ͍ɻ w طଘͷΞΠσΞΛେྔʹΠϯϓοτͯ͠ɺͦΕΒΛࠞͥ߹Θͤ Δ͜ͱͰɺ৽͍͠ΞΠσΞΛੜΈग़͢͜ͱ͕Ͱ͖Δɻ w
େྔʹΠϯϓοτΛ͢ΔͨΊʹɺେྔʹϦαʔνΛ͢Δඞཁ ͕͋ΓɺࠓճͦΕΛνʔϜʢडߨੜશһʣͰߦ͏ɻ ϦαʔνΛ͢Δཧ༝
w ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷ࠵͠ͲͷΑ͏ͳͷ͔ w ͳͥͦͷΑ͏ͳ࠵͠Λ͍ͯͨ͠ͷ͔ w ݱࡏɺࣗͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ଞͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷ՝ʢ࠾༻׆ಈ͕Ͱ͖ͳ͍اۀɺϥΠϒ͕Ͱ͖ͳ͍ϛϡʔδγϟϯͳͲʣͰ
ͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷཁҼʢίϩφΠϧεʣͷӨڹΛड͚͍ͯΔͱ͜Ζ͕ੜΈग़͠ ͨΞΠσΞʹͲͷΑ͏ͳͷ͕͋Δ͔ʢྫ͑ςΠΫΞτʣ Ϧαʔνͷ༰
ͨ͘͞ΜௐͨΒɺͦΕΛ·ͱΊΑ͏ɻ ·ͱΊΔͱɺ୭͔ͱڞ༗Ͱ͖ΔΑ͏ʹͳΔɻ ڞ༗͢Δͱɺ͞ΒʹΞΠσΞͻΖ͕Δɻ ࣍ͷϖʔδͷΑ͏ʹϦαʔνͨ͠ͷΛ ·ͱΊ͍ͯ͜͏ɻ͜ΕΛϨϙʔτͱͯ͠ ఏग़ͯ͠Β͍·͢ɻ
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ Ҫ৽ฉ݄ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼
ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ ͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ ᶃλΠτϧΛ͚ͭΔ ᶄཁ͢ΔʢจࣈҎʣ ᶆҾ༻ݩΛࣔ͢ 8FCαΠτͰ͋Ε63-ɺ ৽ฉࡶࢽͰ͋Εൃߦॻ͘ ᶅࣸਅεΫγϣΛͦ͑Δͱ Θ͔Γ͘͢ͳΔ
ͦͷ༰ʹಠࣗੑ͋Γ·͔͢ʁ ൃݟ۩ମతʹ·ͱΊ·͠ΐ͏ɻ Ҿ༻దʹ͍ࣔͤͯ·͔͢ʁ 8FCͷ߹63-Λهࡌ͍ͯͩ͘͠͞ɻ
ϦαʔνγʔτຕҎ্ w ຕ࠷Ͱຕͱ͍͏͜ͱͰ͢ɻ w දࢴෆཁͰ͢ɻ w ϑΝΠϧܗࣜ1%'Ͱ͢ɻͦͷଞͷ ܗࣜड͚͚·ͤΜɻ
͜Ε·Ͱͷ;Γ͔͑Γ ͓͠·͍
Ϧαʔνγʔτͷڞ༗
ΈΜͳͷϦαʔνγʔτΛμϯϩʔυ .PPEMFͷϦϯΫΛΫϦοΫ͢ΔͱɺҎԼͷը໘͕։͖·͢ɻ " #ͭͷ1%'ʹ·ͱΊ͍ͯ·͢ɻ ྆ํΛμϯϩʔυͯ͠ಡΜͰ͍ͩ͘͞ɻ
ϑΟʔυόοΫɿ Ϧαʔνγʔτͷॻ͖ํʹ͍ͭͯ
None
λΠτϧ༰Λཁ͢Δɿंத͔ΒࢀՃͰ͖ΔΠϕϯτʮͨΒ͘͘Δ·αϑΝϦύʔΫʯ Ҿ༻ݩΛࣔ͢ɿ 8FCαΠτͰ͋Ε63-ɺ ৽ฉࡶࢽͰ͋Εൃߦॻ͘ ޡࣈࣈ ࣄલʹνΣοΫ͠Α͏ ʷͨͨ͘ ̋ͨΒ͘
ΞΠσΞͷݩΛ্ࣔͨ͠Ͱɺ৽͍͠ΞΠσΞΛϝϞΛ͢Δ wυϥΠϒεϧʔܕͷΦʔϓϯΩϟϯύε wυϥΠϒΠϯγΞλʔ෩ͷΦʔϓϯΩϟϯύε # ˢ͜ͷΑ͏ʹϝϞ͓ͯ͘͠
ϝϞΛ·ͱΊΔɹ˞ϖʔδҎ্ͷ1%'ʹͯ͠ఏग़