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
情報と職業1/Information-and-Occupation1
sayokomiura
0
4.4k
Other Decks in Design
See All in Design
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
400
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
210
portfolio.pdf
onof003
0
160
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.6k
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.9k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
150
Goodpatch Tour💙 / We are hiring!
goodpatch
31
890k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
3.3k
What makes a great Director?
_limex_
0
220
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
150
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
370
decksh object reference
ajstarks
2
1.3k
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
329
39k
GitHub's CSS Performance
jonrohan
1032
460k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
A Modern Web Designer's Workflow
chriscoyier
696
190k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Bash Introduction
62gerente
615
210k
Building a Modern Day E-commerce SEO Strategy
aleyda
43
7.6k
Site-Speed That Sticks
csswizardry
10
820
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