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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
380
Digital Design 2022-01
mathatelle
0
270
Yoshimura Lab. 2022
mathatelle
0
1.3k
create-website-html-2021
mathatelle
0
160
Multiple pages
mathatelle
0
710
How to design the individual page
mathatelle
1
120
CodePen: Making your portfolio 2021
mathatelle
0
150
single page
mathatelle
0
880
How to optimize images for Better Web Design
mathatelle
0
2.2k
Other Decks in Design
See All in Design
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
1.9k
第18回サイゼミ
lw
1
3.3k
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
160
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.1k
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
1.1k
DESIGNEAST 2025 A-3
_kotobuki_
0
130
Ralph Penel Portfolio
ralphpenel
PRO
0
260
Emmy's Artwork
mcksmith
0
190
Crisp Code inc.|ブランドガイドライン - Brand guidelines
so_kotani
1
300
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.4k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.3k
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
2.7k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.6k
Bash Introduction
62gerente
615
210k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
61k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.8k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
290
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
1
49
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
200
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
62
49k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
250
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
From π to Pie charts
rasagy
0
120
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%'ʹͯ͠ఏग़