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
コネヒト開発合宿_発表用資料_201710
Search
Kiyoe Furuichi
October 04, 2017
Design
1
3k
コネヒト開発合宿_発表用資料_201710
Kiyoe Furuichi
October 04, 2017
Tweet
Share
More Decks by Kiyoe Furuichi
See All by Kiyoe Furuichi
あおばタイム_きよえ氏_20190315
kiyoe
0
130
一歩LT_きよえ氏
kiyoe
0
170
5分でわかるきよえ氏さん
kiyoe
3
510
designer-team_LT_20181214
kiyoe
0
100
開発合宿20180513
kiyoe
0
180
今更に「質問箱」をはじめた理由
kiyoe
0
220
はじめてのかいはつがっしゅく
kiyoe
0
4.4k
少数精鋭で効率的によりよいサービスをつくるには / designer x engineer
kiyoe
11
4.3k
Other Decks in Design
See All in Design
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
210
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
230
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
460
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
310
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
240
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
310
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
160
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
240
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
420
How to go from research data to insights?
mastervicedesign
1
250
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Agile that works and the tools we love
rasmusluckow
328
21k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
45
9.5k
Producing Creativity
orderedlist
PRO
344
40k
Bash Introduction
62gerente
611
210k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
Making Projects Easy
brettharned
116
6.1k
4 Signs Your Business is Dying
shpigford
183
22k
Optimising Largest Contentful Paint
csswizardry
36
3.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
9
740
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Transcript
։ൃ߹॓ͷൃද $POOFIJUPJODσβΠφʔͷ͖Α͑͠ ։ൃ߹॓JOળཱྀؗ
ΞδΣϯμ ։ൃ߹॓ͷൃදΞδΣϯμ ͭͬͨ͘ͷɾσϞ ֓ཁ ։ൃϑϩʔ ײ
ͭͬͨ͘ͷɾσϞ ։ൃ߹॓ͷൃදͭͬͨ͘ͷɾσϞ
৷ʙग़࢈·Ͱʹ४උ͢ΔͷϦετ ։ൃ߹॓ͷൃදͭͬͨ͘ͷɾσϞ IUUQ IUUQDIJSBTIJBLBDIBOKQKVOCJMJTU ˞ࠓճ࿅शͳͷͰɺΞΧνϟϯϗϯϙͷग़࢈Ϧετ͔Β༻ը૾ɾจݴΛ͓आΓ͍ͯ͠·͢ɻ
։ൃ߹॓ͷൃදͭͬͨ͘ͷɾσϞ IUUQDIJSBTIJBLBDIBOKQKVOCJMJTU ˞ࠓճ࿅शͳͷͰɺΞΧνϟϯϗϯϙͷग़࢈Ϧετ͔Β༻ը૾ɾจݴΛ͓आΓ͍ͯ͠·͢ɻ
֓ཁ ։ൃ߹॓ͷൃද֓ཁ
ίϯηϓτ ։ൃ߹॓ͷൃද֓ཁ ʮ৷ʙग़࢈ޙʹ४උ͢ΔͷϦετʯɺ ৷ΛॳΊͯܦݧ͢ΔϚϚͷͨΊͷίϯςϯπͰ͢ ৷தߟ͑Δ͜ͱ͕͍ͬͺ͍ɻ ମͷέΞͪΌΜΛܴ͑Δ४උɺೖӃલʹපӃఏग़͠ͳ͍ͱ͍͚ͳ͍ͷͳͲ ॳΊͯͷϚϚʹͱͬͯ৺ͷλωͱͳΔ͜ͱͰ͠ΐ͏ɻ গ͠Ͱʮ৷ʯͱ͍͏ঁੑͷେ͖ͳϥΠϑΠϕϯτΛϋοϐʔʹաͤ͝ΔΑ͏ దͳใͱ҆৺Λఏڙ͠·͢ɻ
ϚϚͷ՝ ։ൃ߹॓ͷൃද֓ཁ පӃళ಄ͰΒͬͨʮग़࢈४උϦετʯʹ͍ͭͯ ࣭͍ͯ͠ΔϢʔβʔ͕ଟ͍͜ͱʹணʂ Ϧετʹదͳใ͕ܝࡌ͞Ε͍ͯͯɺຊʹඞཁ͔Ͳ͏͔ ৴ጪੑ Ͳͷ͘Β͍ඞཁͳͷ͔ Λ࣭͍ͯ͠ΔϢʔβʔ͕ଟ͍ɻ
IUUQTRBNBNBSJKQRVFTUJPO ྫ͑ IUUQRBNBNBSJKQRVFTUJPO IUUQTRBNBNBSJKQRVFTUJPO
՝͔ΒಘΒΕΔύλʔϯ ։ൃ߹॓ͷൃද֓ཁ ઌഐϚϚͷݴ༿ʮใͷ҆৺ײΛߴΊΔΤοηϯεʯ ͱͯ͠ϚϚʹՁΛ༩͑Δɻ ϚϚͷࠔΓ͝ͱɺదͳใͱҰॹʹ࣮ࡍʹମݧͨ͠ϚϚ ઌഐϚϚ ͷ ϦΞϧͳݴ༿Λಧ͚Δ͜ͱʹΑͬͯɺΑΓ҆৺ײ৴པײΛಘΔ͜ͱ͕Ͱ͖Δɻ
ࠓޙ࣮͍ͨ͠ͷ ։ൃ߹॓ͷൃද֓ཁ ͞Βʹৄ͍͠༰͕Θ͔Δʮؔ࿈هࣄʯͷඥ͚ ⭐Ͳͷ͘Β͍ඞཁͳͷ͔͕Θ͔Δʮඞཁʯ Ϧετͷॻ͖ग़͠ʮڞ༗ػೳʯ ΞϓϦͷʮΠϯετʔϧಈઢʯ ཧऀ͚͕ͩฤूͰ͖Δʮฤूػೳʯ
։ൃϑϩʔ ։ൃ߹॓ͷൃද։ൃϑϩʔ
ࠓճͷݸਓతςʔϚ ։ൃ߹॓ͷൃද։ൃϑϩʔ Ϣʔβʔͷ՝Λղܾ͢ΔXFCίϯςϯπΛ ࡞ͯ͠ΈΑ͏ ͔ͤͬ͘ͷ։ൃ߹॓ͳͷͰͨ͘͞ΜίʔυΛॻ͜͏
͜͜·ͰͷಓͷΓ ։ൃ߹॓ͷൃද։ൃϑϩʔ ΞΠσΞग़͠ ϚϚϦΛݟΔ ΈΛύλʔϯԽ ࡞ΔͷΛܾΊΔ ✍ϫΠϠʔઃܭ खॻ͖ͷϥϑ࡞
6*࡞ TLFUDI࡞ 1SPUU֬ೝ ࣄલֶश υοτΠϯετʔϧઌഐ $BLF1)1ೖͷຊΛ͟ΒͬͱಡΉ ڥߏங ɹɹϩʔΧϧڥߏங 7BHSBOU $ZCFSEVDL $BLF1)1ڥߏங ɹɹɹ4BTT$PNQBTTڥߏங
͜͜·ͰͷಓͷΓ ։ൃ߹॓ͷൃද։ൃϑϩʔ %#ઃܭ ΤϯςΟςΟͷநग़ ཁૉͷચ͍ग़͠ ΤϯςΟςΟͷఆٛ σʔλͷܕΛܾΊΔ ਖ਼نԽ
&3ਤ ςʔϒϧ࡞ ϖʔδ࡞ ɹɹຐ๏ͷढจ CJODBLFCBLFBMM<IPHF> MBZPVUɺSPVUJOHͷมߋ $POUSPMMFSɺ5FNQMBUF͝ʹΐ͝ʹΐ ಈ࡞ݕূ 1$Ͱͷ֬ೝ ͜͜·ͰͰ͖ͨ ϞόΠϧ֬ೝ ϦϦʔε ɹɹΈΜͳ͕ݟΕΔঢ়ଶʹ͢Δ
ษڧʹͳͬͨ͜ͱ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ
ΞΠσΞग़͠ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ ύλʔϯԽͷ࿅श͕Ͱ͖ͯ69%ͷษڧʹͳͬͨ ߘ༰ΠϯλϏϡʔͳͲɺϢʔβʔͷ͓͔ΒύλʔϯΛ࡞͠ɺͦΕΛ ΞΠσΞʹม͑ͯίϯςϯπΛੜΈग़͢Ұ࿈ͷྲྀΕΛ࿅शͰ͖ͯྑ͔ͬͨɻ
ϫΠϠʔઃܭ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ ϫΠϠʔΛҾ͘͜ͱͷେࣄ͕͞Θ͔ͬͨ ࠓߋ ීஈҰਓͰͭ͘Δͱ͖͋·ΓϫΠϠʔΛͻ͔ͳ͍ͷͰ͕͢ ࠓճͷྲྀΕͰେࣄͩͳͱࢥͬͨɻ͜ͷઌͷఔɺಛʹʹ%#͕བྷΉͱཁૉͱͯ͠ Կ͕ඞཁͳͷ͔͕໌֬ʹͳ͍ͱઃܭ่͕Εͯ͠·͏͔Βɻ
։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ
ࣄલֶश ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ ࣮ڥߏஙͷ΄͏͕େมͱ͍͏͜ͱ͕͔ͬͨ Α͠ɺ1)1Δͧʙͱ͍͏ؾ࣋ͪͰΜͩษڧ͚ͩͬͨͲ લஈͷڥߏங %#ɾ7BHSBOUઃఆ ͷ΄͏͕࡞Δ্ͰΒͳ͍ͱ͍͚ͳ͍͜ͱ͕ ଟͯ͘ɺ֮͑Δͷ͕େมͩͬͨʂ
ڥߏங ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ Ծαʔόͷ େ·͔ͳ Έ͕ཧղͰ͖ͨ ɾ࠷ॳϩϦϙοϓͷαʔόΛआΓͯߏங͠Α͏ͱࢥͬͯௐͯΈ͚ͯͨͲ $BLF1)1͕$PNQPTFSܦ༝ͰΠϯετʔϧͰ͖ͳ͔ͬͨΓͰɺஅ೦ɻ ɾϩʔΧϧͰ1)1Λಈ͔ͨ͢Ίͷڥͱͯ͠ɺ.".1Ͱ࡞Ζ͏ͱߟ͚͑ͨͲ ձࣾ7BHSBOUΛͬͯΔͷͰؤுͬͯߏஙͯ͠Έͨɻ
%#ઃܭ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ ਖ਼نԽΑΓσʔλܕΛߟ͑Δํ͕͔ͬͨ͠ ɾඞཁͳཁૉΛ࠷దͳॴʹΓ͚Δͷ͕͔͚ͬͨ͠Ͳ ҙ֎ͱେৎͦ͏ͩͬͨɻ Ԡ༻ใͷ͕ࣝŶžʹཱͬͯΑ͔ͬͨ✨ ɾͰσʔλܕɺಛʹUFYUͱWFSDIBSΛͲͪΒʹઃఆ͢Δͷ͔͕͔ͬͨ͠ ɾϚϚϦͷ%#͕ͱͯࢀߟʹͳͬͨʂ
ϖʔδ࡞ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ #BLFBMMίϚϯυͷૉΒ͠͞Λ࣮ײͨ͠ ɾॳ#BLFBMMίϚϯυΘͣʹॻ͜͏ͱࢥ͚ͬͯͨͲ ࣌ؒɾࣝతʹ͔ͬͨ͠ͷͰΤΠϠͰ࣮ߦɻ΄ͱΜͲ࡞ͬͯ͘Εͯ ΄΅Ճ͢Δ͚ͩͩͬͨɻΊͬͪΌศརʜɻ ɾ#BLFBMMίϚϯυΛ͏ʹͯ͠લఏʹ.7$ͷجૅ͕ࣝͳ͍ͱ ͍͠ͱࢥͬͨͷͰɺࣄલͷֶश͕׆͔͞Εͨײ͕͋ͬͯྑ͔ͬͨɻ
ಈ࡞ݕূ ։ൃ߹॓ͷൃදษڧʹͳͬͨ͜ͱ Ծαʔό͔Β֬ೝΛ͢Δͷ͕͔ͬͨ͠ʜ ɾԾαʔόʹஔ͍ͨ༰Λ֬ೝ͢Δͷ͕͜Μͳʹ͍͠ͱʜఆ֎ɻ ɾϞόΠϧͰͷಈ࡞ݕূ͕͏·͘ߦ͔ͳ͔ͬͨɻ ϙʔτϑΥϫʔσΟϯάͷઃఆଟ͏·͍ͬͯ͘Δؾ͕͢ΔΜ͚ͩͲɺ ൪ͷϙʔτΛྖͯ͠Δมͳϓϩηε͕͍ͨΓ LJMMͯ͠෮׆͢Δ ཁҼ͚ͦͩ͜͡Όͳͦ͞͏ɺͱ͍͏ͱ͜Ζ·ͰΘ͔ͬͨ
ωοτڥ͕Α͘ͳ͔ͬͨΓ͢Δͷ͔
ײ ։ൃ߹॓ͷൃදײ
։ൃ߹॓ͷൃදײ w ͏ͪΐͬͱษڧͨ͠ΒҰਓͰαʔϏε࡞Εͦ͏ʂ w σβΠϯΑΓͬͱਂ͍ϨΠϠʔͷΈ͕ཧղͰ͖Δͱ ΞΠσΞ͕۩ݱԽ͘͢͠ͳΓͦ͏ɻ ࣄʹੜ͔͞Εͦ͏ʂ w ͳͷͰҾ͖ଓ͖͕ΜΓ·͢ʙ☺
w ͓͍͍͓͠ञɺڥFUD४උΛ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
Θʙ͍-(5. ։ൃ߹॓ͷൃද͓ΘΓ
͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ ։ൃ߹॓ͷൃද͓ΘΓ