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
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
720
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
1.4k
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
130
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
460
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
7
5.6k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
410
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
1
370
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
500
DC Style Redesign
mcduckyart
0
120
今日から意識できるアクセシビリティ
fumiko
0
240
Featured
See All Featured
How to train your dragon (web standard)
notwaldorf
94
6.1k
How GitHub (no longer) Works
holman
314
140k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
220
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Invisible Side of Design
smashingmag
300
51k
Side Projects
sachag
455
42k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Being A Developer After 40
akosma
90
590k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.5k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Building Adaptive Systems
keathley
43
2.6k
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