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
14
eソーイングワークショップ「ピキャット」 つくると!7でのワークショップ1日目の資料後編です。
keropiyo
0
16
エンジニアカフェ忘年会2024「今年やらかしてしまったこと!」
keropiyo
0
230
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」前編
keropiyo
1
140
CuteeWorks #7「電子オルゴール基板の筐体をCADで設計しよう!」後編
keropiyo
1
100
CuteeWorks #6「マルチカラーシルクで可愛い基板を設計しよう!」
keropiyo
2
80
M5と自作基板をくっつけてみた〜M5 Japan Tour 2024 Spring 福冈 (Fukuoka|福岡)〜
keropiyo
1
410
可愛いハードウェアの世界へようこそ。FUKUOKA Engineers Day 2024 rebuild
keropiyo
0
120
Other Decks in Design
See All in Design
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
Haley's adventure chase
ivettetwin
0
230
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
harutaka Vision Deck
zenkigenforrecruit
0
140
AI時代に淘汰されないデザインのしごと
akinen
1
130
freee + Product Design FY25Q4
freee
4
14k
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
280
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
430
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
970
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
290
sachi_y_portfolio
sachi337
0
260
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.3k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
BBQ
matthewcrist
89
9.7k
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
Done Done
chrislema
184
16k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
Stop Working from a Prison Cell
hatefulcrawdad
270
20k
Become a Pro
speakerdeck
PRO
28
5.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.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͞ΘͬͯΈ·͠ΐ͏ʂ