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 #01
Search
Masateru YOSHIMURA
June 02, 2020
Design
2.5k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Project Design #01
Masateru YOSHIMURA
June 02, 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
凡庸を落とすハーネス
hiromimaeo
2
810
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
520
Accelerating performance improvement based on a software review evaluation matrix
kitanosirokuma
0
290
AVI 2026 Keynote "Vision-Driven Design"
ishii_mit
0
130
AI時代、デザイナーの価値はどこに?
tararira
2
1.9k
Frontier
rwang05
0
200
A Corrida Maluca - Comedy Storyboard
gioli
0
110
Saving_the_King_-_Storyboard.pdf
terencebasart
0
300
富山デザイン勉強会_プレゼンテーション.pdf
keita_yoshikawa
0
140
TOPOSTOPOS
shoheyey
0
170
test deck title
shotamatsuo
0
1.5k
Design dependencies
teba_eleven
0
160
Featured
See All Featured
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
490
[SF Ruby Conf 2025] Rails X
palkan
2
1.3k
Leo the Paperboy
mayatellez
8
2.2k
Faster Mobile Websites
deanohume
310
32k
The Cost Of JavaScript in 2023
addyosmani
55
10k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
920
How to build an LLM SEO readiness audit: a practical framework
nmsamuel
1
890
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
10k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
810
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.5k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
310
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
Transcript
ϓϩδΣΫ τ ɾ σβΠϯԋश
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛ͙͢ʹͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ ͦΕҧ͏ͷͰ͢
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Ε ੈքͲΜͲΜɺΑΓྑ͘ͳΓ·͢ɻ ͜ͷतۀͰɺ σβΠϯΛۦͯ͠ϓϩδΣΫτʹ औΓΜͰΒ͍·͢ɻ
ςʔϚɿΦʔϓϯΩϟϯύε
৽ܕίϩφΟϧεײછͷӨڹʹΑΓ ݄ݱࡏɺେֶͰͷΦʔϓϯΩϟϯύε͕ ࣮ࢪͰ͖ͳ͍ঢ়گʹ͋Γ·͢ɻ ߴߍੜอޢऀʹେֶͷ͜ͱΛͬͯΒ͑Δ وॏͳػձ͕ࣦΘΕ͍ͯ·͢ɻ ղܾ͍ͨ͠՝
ͦ͜Ͱɺ ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷΘΓͱͳΔ اըΛཱҊ͍ͯͩ͘͠͞ɻ
ΞΠσΞΛੜΈग़ͨ͢Ίʹɺ ·ͣɺௐΔɻ
w ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷ࠵͠ͲͷΑ͏ͳͷ͔ w ͳͥͦͷΑ͏ͳ࠵͠Λ͍ͯͨ͠ͷ͔ w ݱࡏɺࣗͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ଞͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷ՝ʢ࠾༻׆ಈ͕Ͱ͖ͳ͍اۀɺϥΠϒ͕Ͱ͖ͳ͍ϛϡʔδγϟϯͳͲʣͰ
ͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷཁҼʢίϩφΠϧεʣͷӨڹΛड͚͍ͯΔͱ͜Ζ͕ੜΈग़͠ ͨΞΠσΞʹͲͷΑ͏ͳͷ͕͋Δ͔ʢྫ͑ςΠΫΞτʣ ௐࠪʢϦαʔνʣ
ௐΕɺΞΠσΞࣗવͱ߱Γͯ͘Δɻ ྫ͑ɺ σϦόϦʔͱΦʔϓϯΩϟϯύεΛΈ߹Θͤͯ ʮΦʔϓϯΩϟϯύεΛग़લ͠·͢ʯ
ͨ͘͞ΜௐͨΒɺͦΕΛ·ͱΊΑ͏ɻ ·ͱΊΔͱɺ୭͔ͱڞ༗Ͱ͖ΔΑ͏ʹͳΔɻ ڞ༗͢Δͱɺ͞ΒʹΞΠσΞͻΖ͕Δɻ ࣍ͷϖʔδͷΑ͏ʹϦαʔνͨ͠ͷΛ ·ͱΊ͍ͯ͜͏ɻ͜ΕΛϨϙʔτͱͯ͠ ఏग़ͯ͠Β͍·͢ɻ
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼ ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ
͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ Ҫ৽ฉ݄
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ Ҫ৽ฉ݄ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼
ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ ͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ ᶃλΠτϧΛ͚ͭΔ ᶄཁ͢ΔʢจࣈҎʣ ᶆҾ༻ݩΛࣔ͢ 8FCαΠτͰ͋Ε63-ɺ ৽ฉࡶࢽͰ͋Εൃߦॻ͘ ᶅࣸਅεΫγϣΛͦ͑Δͱ Θ͔Γ͘͢ͳΔ