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
エンジニアリングするデザイナーが領域を超えて見えたこと / designers-to-impl...
Search
Mayumi
April 14, 2016
Design
6.6k
8
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
エンジニアリングするデザイナーが領域を超えて見えたこと / designers-to-implement
Mayumi
April 14, 2016
More Decks by Mayumi
See All by Mayumi
should_designers_implement?
numasaki
6
1.1k
デザイナーがXcodeを使って開発効率をUPさせた5つのエピソード / designer-xcode
numasaki
1
440
Other Decks in Design
See All in Design
このスロップ時代に良きデザインをつくるには? / good-design-in-the-slop-era
kgsi
1
1k
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
260
Saving_the_King_-_Storyboard.pdf
terencebasart
0
380
20260802東京都市大学オープンキャンパス授業
a2k
0
110
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
0
120
デザイナーがいない部署にハーネスを設計する
kenichiota0711
5
5.4k
2026/6/26 第6回韓日リビングラボネットワークフォーラムin世宗 ー未来を作るリビングラボー アジアの社会システム転換に向けたリビングラボの可能性
a2k
2
120
PLATEAUで白い街を作る
aikautau
0
210
JBUG大阪#9_登壇資料_引き継ぎで困らないためのBacklogWikiの整え方_ミスと属人化を防ぐために、 “次の人が動ける状態”をどう残すか
webnaut
2
290
自社プロダクトのUIをAIが再現するデザインビルドシステム
toy1618
0
1.3k
開閉UIのアニメーション設計
hiro0218
2
1.1k
デザイン組織の"次の"強みづくり
isaikaori
2
320
Featured
See All Featured
From π to Pie charts
rasagy
1
400
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
630
Un-Boring Meetings
codingconduct
0
460
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.5k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
730
For a Future-Friendly Web
brad_frost
184
10k
Practical Orchestrator
shlominoach
192
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
The Curse of the Amulet
leimatthew05
3
15k
First, design no harm
axbom
PRO
2
1.3k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.4k
Transcript
None
1SPpMF J04"OESPJE 9DPEF TXJGU "OESPJE "OESPJETUVEJP YNM J04 ϚϯΨΞϓϦ J04
73ΞϓϦ J04"OESPJE ϙΠϯτϝσΟΞΞϓϦ ಈըߘΞϓϦ J049DPEF TXJGU
ͳͥྖҬΛ͑ͨͷ͔ʁ ͖͔͚ͬ ྖҬʹೖΓࠐΉલͷ౻ ԿΛ͖ͯͨ͠ͷ͔ʁ ։ൃڥηοτΞοϓ 6*࣮ ͳͥྖҬΛ͑ΒΕͨͷ͔ Կ͕มԽͨ͠ͷ͔ʁ ྖҬΛ͑ΔҎલͱࠓ εΩϧΛ׆͔͢
ྖҬΛ͑Δ͜ͱͷεεϝ
͖͔͚ͬ ͳͥྖҬΛ͑ͨͷ͔ʁ
1+5ཁ݅ ࠷༏ઌɿόάͩΒ͚ͷΞϓϦΛਖ਼ৗ ΤϯδχΞλεΫ αʔόʔαΠυΫϥΠΞϯτɺ मસͰͳ͘ɺ࡞Γ͠ͷঢ়ଶ ϦϦʔε·Ͱʹ͞Εͨ࣌ؒ ϲ݄
ϦϦʔε࣌ͰͷλεΫফԽ 4ZTUFN MBZPVU (SBQIJD *OUFSBDUJPO
ϦϦʔεޙͷԠ ɾจষ్͕தͰݟΕͯͯ࠷ޙ·ͰಡΊͳ͍ ɾมͳϚʔδϯ͕ۭ͍ͯΔ ɾཁૉ͕มͳҐஔʹͣΕͯදࣔ͞ΕͯΔ
ল Ϣʔβʔମݧ͕ଛͳΘΕ࣮ͣίετԼ͛ΒΕ Δ6*มߋͷஅ͕Ͱ͖ͣΤϯδχΞͷෛ୲ΛݮΒ ͤͳ͔ͬͨ ϦϦʔεʹ࠷ݶඞཁͳظؒΛݟੵΕͣɺϏδ ωεଆઆ໌͢Δ͜ͱ͕Ͱ͖ͳ͔ͬͨ
σβΠφʔ͕มΘΒͳ͚Ε ԿมΘΒͳ͍ .ZBOTXFS
ྖҬʹೖΓࠐΉલͷ౻ ͳͥྖҬΛ͑ͨͷ͔ʁ
ཱ྆ͷख๏͕ະ 6*69(SBQIJD &OHJOFFSJOH 9DPEF EBZ ʁIPVS %FTJHO
ͬͯΈͳ͖ΌΘ͔Βͳ͍ .ZBOTXFS
ڥηοτΞοϓ ԿΛͨ͠ͷ͔ʁ YDPEFͰͷ։ൃ४උΛྫʹ
ɾ9DPEFͷಋೖ "OESPJEͰ͋Ε"OESPJETUVEJP σβΠϯπʔϧͱಉ͡ɻϘλϯΛԡ͚ͯͭͩ͠ɻ ɾ1SPWJTJPOJOH'JMFͷ࡞ ΤϯδχΞʹґཔɻࠓͰۤखɻ ɾ(JUͷجૅࣝ I΄ͲͷجૅࣝΛϨΫνϟʔ͖ɺͦͷޙಠֶɻ ɾ(JUͷ(6*UPPMͷઃఆ ࣗͷ߹4PVSDF5SFFΛબఆɻ ɾ$PDPB1PETͰϥΠϒϥϦΛಋೖ
શʹΤϯδχΞཔΈɻ࠷ۙखॱΛؒҧ͑ͯॿ͚ͯΒͬͨʜ
6*࣮ YDPEFͰͷ։ൃΛྫʹ ԿΛͨ͠ͷ͔ʁ
৭ͱ'POU4J[Fมߋ қɿ TUPSZCPBSEฤूՕॴ
6TFS%FpOFE3VOUJNF"UUSJCVUFTͰ ίʔυΛॻ͍ͨؾʹͳΔ қɿ TUPSZCPBSEฤूՕॴ
TUPSZCPBSEฤूՕॴ ը૾ͷൺΛࢦఆ қɿ
WJFX%JE-PBE ʹίʔυΛॻ͖࢝ΊΔ қɿ TXJGUϑΝΠϧ
Ϛʔδϯͷௐ࢝͠ΊΔ қɿ TUPSZCPBSEฤूՕॴ
5BCMF7JFXͷϨΠΞτ࣮ қɿڧ 5BCMF7JFX 100% 9:40 PM / : H H
( a pg bvbg ( 7 HH Fm bl a a 989 8H sc vbg ( a r r vbg r s p a a v b g % r ! vbg% ( 1 A A F E H 4 68 H ϦετUIΛදݱ͢ΔͨΊͷ UIύʔπ
$PSF"OJNBUJPOͰ*OUFSBDUJPOͱ5SBOTJUJPO ࣍ʹϚελʔ͍ͨ͠ʂ
ͳͥྖҬΛ͑ΒΕͨͷ͔ ԿΛͨ͠ͷ͔ʁ
εΩϧηοτͷݪ 8&#Ͱʹ͚ͭͨมͷએݴؔ݅ذΫϥεͷ֓೦ ͱܧঝͳͲɺϓϩάϥϛϯάͷجૅ͕͔͋ͬͨΒ͔͠Εͳ͍ "DUJPOTDSJQU XFC +BWBTDSJQU 4XJGU J04"QQ ˠ qBTI
IUNM XFC DTT YNM "OESPJE"QQ ˠ XFC
৫ͷαϙʔτ ि͚ͩνʔϜʹੵ·Ε͍ͯΔλεΫͷ͏ͪΤϯδχΞϦϯά ͷ༰ͷͷΛͰ͖ΔൣғͰࣗͷྗͰফԽ͢Δ։ൃϧʔϧͰɺ ݱͰֶͿڥͱͳ͍ͬͯͨ ʙ࣌ͷϚωʔδϟ͕(PPHMFͷͷϧʔϧ͔ΒώϯτΛಘͯൃҊʙ
ྖҬΛ͑ΔҎલͱࠓ Կ͕มԽͨ͠ͷ͔ʁ
։ൃελΠϧʢҎલʣ $MJFOU 4FSWFS "1* 3FWJFX 3FWJFX %FQMPZ %FQMPZ 3FWJFX %FTJHO
1MBOOJOH 3FMFBTF 0SEFS 3FWJFX (VJEF %FTJHOFS 1SPEVDFS &OHJOOFS UJNFMJOF
։ൃελΠϧʢݱࡏʣ $MJFOU 4FSWFS "1* %FQMPZ 3FWJFX %FTJHO $MJFOU 1MBOOJOH 3FMFBTF
%FTJHOFS 1SPEVDFS &OHJOOFS UJNFMJOF
࡞ۀίετ ཱ྆ͷख๏ݟग़ͤͨͷ͔ʁ %FTJHO %FTJHO &OHJOOFSJOH $PTUT UJNFMJOF
%FTJHO &OHJOOFSJOH ZFBSBHP OPX
Ξτϓοτ TLFUDIͷ֤ը໘͝ͱʹɺ ΤϯδχΞ͕ύοͱݟ࣮ͯ ΠϝʔδΛ͔ͭΊΔΑ͏ͳΞ τϓοτʹมԽͨ͠ɻ 2 8 a k
74 74a 7 74 m 9 6ha 1 e 44 1 o b tg 1 100% 9:40 PM 73 2 8 a k 74 74a 7 74 m 9 6ha 1 e 44 1 o b tg 1 100% 9:40 PM 73 i t ch H 462 eh M p o 43/0 % 462 a E t s P ilg d PO 431 25 40 eh s a E s P eh TLFUDIʹهࡌ͢Δɺ TMJEFͯ͠Ωϟϯηϧ͢Δ6*ͷHVJEF
εΩϧΛ׆͔͢ Կ͕มԽͨ͠ͷ͔ʁ
ߴϓϩτλΠϐϯάͷ࣮ݱ ࣮͕Ͱ͖ΔσβΠφʔ͕͍Δ͜ͱʹΑΓ ɾ҆ఆతͳڍಈͷ6*Λ࠾༻͢Δ͜ͱ͕Մೳ ɾ։ൃίετΛԼ͛ͭͭදݱ͍ͨ͠6*࣮ݱ اըϓϨθϯϢʔβʔςετΛΑΓૣ࣮͘ݱ͠ɺ ຊ։ൃʹ͚ͯͷ໌֬ͳ՝ͷચ͍ग़͕͠ՄೳͱͳΔɻ ϓϩσϡʔαʔϨϏϡΞʔʹཧղΛಘ͘͢ͳΔ ݟࠐΊΔޮՌ
ྖҬΛ͑Δ͜ͱͷεεϝ Կ͕มԽͨ͠ͷ͔ʁ
౿Έग़ͯ͠ΈΑ͏ʂ σβΠφʔ͕࣮͢Δ͜ͱɺࠓͱͳͬͯͨΓલͷ֓೦ͱͳ Γͭͭ͋Γ·͕͢ɺσβΠφʔຊਓͷ૬ͳֶशίετ͕͔͔ Δͷආ͚ΒΕ·ͤΜɻ ͞Βʹɺॴଐ͢Δձࣾͷํϝϯόʔͷཧղ͕ඞཁͳ͜ͱ͋ ΔͷͰɺ؆୯ʹ࢝ΊΒΕͳ͍͔͠Ε·ͤΜ͕ɺ ॳ৺ऀؙग़ͩͬͨ͠σβΠφʔ͕͜͜·Ͱग़དྷ͍ͯΔࣄ࣮͕͋Δ ͜ͱ͔֬Ͱ͢ɻ ྖҬΛ౿Έӽ͍͑ͨͱࢥ͑ΔσβΠφʔͷഎதΛԡͤͨΒ͍͍ͳ ͱࢥ͍ͬͯ·͢ɻ
Ҏ্ɺ͋Γ͕ͱ͏͍͟͝·ͨ͠