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
14
ピキャットのつくりかた〜つくると!7★1日目バージョン前編
keropiyo
0
19
eソーイングワークショップ「ピキャット」 つくると!7でのワークショップ1日目の資料後編です。
keropiyo
0
19
エンジニアカフェ忘年会2024「今年やらかしてしまったこと!」
keropiyo
0
250
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」前編
keropiyo
1
150
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」後編
keropiyo
1
110
CuteeWorks #6「マルチカラーシルクで可愛い基板を設計しよう!」
keropiyo
2
83
M5と自作基板をくっつけてみた〜M5 Japan Tour 2024 Spring 福冈 (Fukuoka|福岡)〜
keropiyo
1
410
可愛いハードウェアの世界へようこそ。FUKUOKA Engineers Day 2024 rebuild
keropiyo
0
130
Other Decks in Design
See All in Design
株式会社Muture_ソーシャル推進事業
muture
PRO
0
110
RAKSUL_DESIGN_DECK_20250319
raksulrecruiting
0
440
Liquid Iron
mcduckyart
1
120
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
9.7k
harutaka Vision Deck
zenkigenforrecruit
0
170
Saudade typeface
tiagoporto
0
330
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.4k
Flow, Not Stock 知識触媒としてのIA
5kaichi
1
310
線で考える画面構成
natsuume
1
900
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
shingo2000
1
1.5k
今日から意識できるアクセシビリティ
fumiko
0
280
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.9k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Statistics for Hackers
jakevdp
799
220k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Typedesign – Prime Four
hannesfritz
42
2.7k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Thoughts on Productivity
jonyablonski
69
4.8k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
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͞ΘͬͯΈ·͠ΐ͏ʂ