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
0
2.5k
Project Design #01
Masateru YOSHIMURA
June 02, 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
Liquid Iron
mcduckyart
1
100
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
390
生成AIを活用した組み込みSW設計書検索システム開発
licux
7
1.1k
マンガで分かるサービスデザインガイドライン
senryakuka
1
890
Haley's adventure chase
ivettetwin
0
220
Starry | Storyboards | Scene 1-21
giofortuna_story
0
270
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
490
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
The Golden Whitney
ohtristanart
PRO
0
160
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
350
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
670
Featured
See All Featured
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
700
What's in a price? How to price your products and services
michaelherold
245
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Unsuck your backbone
ammeep
671
58k
Fireside Chat
paigeccino
37
3.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Site-Speed That Sticks
csswizardry
10
650
A Modern Web Designer's Workflow
chriscoyier
693
190k
Adopting Sorbet at Scale
ufuk
77
9.4k
The Cult of Friendly URLs
andyhume
79
6.4k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Transcript
ϓϩδΣΫ τ ɾ σβΠϯԋश
͏·͍͘͘Α͏ʹΛڽΒ͢͜ͱɻ σβΠϯͱʁ w ͭ·ΓɺΛͯ͠Λղܾ͢Δ͜ͱ w ͦͷΛٻ͢ΔͱɺݟͨΛ͑Δ͜ͱ͕ଟ͘ͳΔ w ܗ͕ඒ͘͠ͳΔͷɺ͋͘·Ͱ݁Ռ
σβΠϯͷྫ
IUUQTUXJUUFSDPNUTVKJ@GBSNTUBUVT
None
ʹإͷਤҊΛࢪͨ͠Βɺ ഇغ͍ͯͨ͠ͷ͕ചΕΔΑ͏ʹͳͬͨʂ ͨ͠Βʜ ͏·͍ͬͨ͘ʂ͕ղܾͨ͠ʂ ͨ͠ˠ͏·͍ͬͨ͘ʂ ͕σβΠϯ
͜ͷେࠜͷแͷਤҊ࡞ʹ ߴͳٕज़ඞཁͰ͔͢ʁ ॏཁͳͷ ࢥ͍͍ͨΞΠσΞΛ͙͢ʹͬͯΈΔ͜ͱ
͜Μͳઌೖ؍͋Γ·ͤΜ͔ʁ ʮσβΠϯಛผͳೳྗͷ͋Δਓ͕͢Δ͜ͱͩʯ ͦΕҧ͏ͷͰ͢
IUUQTUXJUUFSDPNTQJDBHSBQITUBUVT
σβΠϯ୭ʹͰͰ͖Δ͜ͱͰ͢ɻ ͋ͳ͕ͨσβΠϯΛ͢Ε ੈքͲΜͲΜɺΑΓྑ͘ͳΓ·͢ɻ ͜ͷतۀͰɺ σβΠϯΛۦͯ͠ϓϩδΣΫτʹ औΓΜͰΒ͍·͢ɻ
ςʔϚɿΦʔϓϯΩϟϯύε
৽ܕίϩφΟϧεײછͷӨڹʹΑΓ ݄ݱࡏɺେֶͰͷΦʔϓϯΩϟϯύε͕ ࣮ࢪͰ͖ͳ͍ঢ়گʹ͋Γ·͢ɻ ߴߍੜอޢऀʹେֶͷ͜ͱΛͬͯΒ͑Δ وॏͳػձ͕ࣦΘΕ͍ͯ·͢ɻ ղܾ͍ͨ͠՝
ͦ͜Ͱɺ ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷΘΓͱͳΔ اըΛཱҊ͍ͯͩ͘͠͞ɻ
ΞΠσΞΛੜΈग़ͨ͢Ίʹɺ ·ͣɺௐΔɻ
w ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷ࠵͠ͲͷΑ͏ͳͷ͔ w ͳͥͦͷΑ͏ͳ࠵͠Λ͍ͯͨ͠ͷ͔ w ݱࡏɺࣗͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ଞͷେֶͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷ՝ʢ࠾༻׆ಈ͕Ͱ͖ͳ͍اۀɺϥΠϒ͕Ͱ͖ͳ͍ϛϡʔδγϟϯͳͲʣͰ
ͲͷΑ͏ʹ͍ͯ͠Δ͔ w ྨࣅͷཁҼʢίϩφΠϧεʣͷӨڹΛड͚͍ͯΔͱ͜Ζ͕ੜΈग़͠ ͨΞΠσΞʹͲͷΑ͏ͳͷ͕͋Δ͔ʢྫ͑ςΠΫΞτʣ ௐࠪʢϦαʔνʣ
ௐΕɺΞΠσΞࣗવͱ߱Γͯ͘Δɻ ྫ͑ɺ σϦόϦʔͱΦʔϓϯΩϟϯύεΛΈ߹Θͤͯ ʮΦʔϓϯΩϟϯύεΛग़લ͠·͢ʯ
ͨ͘͞ΜௐͨΒɺͦΕΛ·ͱΊΑ͏ɻ ·ͱΊΔͱɺ୭͔ͱڞ༗Ͱ͖ΔΑ͏ʹͳΔɻ ڞ༗͢Δͱɺ͞ΒʹΞΠσΞͻΖ͕Δɻ ࣍ͷϖʔδͷΑ͏ʹϦαʔνͨ͠ͷΛ ·ͱΊ͍ͯ͜͏ɻ͜ΕΛϨϙʔτͱͯ͠ ఏग़ͯ͠Β͍·͢ɻ
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼ ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ
͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ Ҫ৽ฉ݄
খࢢͷߴߍੜ͕ςΠΫΞτͷใΛ·ͱΊͨ αΠτΛ։ઃ Ҫ৽ฉ݄ ৽ܕίϩφΠϧεͷײછ֦େͰɺҿ৯ళ͕ۤڥʹཱͨ͞ΕΔதɺখࢢ ͷएڱߴ̏ͷଜٶࣚᣦ͞Μʢ̍̓ʣ͕ɺಉࢢͳͲͷ৯ςʔΫΞτ ൢใΛ·ͱΊͨαΠτΛωοτ্ʹ্ཱͪ͛ͨɻ ײછ֦େͰ֎ग़ࣗॗ͕ٻΊΒΕΔதɺҬࢢຽͷखॿ͚ʹͳΔ͜ͱ͕ Ͱ͖ͳ͍͔ͱߟ͍͑ͯͨɻͦΜͳ࣌ʹςʔΫΞτใΛ·ͱΊͨαΠτ ͕͋Δ͜ͱΛΓɺখ൛Λ࡞Ζ͏ͱࢥཱ͍ͬͨɻ ʮϑΣΠεϒοΫʯʹʮ৯ͷ·ͪখςΠΫΞτใʯΛ։ઃɻਫ਼
ళͷหൢചɺίϝͷྉແྉαʔϏεͳͲܭ̍̏݅Λܝࡌ͍ͯ͠Δɻ ͜ͷαΠτΛΓɺٳۀΛऔΓΊͯ࣋ͪؼΓΛ࢝Ίͨҿ৯ళ͋Δͱ͍ ͏ɻαΠτΛ௨ͯ͡ʮΠϯελϯτ৯ͱҧ͏ɺ৯ͷ·ͪখͳΒͰ ͷྉཧ৯ࡐ͕͋Δ͜ͱΛൃ৴͍ͨ͠ʯͱྗڧ͘ޠͬͨɻ ᶃλΠτϧΛ͚ͭΔ ᶄཁ͢ΔʢจࣈҎʣ ᶆҾ༻ݩΛࣔ͢ 8FCαΠτͰ͋Ε63-ɺ ৽ฉࡶࢽͰ͋Εൃߦॻ͘ ᶅࣸਅεΫγϣΛͦ͑Δͱ Θ͔Γ͘͢ͳΔ