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
水曜プロト 第9回「Figmaを使ってプロトタイプしてみよう!」(2023-08-23)
Search
Yamada3
August 23, 2023
Design
0
140
水曜プロト 第9回「Figmaを使ってプロトタイプしてみよう!」(2023-08-23)
水曜プロト 第9回「Figmaを使ってプロトタイプしてみよう!」(2023-08-23)
Yamada3
August 23, 2023
Tweet
Share
More Decks by Yamada3
See All by Yamada3
「こげんことしとるばい!」QUNOG 32 Meeting
keropiyo
0
23
ピキャットのつくりかた〜つくると!7★1日目バージョン前編
keropiyo
0
26
eソーイングワークショップ「ピキャット」 つくると!7でのワークショップ1日目の資料後編です。
keropiyo
0
25
エンジニアカフェ忘年会2024「今年やらかしてしまったこと!」
keropiyo
0
290
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」前編
keropiyo
1
160
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」後編
keropiyo
1
120
CuteeWorks #6「マルチカラーシルクで可愛い基板を設計しよう!」
keropiyo
2
93
M5と自作基板をくっつけてみた〜M5 Japan Tour 2024 Spring 福冈 (Fukuoka|福岡)〜
keropiyo
1
420
可愛いハードウェアの世界へようこそ。FUKUOKA Engineers Day 2024 rebuild
keropiyo
0
130
Other Decks in Design
See All in Design
文字コントラストを改めて考える / Reevaluating Text Contrast
lycorptech_jp
PRO
0
510
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.5k
#Dubois Challenge 2025: Economics
ajstarks
1
170
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
mento Design Team Portfolio
mento0fficial
1
690
エンジニアでも捗る デザイナー的思考入門
tinykitten
1
1.2k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
200
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.3k
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
デザインから開発まで一貫したデザインシステムを構築するベストプラクティス / Best Practices for Building a Consistent Design System from Design to Development
lycorptech_jp
PRO
0
520
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
We Have a Design System, Now What?
morganepeng
53
7.8k
Code Reviewing Like a Champion
maltzj
525
40k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Unsuck your backbone
ammeep
671
58k
Thoughts on Productivity
jonyablonski
70
4.8k
The Invisible Side of Design
smashingmag
301
51k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Gamification - CAS2011
davidbonilla
81
5.4k
Transcript
水 WEDNESDAY PROTOTYPING 曜プロ ト
ʮԿ͔࡞ͬͯΈ͍͚ͨͲɺͲ͏ͬͯ࡞Δͷ͔Θ͔Βͳ͍ʯ ͱ͍͏͓ΈΛ͓࣋ͪͷํඞݟʂ ϓϩτλΠϓ࡞ͷָ͠͞Λ͓͑͢ΔΠϕϯτͰ͢ʂ ਫ༵ʹϓϩτλΠϐϯάΛָ͠ΉΠϕϯτͳͷͰɺ Πϕϯτ໊ʮਫ༵ϓϩτʯͰ͢ʂ ͜ͷΠϕϯτʜ
ຊ୲ͷΤϯδχΞΧϑΣͷίϛϡχςΟϚωʔδϟʔ
ʮ'JHNBΛͬͯ ϓϩτλΠϓͯ͠ΈΑ͏ʯ ࠓճͷ͓ʜ
'JHNBͱ
'JHNBͷ։ൃϞʔυ͕ൃද͞ΕͯΤϯδχΞք۾ 'JHNBΛͬͯΈ͍ͨͱ͍͏ਓ͕૿͑ͨͷͰʁ ແྉͰԿ͔ΞϓϦέʔγϣϯͷϓϩτλΠϓΛ 'JHNBͰσβΠϯͯ͠Έ·͠ΐ͏ʂ
ʮ'JHNBʯͰάά͍ͬͯͩ͘͞ $MJDL
None
ΞΧϯτ͕ͳ͍ํ ͓͖ͳํ๏Ͱ αΠϯΞοϓ͍ͩ͘͞ɻ
ϝʔϧΞυϨεͰऔಘ͞ΕͨํϝʔϧΛ֬ೝ͢ΔΛΫϦοΫ
ࣗͷใΛ هೖͯ͠ ࣍
None
None
࣭ʹ͍͑ͯͬͯ ແྉΛબΜͰ͍ͩ͘͞Ͷʂ
طʹΞΧϯτΛ͍࣋ͯΔਓͱ߹ΘͤΔͨΊɺҰ୴ด͡·͠ΐ͏
'JHNBΛ։͍͍ͯͩ͘͞ɻ͢Δͱ͜ͷΑ͏ͳը໘ʹͳΓ·͢
'JHKBNϘʔυͰͳ͘ɺσβΠϯϑΝΠϧΛ։͍͍ͯͩ͘͞ɻ
ແͷԼॻ͖͕։͖·͢ɻ͜͜ͰσβΠϯ͍͖ͯ͠·͢ʂ
ͲΜͳαΠτΛ࡞Ζ͏͔ʁ ࣗͷ͖ͳ͜ͱΛࡐʹ͠Α͏ ࠷͖ۙͬͨͳ͜ͱͬͯͳʹʁ ͦΕΛࡐʹϓϩτλΠϓ͠Α͏ Սۭͷձࣾͷ ίʔϙϨʔταΠτ ࡞Γ͕ͪʙ
None
ՄѪ͍ج൘͕࡞ΕΔαΠτͷ ϓϩτλΠϓΛ࡞͠·͢
ϑϨʔϜΛબ͠·͢ɻσεΫτοϓΛબΜͰ͍ͩ͘͞ ʢࢲ.BD#PPL1SPΛબͼ·͢ʣ
ՄѪ͍ج൘Λ࡞ΔαΠτͳͷͰαΠτ໊Λ,BXBJJ1$#ͱ͠·͠ΐ͏
ํܗΛ࡞ͬͯΠϝʔδը૾Λഎܠʹ͠·͢ɻ
ϑΝΠϧʼը૾ΛஔͰࣸਅΛஔ͖ɺ੍ͱಁաͤ͞·͠ΐ͏ɻ
ը૾ͷஔγΣΠϓπʔϧͷͱ͜Ζʹ͋Γ·͢ɻ
ԾϩΰΛͦͷ··ίϐʔ͢ΔΑΓίϯϙʔωϯτʹ͠·͢
ϩΰΛӈΫϦοΫͯ͠ίϯϙʔωϯτͷ࡞Λબͼ·͢
࣮ίϯϙʔωϯτʹ͢Δͷ͜ͷΞΠίϯΛΫϦοΫͰ0,
ίϯϙʔωϯτΛίϐʔ͢ΔͱɺΠϯελϯεʹͳΓ·͢ɻ
ίϯϙʔωϯτΛมߋ͢ΔͱΠϯελϯεมߋ͞Ε·͢
ϩΰͷେ͖͞Λม͍͑ͨͱ͖֦େॖখΛબΜͰେ͖͞Λม͑·͢
࣍ʹϘλϯΛ࡞Γ·͢ɻํܗͱςΩετͰϘλϯΛͭ͘Γ·͢
ϗόʔͨ࣌͠ͷ৭Λ͔͍͑ͨͷͰͷ֎ʹग़ͯ͠ ςΩετʢDSFBUFʣͱํܗΛબͯ͠ίϯϙʔωϯτʹ͠·͢
ίϯϙʔωϯτʹͳͬͨΒɺόϦΞϯτՃϘλϯΛΫϦοΫ
Ϙλϯ͕̎ͭʹͳΓ·ͨ͠ɻ
$PNQPOFOUΛબִؒ͠Λ͚͋ͯݟ͑ΔΑ͏ʹΛͻΖ͛·͢
Ξηοτͷํʹදࣔ͞Εͯ·͢ͷͰ࡞ͬͨϘλϯΛஔ͠·͠ΐ͏
தԝʹσβΠϯ͠ɺϓϩτλΠϓͰϗόʔͷઃఆΛ͠·͠ΐ͏
มԽͤ͞ΔϘλϯͱͭͳ͗ɺϚεΦʔόʔΛબ͠·͢
ϓϩτλΠϓϏϡʔΛԡͯ͠ಈ࡞Λ֬ೝͯ͠Έ·͠ΐ͏
None
ϨΠϠʔΛબ͠NBD#PPL1SPzΛίϐϖͯ͠ϑϨʔϜΛ ૿ͯ͠༨ͳϩΰͱϘλϯΛআ͠·͢ɻ
ํܗͷେ͖͞Λ✖̔̔̌ʹ͠·͢
ίϐϖͯ̏ͭ͠ʹ͠·͢ɻۉʹͳΔΑ͏ʹஔ͍ͯͩ͘͠͞
͘ɹɹɹɹɹɹɹ͝Μɹɹɹɹɹɹͯ͛͞ ̎ͭͷϖʔδͷ༻్ ̏ͭͷܕͷՄѪ͍ج൘ΛબΔΑ͏ʹ͍ͨ͠ͱࢥ͍·͢
ը૾ΛషΓସ͑·͢ɻͦΕͧΕબͯ͠ը૾Λஔ͠·͠ΐ͏
̏ͭͷج൘ͷΧλνΛͦΕͧΕషΓ·͢ɻ
̏ͭͷΧλνΛ$-06%(0)"/ɹ#"(ɹͱ͠·͢ ςΩετΛબͦ͠ΕͧΕͷ໊લΛೖΕ͍͖ͯ·͠ΐ͏
ϑΥϯτͱαΠζΛมߋ͠ɺςΩετΛίϐ͠·͢ɻ ϨΠϠʔΛςΩετ͕දࣔ͞ΕΔΑ͏ʹมߋ͠·͢ɻ
(0)"/ɹ#"(ʹςΩετΛมߋ͠ ͦΕͧΕத৺ʹදࣔ͞ΕΔΑ͏ʹมߋ͠·͢ɻ
.BD#PPL1SPΛίϐϖ͠·͢ ͢Δͱɺ.BD#PPL1SP͕࡞͞Ε·͢
̏ϖʔδج൘ͷ৭Λશ෦Ͱ̔ͭબΔ༷ʹ͠·͢ɻ
$-06%ͷը૾͚ͩͯ͠ܗΛ͑·͢ɻ
ۉʹ̔ݸͷ$-06%Λஔ͠·͢ɻը૾Λஔ͠ͳ͓͠·͢
͘ࡩQOHΛબΜͰ։͖·͢
ஔ͍ͨ͠ͱ͜ΖʹΫϦοΫ͢Δͱ͘ࡩQOHΛஔͰ͖·͢
શ෦ͷ৭ͷ͘Λஔ͠·͠ΐ͏ʂ
ςΩετΛ4,63"ʹͯ͠ஔ͠·͠ΐ͏
ςΩετΛίϐϖ͠·͢
ͦΕͧΕͷ৭ͷ໊લΛೖΕ·͢ɻന͕ݟ͑ʹ͍͘ͷͰ৭Λม͑·͢
͍ͭͰʹ#"((0)"/$-06%Λίϯϙʔωϯτʹ͠·͢
৭ΛͦΕͦΕίϯϙʔωϯτԽͯ͠ίϐϖ͠·͢
ϓϩτλΠϓʹͯ͠ը໘ભҠͷΞχϝʔγϣϯͷઃఆΛ͠·͢
ϘλϯΛԡͨ࣌͠ͷભҠͷํΛઃఆΛ͠·͢
σβΠϯʹͬͯ.BD#PPL1SPzͷը૾Λม͑·͢ɻ
ը૾Λͯ͛͞ͷը૾ʹͦΕͧΕมߋ͠·͢ɻ
ͯ͛͞ͷը૾ΛೖΕସ͑·ͨ͠
ಉ༷ʹ͝Μͷը૾ΛೖΕସ͍͖͑ͯ·͢ɻ
ೖΕସ͑ྃʂʢ͋ʂͱ̐ͷը૾ٯͩͬͨʂ·͍͍͔ͬʣ
.BD#PPL1SPzΛίϐϖ͠·͢
ͦΕͧΕ৭ͷ͘Λখͯ͘͞͠Լʹஔ͠·͢
ํܗΛ࡞ͬͯதʹಈըΛೖΕͯΈ͍ͨͱࢥ͍·͢ʂ
͕ʔʔʔʔʔʔʔʔΜʂ
ఘΊͯը૾ΛషΓ·͠ΐ͏ʂํܗΛ̎ͭʹ͠·͢
͝Μͷ৭খͯ͘͞͠ۉʹஔ͠·͠ΐ͏
ج൘ͷը૾Λஔ͠·͠ΐ͏ʂ
ج൘ͷը૾ΛஔͰ͖·ͨ͠ʂ
ϓϩτλΠϓʹͯ͠ը໘ਪҠͷઃఆΛߦ͍·͢
͝Μ৭͔Βج൘ը૾ͷը໘ਪҠͷઃఆΛߦ͍·͢
ϩΰ͔Β)PNFͷը໘ਪҠͷઃఆΛߦ͍·͢
ͱΓ͋͑ͣಈ͔͍ͨ͠ॴ·Ͱը໘ਪҠͷઃఆΛߦ͍·͢
ͦΕͰ࣮ࡍʹ'JHNBͰϓϩτλΠϓΛ ಈ͔ͯ͠Έ·͠ΐ͏ʂ
None
։ൃऀϞʔυ͕༗ྉͩͱࢥͬͯͨΒ ࠓΦʔϓϯʹͳͬͯ·ͨ͠ʂ
None
None
None
None
None
None
None
None
None
None
None
None
·ͩ·ͩศརͳػೳ͕͋Γ·͢ʂ 'JHNB͞ΘͬͯΈ·͠ΐ͏ʂ