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
Retty流世界の描き方 〜大きなビジョンを緻密にデザイン〜
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Mayumi Yamamoto
February 08, 2018
Design
1.3k
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Retty流世界の描き方 〜大きなビジョンを緻密にデザイン〜
2018年2月6日に開催された「デザイナーの放課後#2」の発表資料です。
Mayumi Yamamoto
February 08, 2018
Other Decks in Design
See All in Design
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
190
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.5k
速く作れるかではなく、速く学べるか ― 学習ループを回すパイロットの途中報告
nagata03
0
650
開閉UIのアニメーション設計
hiro0218
2
1k
Decksh keywords
ajstarks
0
120
もう迷わない!“なんとなく”を卒業するフォントの選び方【村田俊英】
toshihidemurata
0
930
タイル紹介サイト「タイルだもんで」
calpin
0
180
設計と制作 意図を形に表す / Design and Making: Intent Made Form
usagimaru
3
2.1k
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.4k
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
230
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
chiemitaki
1
360
AI時代に求められるUXデザインのアプローチ
xtone
1
9.1k
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
How to make the Groovebox
asonas
2
2.4k
Exploring anti-patterns in Rails
aemeredith
3
490
A Soul's Torment
seathinner
7
3.5k
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
2.1k
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
Building Flexible Design Systems
yeseniaperezcruz
330
41k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
57k
The Cult of Friendly URLs
andyhume
79
7k
Transcript
3FUUZྲྀੈքͷඳ͖ํ ʙେ͖ͳϏδϣϯΛ៛ີʹσβΠϯʙ σβΠφʔͷ์՝ޙ ࢁຊຑ༑ඒ
݄͔Β3FUUZʹδϣΠϯ 3FUUZͷJ04 "OESPJEΞϓϦͷ6*69։ൃʹؔΘ͍ͬͯ·͢ ΑΖ͓͘͠Ͷ͕͍͠·͢ʂ ࢁຊຑ༑ඒ 3FUUZ%FTJHOFS)$%/FUೝఆਓؒத৺ઃܭεϖγϟϦετ
ࠃ/P໊࣮άϧϝαʔϏε ϢʔβʔߘܕͷαʔϏεܗଶ $(. XFCͱΞϓϦͰαʔϏεల։ εϚϗϑΝʔετ γϯάϧυϝΠϯ ݄ؒສ66 3FUUZͷαʔϏεհ
݄ J04ΞϓϦΛϦχϡʔΞϧ
ϓϥοτϑΥʔϜͷ࠶ߏங ࠓͬͪ͜ͷ ͬͱ3FUUZΒ͍͠ମݧΛ ͜Ε͔Βͷ3FUUZΛࢦͯ͠ϦχϡʔΞϧ ͦͯ͠
3FUUZͷϏδϣϯ
3FDPNNFOE )BQQZ ʮΈΜͳͷΦεεϝʯ͔Β ࣗʹͱͬͯ#&45ͳ͓ళ͕ݟ͔ͭΔ ਓͷΦεεϝʢ3FDPNNFOEʣʹΑͬͯਓʑΛͤʢ)BQQZʣʹ͢Δ 3FUUZͷαʔϏε
ΈΜͳͷΦεεϝ͢Δ͍͕ ͨ͘͞Μू·͍ͬͯΔʂ ᰤࢠ͕͖ͳ༑ਓͷ Φεεϝ άϧϝͷୡਓͷ Φεεϝ Έ͕ࣅ͍ͯΔਓͷ Φεεϝ ौ୩ͳΒ͜ͷ͓ళʂ ͜͜ͷόʔ࠷ߴʂ
͜͜ͷᰤࢠઈʂ
ߦͬͨ ߦ͖͍ͨ ͍͍Ͷ 2 4 ܙൺणΠλϦΞϯ τϥοτϦΞɾϨοςΟ ৯ʹߦ͖͘ۄɾ໊͕͋Δ ͍·ਓؾͷύελ͞ΜͰ͢ɻ؍ΦγϟϨͰΏͬͨ Γ͓৯ࣄͰ͖·͢ɻຊ֨ΠλϦΞϯύελϘϦϡʔϜ
͋ΔͷʹͱͬͯϦʔζφϒϧʂख़ύΠφοϓϧͷ ΧΫςϧͱҰॹʹ͍ͯɺσΟφʔঁࢠձΛָ͠Έ·͠ ͨɻ࣍ϥϯνʹ ,ZPLP5BLBEB ͜Ε·Ͱʜ Ϣʔβʔ͞Μͷझ ͕ΘΔʹ ͓ళͷࣸਅͷັྗ͕ ͬͱΘΔΑ͏ʹ ࣸਅͷେ͖͞ ଓ͖͕ಡΈͨ͘ͳΔ ʹ ΈΜͳͷԠͷݟͤ ํ ళ໊ͷݟͤํ ૢ࡞ੑ ςΩετͷྔ ͬͱΦεεϝ͕Θ ΔςΩετͷҐஔ Ϣʔβʔ͞Μͷਓײ ͕ΘΔݟͤํ 3FUUZͷॏཁͳཁૉ ΦεεϝΞΠίϯ
Φεεϝ͢Δਓ ͓ళΛ୳͍ͯ͠Δਓ ΞΠίϯͰ Φεεϝͷ͍͕͑ΒΕΔ ͳΜͰΞΠίϯ͕ॏཁʁ େͳ͍
إͷදͰΦεεϝΛදݱ
Φεεϝ͢Δਓͷ͍͕γϯϓϧ͔ͭ ετϨʔτʹදݱͰ͖ͯΔʁ Ϣʔβʔ͞Μʹਖ਼͘͠Θ͍ͬͯΔʁ ͜Εͬͯʜ
͜ͷϞνʔϑʹ ͲΜͳҙຯ͕͋Δͱࢥ͍·͔͢ʁ ͦ͜ͰਓʹΞϯέʔτ
ʮ఼ಊͰͳ͍͕ɺ͍·ɺؤுͬͯΔ͓ళʂʯ ʮϢʔβʔͷ׆ಈྔ͔ͱࢥͬͨʯ ʮಛʹҙຯͳͦ͞͏ɻͨͩͷֆจࣈʹݟ͑Δʯ ʮෆ໌ɻAɺBɺCͱൺֱ͞Ε͍ͯΕཧղͰ͖Δʯ ʮԦ༷ʯ Φεεϝͷ͍͕Θ͍ͬͯͳ͍ʜ ͦ͜ͰਓʹΞϯέʔτ
Excellent Good Normal ͦ͜ͰਓʹΞϯέʔτ ͦΕͧΕͷΦεεϝ߹͍Λ 10ஈ֊ͰධՁͯ͠Լ͍͞
Φεεϝ߹͍Θ͍ͬͯͳ͍ʜ ͦ͜ͰਓʹΞϯέʔτ
Φεεϝ͢Δਓͷ͍͕ Θ͍ͬͯͳ͍
୭͕ ײతʹΘ͔Δ Φεεϝͷ ߹͍͕Θ͔Δ Φεεϝ͢Δ͍͕ ΘΔΞΠίϯͬͯʁ Ϟνʔϑ ߹͍ײ
දΛม͑Δ ϝμϧܕ ϦϘϯܕ όοξܕ ώΞϦϯάΛߦ͕ͬͨ ͲΕײతʹΘΓʹ͍͘ʜ ϞνʔϑΛݕ౼
ελʔϚʔΫΛ࠾༻ ੈͷதͷਁಁ εέʔϧͷ͢͠͞ w ংྻʹؔͯ͠ଟ͘ͷαʔϏε͕ ελʔΛϞνʔϑʹ͍ͬͯΔ w Α͘ݕࡧΛ͢ΔϢʔβʔʹ Θ͔Γ͍͢ w
ྸ ੑผ จԽͳͲʹӨڹ ͠ͳ͍ w σβΠϯͷ൚༻͕ߴ͍
ೱ αΠζ ਂ ໘ੵ ߹͍ײΛදݱ͢Δख๏
Φεεϝ߹͍Λ ೱ αΠζ ݴ༿ ʴ Φεεϝ͢Δ͍
ΞΠίϯύλʔϯݕ౼ͨ͠͏ͪ ύλʔϯͰΞϯέʔτ
ͦͯ͠ΞΠίϯʜ
͍͕ΘΔ ݴ༿ &YDFMMFOU (PPE "WFSBHF ߹͍ͷ දݱ ͷ ৭ͷҧ͍ αΠζͷҧ͍
ײతͳ Ϟνʔϑ ελʔ
None
Թ͔Έͷ͋Δ ؙܕσβΠϯ ίϝϯτͷҰମײ ϦζϜͷ͋Δ ϨΠΞτ ૢ࡞ੑΛߟ͑ͨ6* ͜ͷσβΠϯʹʂ ϥϯνɾσΟφʔ ͳͲͷଐੑՃ ΘΓ͍͢
͓ళͷλά ͖ͳ͍ ใͷ࿈ଓੑ ࣸਅຕΛදࣔ ίϯςϯπ͕Ҿ͖ ཱͭΧϥʔઃܭ ࣸਅΛେ͖͘ ຕΛ૿͢
ϦχϡʔΞϧͨ݁͠Ռ
དྷళ͕ˋ61ʂ ˞ࡢରൺ ϦχϡʔΞϧޙ Φεεϝ͢Δ͍͕Θ͍ͬͯΔʂ
ϦχϡʔΞϧޙ #&45ͳ͓ళ͕ݟ͔͍ͭͬͯΔʂ ଟͷϙδςΟϒͳ
ʮΈΜͳͷΦεεϝʯ͔Β ࣗʹͱͬͯ#&45ͳ͓ళ͕ݟ͔ͭΔ
Φεεϝ͢Δਓ ͓ళΛ୳͍ͯ͠Δਓ େͳ͍ ʮ͑Δʯ ʮΘΔʯ Λ៛ີʹσβΠϯ͢Δ
৽͍͠ΞϓϦΛ௨ͯ͠3FUUZΒ͍͠ମݧΛ ͨ͘͞Μ͍͖ͭͬͯ͘·͢ʂ
Ұॹʹ3FUUZΒ͍͠ମݧΛͭ͘ΔσβΠφʔΛืूதʂ
͓͠·͍ʂ