Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Project Design #03
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Masateru YOSHIMURA
July 07, 2020
Design
1.3k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Project Design #03
Masateru YOSHIMURA
July 07, 2020
Transcript
22 slides
ϓϩδΣΫ τ ɾ σβΠϯԋश
ࠓͷतۀͰɺ Έͳ͞Μʹఏग़ͯ͠Βͬͨ ϦαʔνγʔτΛ׆༻͠·͢ɻ
͜Ε·Ͱͷ;Γ͔͑Γ Ϧαʔνγʔτͷڞ༗ ϦαʔνγʔτΛಡΉ ࠓճͷतۀͷྲྀΕ
͜Ε·Ͱͷ;Γ͔͑Γ
ςʔϚɿΦʔϓϯΩϟϯύε
৽ܕίϩφΟϧεײછͷӨڹʹΑΓ ݄ݱࡏɺେֶͰͷΦʔϓϯΩϟϯύε͕ ࣮ࢪͰ͖ͳ͍ঢ়گʹ͋Γ·͢ɻ ߴߍੜอޢऀʹେֶͷ͜ͱΛͬͯΒ͑Δ وॏͳػձ͕ࣦΘΕ͍ͯ·͢ɻ ղܾ͍ͨ͠՝
ͦ͜Ͱɺ ͜Ε·ͰͷΦʔϓϯΩϟϯύεͷΘΓͱͳΔ اըΛཱҊ͍ͯͩ͘͠͞ɻ
ΞΠσΞΛੜΈग़ͨ͢Ίʹɺ ·ͣɺௐΔɻ
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%'ʹͯ͠ఏग़
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
180
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
Webデザイナー中田美穂_ポートフォリオ
omy
0
240
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2.5k
ひとりで作れる時代に、判断をみんなで持つには
kgsi
1
170
Kouseki | CREATIVE CLASS成果物
yuri9911
0
280
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
tinykitten
1
680
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
150
言幹と言葉(Stems & Leaves)
kakukoki
0
270
染み出し好きの、 染み出しコントロール論
mukai_takeru
0
530
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
sekiguchiy
0
230
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
420
デザインハーネスはじめの一歩
satty9556
1
1.9k
開閉UIのアニメーション設計
hiro0218
2
1.1k
Featured
See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3.3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
800
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.8k
sira's awesome portfolio website redesign presentation
elsirapls
0
510
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.8k
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
konakalab
0
660
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.9k