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
Gutenberg
Search
SayokoMiura
November 30, 2018
Design
0
120
Gutenberg
Gutenbergを使ってみよう
SayokoMiura
November 30, 2018
Tweet
Share
More Decks by SayokoMiura
See All by SayokoMiura
情報と職業11/Information-and-Occupation11
sayokomiura
0
2.1k
情報と職業10/Information-and-Occupation10
sayokomiura
0
2.4k
情報と職業9/Information-and-Occupation9
sayokomiura
0
2.5k
Other Decks in Design
See All in Design
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
620
アプリ360onWeb使い方と裏ワザ?紹介!
ikejun360
0
250
minpaku-community-scrum-patterns
norinity1103
1
340
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
130
portfolio.pdf
onof003
0
160
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
アクセシビリティに取り組むメリット
magi1125
2
250
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
11k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
720
そのUIコンポーネント、これから先も使えますか?―Headless UI,Open UI,グローバルデザインシステム
sakito
2
1.7k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
ashapiro
0
140
Them Middle School Kids Pitch
stevie_vee
0
140
Featured
See All Featured
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Optimizing for Happiness
mojombo
379
70k
Producing Creativity
orderedlist
PRO
347
40k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
840
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
111
20k
Typedesign – Prime Four
hannesfritz
42
2.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Art of Programming - Codeland 2020
erikaheidi
55
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Building an army of robots
kneath
306
46k
Transcript
(VUFOCFSHΛͬͯΈΑ͏ 0LBZBNB8PSE1SFTT.FFUVQ
130'*-& ࡾӜࠤࢠ !/0$&@8&#@%&4*(/ ɾԬࢁݝԬࢁࢢࡏॅ ɾ/0$&8&#%&4*(/ද ɾઐֶߍඇৗۈߨࢣ ɾ0LBZBNB8PSE1SFTT.FFUVQ ɹΦʔΨφΠβʔ ɾ81;PPN61ཧऀ ɾ8PSE$BNQ0HJKJNB࣮ߦҕһ
0LBZBNB8PSE1SFTT.FFUVQ
8PSE1SFTT ͔Β৽͍͠ ϏδϡΞϧΤσΟλʔ (VUFOCFSHʢάʔςϯϕϧάʣ ʹͳΓ·͢ 0LBZBNB8PSE1SFTT.FFUVQ
$MBTTJD&EJUPS ࠓ·Ͱ (VUFOCFSH 8PSE1SFTT͔Β ݱࡏ ݱࡏ (65&/166 8PSE$BNQ.*".*
0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHɾɾɾࠓ·Ͱͱૢ࡞ײ͕ҧ͍·͢ zϒϩοΫzΛՃͯ͠هࣄΛ࡞ ײతʹ͑Δ 0LBZBNB8PSE1SFTT.FFUVQ
͓٬༷ ੍࡞ऀଆ 0LBZBNB8PSE1SFTT.FFUVQ (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ
͓٬༷ ੍࡞ऀଆ ɾ͏গ҆͠ఆ͢Δ·Ͱͭʁ 0LBZBNB8PSE1SFTT.FFUVQ (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ
͓٬༷ ੍࡞ऀଆ ɾ͏গ҆͠ఆ͢Δ·Ͱͭʁ ɾԿ͕มΘΔͷʁ ɾ͍ͭมΘΔͷʁ ɾ͍ํʁ ɾࠓ·ͰͷΫϥγοΫΤσΟλͰॻ͍ͨͷɺ Ͳ͏ͳΔͷʁ ɾςʔϚϓϥάΠϯޓੑ͋Δʁ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ
͓٬༷ ੍࡞ऀଆ ɾ͏গ҆͠ఆ͢Δ·Ͱͭʁ ɾԿ͕มΘΔͷʁ ɾ͍ͭมΘΔͷʁ ɾ͍ํʁ ɾࠓ·ͰͷΫϥγοΫΤσΟλͰॻ͍ͨͷɺ Ͳ͏ͳΔͷʁ ɾςʔϚϓϥάΠϯޓੑ͋Δʁ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ
z8PSE1SFTTͷϦϦʔεϦϦʔεީิΛेʹςετ ͢Δ࣌ؒΛͱΔͨΊʹ͔ΒมߋͱͳΓ·ͨ͠ɻ࠷ऴతͳ ϦϦʔεɺϦϦʔεީิͷϑΟʔυόοΫʹج͍ͮͯɺ ·ͳ͘Ξφϯε͞Ε·͢ɻz CZ8PSE1SFTTPSHຊޠ IUUQTKBXPSEQSFTTPSHOFXT 8PSE1SFTT͍͔ͭΒʂʁ 0LBZBNB8PSE1SFTT.FFUVQ
$MBTTJD&EJUPSͷαϙʔτ·Ͱ IUUQTDBQJUBMQKQDMBTTJDFEJUPSTVQQPSUFEUJMM CZ$BQJUBM1 zαϙʔτΛશʹଧͪΔΘ͚Ͱͳ͘ɺʹ͏Ұ αϙʔτΛܧଓ͖͔͢࠶ݕ౼͢Δͱͷ͜ͱɻ ͠$MBTTJD&EJUPS͕͋·Γʹଟ͘ʹΘΕ͍ͯΔΑ͏Ͱ͋Ε ɺͦ͜ͰԆͷஅΛԼ͢༧ఆͷΑ͏ͩɻz 0LBZBNB8PSE1SFTT.FFUVQ
ӳޠΛͤΔํνϟϨϯδͯ͠Έͯ IUUQTDBQJUBMQKQXPSEQSFTTNUHXJUINBUU z8PSE1SFTTͷڞಉۀऀ.BUU.BMMFOXFH͕(VUFOCFSH -JTUFOJOH0GpDF)PVSTͱ͢ΔهࣄΛNBLFʹߘͨ͠ɻ ͦΕʹΑΕɺ͜Ε͔Βʙͷؒʹͬͯɺ .BUUͱΦϯϥΠϯϛʔςΟϯάΛߦ͏͜ͱ͕Ͱ͖Δػձ Λઃ͚ΔΑ͏ͩɻz CZ$BQJUBM1 0LBZBNB8PSE1SFTT.FFUVQ
8PSE1SFTTʹߋ৽͢Δͱɺ ΤσΟλ͕ $MBTTJD&EJUPS͔Β(VUFOCFSH ஔ͖ΘΓ·͢ɻ 0LBZBNB8PSE1SFTT.FFUVQ
8PSE1SFTTར༻։࢝લʹ͓͖ͬͯ͘͜ͱ zطଘͷαΠτͰ͋Β͔͡Ί$MBTTJD&EJUPSϓϥάΠϯΛ༗ޮԽ ͓͚ͯ͠ɺ8PSE1SFTTʹߋ৽ͨ࣌͠ʹैདྷͷΤσΟλʔ ͕ϒϩοΫΤσΟλʔʹஔ͖ΘΔಈ࡞Λճආ͢Δ͜ͱ͕Ͱ͖ ·͢ɻz CZ8PSE1SFTTPSHຊޠ IUUQTKBXPSEQSFTTPSHOFXT 0LBZBNB8PSE1SFTT.FFUVQ
8PSE1SFTTʹߋ৽͢Δલʹ چΤσΟλΛΠϯετʔϧ͓͖ͯ͠·͠ΐ͏ʂ 0LBZBNB8PSE1SFTT.FFUVQ
ϓϥάΠϯͱͯ͠ΠϯετʔϧͰ͖·͢ $MBTTJD&EJUPS 0LBZBNB8PSE1SFTT.FFUVQ
0LBZBNB8PSE1SFTT.FFUVQ ϓϥάΠϯͱͯ͠ΠϯετʔϧͰ͖·͢ (VUFOCFSH
$MBTTJD&EJUPSͷฤूը໘ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ (VUFOCFSH ͷೖྗํ๏ᶃ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷೖྗํ๏ ϘλϯΛԡͯ͠ϒϩοΫΛදࣔ͠ɺબ͢Δ ᶃ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ (VUFOCFSH ͷೖྗํ๏ᶄ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷೖྗํ๏ ᶄ ʮʯɺ·ͨʮʯʴʮʢϒϩοΫछྨʣʯ ͱೖྗͯ͠ϒϩοΫΛදࣔ͠ɺબ͢Δ 0LBZBNB8PSE1SFTT.FFUVQ
ϒϩοΫҰཡ 0LBZBNB8PSE1SFTT.FFUVQ
ϒϩοΫҰཡ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ ϓϥάΠϯʮ"EWBODFE(VUFOCFSHʯΛೖΕΔͱ ϒϩοΫͷछྨ͕૿͑·͢ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ ϒϩοΫ͝ͱͷ؆୯ͳฤूˠʮϒϩοΫʯͰ ɾจࣈαΠζ ɾഎܠ৭ ɾจࣈ৭ ɾυϩοϓ ɹΩϟοϓ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ શମͷઃఆˠʮจॻʯͰ ɾ༧ߘ ɾύʔϚϦϯΫมߋ ɾΞΠΩϟονը૾ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͷฤूը໘ ύʔϚϦϯΫΛ มߋ͍ͨ͠ 0LBZBNB8PSE1SFTT.FFUVQ
$MBTTJD &EJUPS (VUFOCFSH ύʔϚϦϯΫͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ
$MBTTJD &EJUPS (VUFOCFSH λΠτϧΛ ΫϦοΫ͢Δͱ දࣔ͞Ε·͢ ύʔϚϦϯΫͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ
ࠓ·Ͱͷ )5.-Ͱ͝Γ͝Γॻ͍ͨ ݻఆϖʔδ (VUFOCFSHͷϒϩοΫม͢Δͱ Ͳ͏ͳΔ͔ 0LBZBNB8PSE1SFTT.FFUVQ
0LBZBNB8PSE1SFTT.FFUVQ
૿͍͑ͯΔ ը໘গ͠ ่Ε͍ͯΔʂ 0LBZBNB8PSE1SFTT.FFUVQ
ফ͍͑ͯΔ ແ͍ʂʂ ૿͍͑ͯΔ 0LBZBNB8PSE1SFTT.FFUVQ
ࠓ·Ͱͷ )5.-Ͱ͝Γ͝Γॻ͍ͨ ݻఆϖʔδ (VUFOCFSHͷϒϩοΫม ͠ͳ͍΄͏͕ྑ͍ʂ 0LBZBNB8PSE1SFTT.FFUVQ
ΫϥγοΫΤσΟλͰॻ͍ͨ ͷΛ(VUFOCFSHͰϒϩοΫ ʹมͯ͠ ่Εͯ͠·ͬͨΒʂʂ 0LBZBNB8PSE1SFTT.FFUVQ
ᶃҰ୴ʮߋ৽ʯ͢Δ 0LBZBNB8PSE1SFTT.FFUVQ
ᶃҰ୴ʮߋ৽ʯ͢Δ ᶄʮจॻʯͷʮϦϏδϣϯʯ ΫϦοΫʂ 0LBZBNB8PSE1SFTT.FFUVQ
ᶅʮલʯͰ͢ 0LBZBNB8PSE1SFTT.FFUVQ
ᶅʮલʯͰ͢ ᶆʮ͜ͷϦϏδϣϯΛ෮ݩʯͰΔ 0LBZBNB8PSE1SFTT.FFUVQ
(VUFOCFSHͰ )5.-ͰίʔυΛ ͝Γ͝Γॻ͖͍ͨ࣌ 0LBZBNB8PSE1SFTT.FFUVQ
ʮΧελϜ)5.-ʯͰೖྗ͢Δ ΫϦοΫʂ 0LBZBNB8PSE1SFTT.FFUVQ
ʮΧελϜ)5.-ʯͰೖྗ͢Δ ͜͜ʹ ίʔυΛॻ͘ 0LBZBNB8PSE1SFTT.FFUVQ
ʮ࠶ར༻ϒϩοΫʯ ศརʂ ͚ͩͲ ҙ͕ඞཁʂ ࠶ར༻ϒϩοΫ 0LBZBNB8PSE1SFTT.FFUVQ
࠶ར༻ϒϩοΫ ᶃʮ࠶ར༻ϒϩοΫʹՃʯͰొ͢Δ 0LBZBNB8PSE1SFTT.FFUVQ
ᶃʮ࠶ར༻ϒϩοΫʹՃʯͰొ͢Δ ࠶ར༻ϒϩοΫ ͷ໊લΛ͚ͭΔ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ
ʮ࠶ར༻ϒϩοΫʯʹొ͢Δͱ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ
ʮ࠶ར༻ϒϩοΫʯͷ͍ํ ΫϦοΫ͢Δͱɺ ಉ͡ϒϩοΫ͕ ૠೖ͞ΕΔ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ
ʮ࠶ར༻ϒϩοΫʯฤूͰ͖·͢ ࠶ར༻ϒϩοΫͷฤू 0LBZBNB8PSE1SFTT.FFUVQ
࠶ར༻ϒϩοΫͷฤू ϒϩοΫΛ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ
࠶ར༻ϒϩοΫͷฤू ϒϩοΫΛ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ ʮฤूʯϘλϯΛΫϦοΫ͢Δͱ ͍Ζ͍Ζͳฤू͕Ͱ͖ΔΑ͏ʹͳΓ·͢
ϒϩοΫΛ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ ʮฤूʯϘλϯΛΫϦοΫ͢Δͱ ͍Ζ͍Ζͳฤू͕Ͱ͖ΔΑ͏ʹͳΓ·͢ ฤू݁Ռɺ ͯ͢ͷ࠶ར༻ϒϩοΫ ʹө͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ
࠶ར༻ϒϩοΫͷฤू
ςΩετͷฤू BMUഎܠ৭ ஔࣸਅ ͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷฤू
ʮ࠶ར༻ϒϩοΫʯͷҙ ࠶ར༻ϒϩοΫͷҙ 0LBZBNB8PSE1SFTT.FFUVQ
࠶ར༻ϒϩοΫͷฤू ʮ࠶ར༻ϒϩοΫ͔Βআʯ ฤू݁Ռɺͯ͢ͷ ࠶ར༻ϒϩοΫʹө͞Ε·͢ ͜ͷ࠶ར༻ϒϩοΫΛ͍ͬͯΔ ࠓ·ͰͷϒϩοΫશ͕ͯআ͞Εͯ͠·͏ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷҙ
ʮ௨ৗͷϒϩοΫมʯ͓ͯ͘͠ͱɺมΘͬͨΓফ͑ͨΓ͠·ͤΜ ฤूͨ͘͠ͳ͍ আͨ͘͠ͳ͍ ϒϩοΫɺ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷҙ
·ͱΊ 0LBZBNB8PSE1SFTT.FFUVQ
ɾ8PSE1SFTTʹߋ৽͢Δલʹ ɹچΤσΟλΛΠϯετʔϧ͓͖ͯ͠·͠ΐ͏ʂ ɾࠓ·Ͱͷ)5.-Ͱॻ͍ͨϖʔδ ɹϒϩοΫม͠ͳ͍΄͏͕ྑ͍ʂ 0LBZBNB8PSE1SFTT.FFUVQ
ɾ(VUFOCFSHͰ)5.-ͰίʔυΛॻ͖͍ͨ࣌ ʮΧελϜ)5.-ʯͰೖྗ͢Δ ɾ่Εͯ͠·ͬͨΒʮϦϏδϣϯʯͰ෮ݩͰ͖Δ ɾʮ࠶ར༻ϒϩοΫʯΛ͏ͱ͖ҙ͕ඞཁʂ 0LBZBNB8PSE1SFTT.FFUVQ
͋Γ͕ͱ͏͍͟͝·ͨ͠ 0LBZBNB8PSE1SFTT.FFUVQɺ࣍ճ͝ࢀՃ͍ͩ͘͞Ͷ 0LBZBNB8PSE1SFTT.FFUVQ