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
Gutenberg
Search
SayokoMiura
November 30, 2018
Design
130
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Gutenberg
Gutenbergを使ってみよう
SayokoMiura
November 30, 2018
Transcript
61 slides
(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
More Decks by SayokoMiura
See All by SayokoMiura
情報と職業12/Information-and-Occupation12
sayokomiura
0
1.6k
情報と職業7/Information-and-Occupation7
sayokomiura
0
3.5k
情報と職業6/Information-and-Occupation6
sayokomiura
0
3.9k
情報と職業5/Information-and-Occupation5
sayokomiura
0
4.1k
情報と職業4/Information-and-Occupation4
sayokomiura
0
4.9k
情報と職業3|Information-and-Occupation3
sayokomiura
0
5k
情報と職業2|Information-and-Occupation2
sayokomiura
0
5k
情報と職業1|Information-and-Occupation1
sayokomiura
0
5.1k
Other Decks in Design
See All in Design
作品が生まれ続けるコミュニティデザイン ― 研究室でも会社でもないサードプレイス ― / designship26-iwaken
iwaken71
0
220
飲み会を妻に伝えるベストタイミング分析
kudaranai
0
120
AI-DLC AI駆動開発ライフサイクルとAI-DLC Worlflows V2のご紹介
fatsushi
4
2.2k
Spectrum Tokyo Meetup #26「できることが増えた時、デザイナーは何に時間を使うべきか」
muture
PRO
1
410
分散するデザイン組織をつなぐ デザインミートアップの取り組み/nikkei-tech-talk49
nikkei_engineer_recruiting
1
420
Agentic Design Workflowを育てる 「三層デザインハーネス」の現在地
sayadesign2
0
900
UNION TEC GROUP | 2026' Project Portfolio
uniontec2000
0
150
LP制作のための熱量ハーネス -人の熱量を、AIとの制作につなぐ-
niccy
0
2.3k
1000人規模の組織でデザインハーネスを導入するための第一歩
pkshadeck
PRO
5
4.5k
技術に明るくない人が技術を選ぶために
moco1013
0
170
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
150
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
150
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
55
13k
A Tale of Four Properties
chriscoyier
163
24k
Building AI with AI
inesmontani
PRO
1
1.4k
Documentation Writing (for coders)
carmenintech
77
5.6k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Everyday Curiosity
cassininazir
0
400
My Coaching Mixtape
mlcsv
0
390
How to Think Like a Performance Engineer
csswizardry
28
2.9k
Design in an AI World
tapps
1
390
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.7k
Rails Girls Zürich Keynote
gr2m
96
14k
Google's AI Overviews - The New Search
badams
0
1.7k