Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gutenberg

SayokoMiura
November 30, 2018
Design
0
100

 Gutenberg

Gutenbergを使ってみよう

SayokoMiura

November 30, 2018
Tweet

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
雑誌『広告』をサイズ展開する
takuro_nakajima
PRO
0
1.2k
不可分の民藝から可分の工業産業へ
creatorqsf
1
340
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
360
Design Leadership in Challenging Times
morganepeng
3
300
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
220
成果が出ないユーザーインタビューは何がダメだったのか？ ～「誰に聞くか」の探り方 ～
jouykw
10
13k
UX/UI改善に貢献するユーザーテストとは？ 基礎知識から実施のプロセスまで解説
ncdc
0
320
Installing and Running decksh/pdfdeck
ajstarks
1
480
実務のための マイクロ インタラクション入門
shingo2000
0
340
PRDがデザインプロセスを高速化した話
tooomo
0
260
社内のコミュニケーション課題に対して個人的に行っているデザイン以外の草の根活動
sugiyama_sukedachi
0
140
プロダクトデザイン部 組織紹介（デザイナー向け）
chatwork_hr
1
220

Featured

See All Featured
Building an army of robots
kneath
300
41k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
60
14k
How to train your dragon (web standard)
notwaldorf
71
5.1k
For a Future-Friendly Web
brad_frost
171
8.9k
Why Our Code Smells
bkeepers
PRO
331
56k
Building Applications with DynamoDB
mza
88
5.6k
The Language of Interfaces
destraynor
151
23k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
A Tale of Four Properties
chriscoyier
150
22k
GraphQLとの向き合い方2022年版
quramy
30
12k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
We Have a Design System, Now What?
morganepeng
42
6.7k

Transcript

  1. (VUFOCFSHΛ࢖ͬͯΈΑ͏  0LBZBNB8PSE1SFTT.FFUVQ

  2. 130'*-& ࡾӜࠤ୅ࢠ !/0$&@8&#@%&4*(/ ɾԬࢁݝԬࢁࢢࡏॅ ɾ/0$&8&#%&4*(/୅ද ɾઐ໳ֶߍඇৗۈߨࢣ ɾ0LBZBNB8PSE1SFTT.FFUVQ ɹΦʔΨφΠβʔ ɾ81;PPN61؅ཧऀ ɾ8PSE$BNQ0HJKJNB࣮ߦҕһ

    0LBZBNB8PSE1SFTT.FFUVQ

  3. 8PSE1SFTT ͔Β৽͍͠ ϏδϡΞϧΤσΟλʔ (VUFOCFSHʢάʔςϯϕϧάʣ ʹͳΓ·͢ 0LBZBNB8PSE1SFTT.FFUVQ

  4. $MBTTJD&EJUPS ࠓ·Ͱ (VUFOCFSH 8PSE1SFTT͔Β ݱࡏ  ݱࡏ  (65&/166 8PSE$BNQ.*".*

    0LBZBNB8PSE1SFTT.FFUVQ

  5. (VUFOCFSH͸ɾɾɾࠓ·Ͱͱૢ࡞ײ͕ҧ͍·͢ zϒϩοΫzΛ௥Ճͯ͠هࣄΛ࡞੒ ௚ײతʹ࢖͑Δ 0LBZBNB8PSE1SFTT.FFUVQ

  6. ͓٬༷΁ ੍࡞ऀଆ 0LBZBNB8PSE1SFTT.FFUVQ (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ

  7. ͓٬༷΁ ੍࡞ऀଆ ɾ΋͏গ҆͠ఆ͢Δ·Ͱ଴ͭʁ 0LBZBNB8PSE1SFTT.FFUVQ (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ

  8. ͓٬༷΁ ੍࡞ऀଆ ɾ΋͏গ҆͠ఆ͢Δ·Ͱ଴ͭʁ ɾԿ͕มΘΔͷʁ ɾ͍ͭมΘΔͷʁ ɾ࢖͍ํ͸ʁ ɾࠓ·ͰͷΫϥγοΫΤσΟλͰॻ͍ͨ΋ͷ͸ɺ Ͳ͏ͳΔͷʁ ɾςʔϚ΍ϓϥάΠϯ͸ޓ׵ੑ͋Δʁ 0LBZBNB8PSE1SFTT.FFUVQ

    (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ

  9. ͓٬༷΁ ੍࡞ऀଆ ɾ΋͏গ҆͠ఆ͢Δ·Ͱ଴ͭʁ ɾԿ͕มΘΔͷʁ ɾ͍ͭมΘΔͷʁ ɾ࢖͍ํ͸ʁ ɾࠓ·ͰͷΫϥγοΫΤσΟλͰॻ͍ͨ΋ͷ͸ɺ Ͳ͏ͳΔͷʁ ɾςʔϚ΍ϓϥάΠϯ͸ޓ׵ੑ͋Δʁ 0LBZBNB8PSE1SFTT.FFUVQ

    (VUFOCFSHʹͳΔલʹߟ͑Δ͜ͱ

  10. z8PSE1SFTTͷϦϦʔε೔͸ϦϦʔεީิΛे෼ʹςετ ͢Δ࣌ؒΛͱΔͨΊʹ೔͔ΒมߋͱͳΓ·ͨ͠ɻ࠷ऴతͳ ϦϦʔε೔͸ɺϦϦʔεީิ΁ͷϑΟʔυόοΫʹج͍ͮͯɺ ·΋ͳ͘Ξφ΢ϯε͞Ε·͢ɻz CZ8PSE1SFTTPSH೔ຊޠ IUUQTKBXPSEQSFTTPSHOFXT 8PSE1SFTT͸͍͔ͭΒʂʁ 0LBZBNB8PSE1SFTT.FFUVQ

  11. $MBTTJD&EJUPSͷαϙʔτ͸೥຤·Ͱ IUUQTDBQJUBMQKQDMBTTJDFEJUPSTVQQPSUFEUJMM CZ$BQJUBM1 zαϙʔτΛ׬શʹଧͪ੾ΔΘ͚Ͱ͸ͳ͘ɺ೥ʹ΋͏Ұ౓ αϙʔτΛܧଓ͢΂͖͔࠶ݕ౼͢Δͱͷ͜ͱɻ ΋͠$MBTTJD&EJUPS͕͋·Γʹ΋ଟ͘ʹ࢖ΘΕ͍ͯΔΑ͏Ͱ͋Ε ͹ɺͦ͜ͰԆ௕ͷ൑அΛԼ͢༧ఆͷΑ͏ͩɻz 0LBZBNB8PSE1SFTT.FFUVQ

  12. ӳޠΛ࿩ͤΔํ͸νϟϨϯδͯ͠Έͯ͸ IUUQTDBQJUBMQKQXPSEQSFTTNUHXJUINBUU z8PSE1SFTTͷڞಉ૑ۀऀ.BUU.BMMFOXFH͕(VUFOCFSH -JTUFOJOH0GpDF)PVSTͱ୊͢ΔهࣄΛNBLFʹ౤ߘͨ͠ɻ ͦΕʹΑΕ͹ɺ͜Ε͔Βʙͷ೔ؒʹ౉ͬͯɺ .BUUͱΦϯϥΠϯϛʔςΟϯάΛ௚઀ߦ͏͜ͱ͕Ͱ͖Δػձ Λઃ͚ΔΑ͏ͩɻz CZ$BQJUBM1 0LBZBNB8PSE1SFTT.FFUVQ

  13. 8PSE1SFTTʹߋ৽͢Δͱɺ ΤσΟλ͕ $MBTTJD&EJUPS͔Β(VUFOCFSH΁ ஔ͖׵ΘΓ·͢ɻ 0LBZBNB8PSE1SFTT.FFUVQ

  14. 8PSE1SFTTར༻։࢝લʹ஌͓ͬͯ͘΂͖͜ͱ zطଘͷαΠτͰ͋Β͔͡Ί$MBTTJD&EJUPSϓϥάΠϯΛ༗ޮԽ ͓͚ͯ͠͹ɺ8PSE1SFTTʹߋ৽ͨ࣌͠ʹैདྷͷΤσΟλʔ ͕ϒϩοΫΤσΟλʔʹஔ͖׵ΘΔಈ࡞Λճආ͢Δ͜ͱ͕Ͱ͖ ·͢ɻz CZ8PSE1SFTTPSH೔ຊޠ IUUQTKBXPSEQSFTTPSHOFXT 0LBZBNB8PSE1SFTT.FFUVQ

  15. 8PSE1SFTTʹߋ৽͢Δલʹ چΤσΟλΛΠϯετʔϧ͓͖ͯ͠·͠ΐ͏ʂ 0LBZBNB8PSE1SFTT.FFUVQ

  16. ϓϥάΠϯͱͯ͠΋ΠϯετʔϧͰ͖·͢ $MBTTJD&EJUPS 0LBZBNB8PSE1SFTT.FFUVQ

  17. 0LBZBNB8PSE1SFTT.FFUVQ ϓϥάΠϯͱͯ͠΋ΠϯετʔϧͰ͖·͢ (VUFOCFSH

  18. $MBTTJD&EJUPSͷฤूը໘ 0LBZBNB8PSE1SFTT.FFUVQ

  19. (VUFOCFSHͷฤूը໘ 0LBZBNB8PSE1SFTT.FFUVQ

  20. (VUFOCFSHͷฤूը໘ (VUFOCFSH ͷೖྗํ๏ᶃ 0LBZBNB8PSE1SFTT.FFUVQ

  21. (VUFOCFSHͷೖྗํ๏ ϘλϯΛԡͯ͠ϒϩοΫΛදࣔ͠ɺબ୒͢Δ ᶃ 0LBZBNB8PSE1SFTT.FFUVQ

  22. (VUFOCFSHͷฤूը໘ (VUFOCFSH ͷೖྗํ๏ᶄ 0LBZBNB8PSE1SFTT.FFUVQ

  23. (VUFOCFSHͷೖྗํ๏ ᶄ ʮʯɺ·ͨ͸ʮʯʴʮʢϒϩοΫछྨʣʯ ͱೖྗͯ͠ϒϩοΫΛදࣔ͠ɺબ୒͢Δ 0LBZBNB8PSE1SFTT.FFUVQ

  24. ϒϩοΫҰཡ 0LBZBNB8PSE1SFTT.FFUVQ

  25. ϒϩοΫҰཡ 0LBZBNB8PSE1SFTT.FFUVQ

  26. (VUFOCFSHͷฤूը໘ ϓϥάΠϯʮ"EWBODFE(VUFOCFSHʯΛೖΕΔͱ ϒϩοΫͷछྨ͕૿͑·͢ 0LBZBNB8PSE1SFTT.FFUVQ

  27. (VUFOCFSHͷฤूը໘ ϒϩοΫ͝ͱͷ؆୯ͳฤूˠʮϒϩοΫʯͰ ɾจࣈαΠζ ɾഎܠ৭ ɾจࣈ৭ ɾυϩοϓ ɹΩϟοϓ 0LBZBNB8PSE1SFTT.FFUVQ

  28. (VUFOCFSHͷฤूը໘ શମͷઃఆˠʮจॻʯͰ ɾ༧໿౤ߘ ɾύʔϚϦϯΫมߋ ɾΞΠΩϟονը૾ 0LBZBNB8PSE1SFTT.FFUVQ

  29. (VUFOCFSHͷฤूը໘ ύʔϚϦϯΫΛ มߋ͍ͨ͠ 0LBZBNB8PSE1SFTT.FFUVQ

  30. $MBTTJD &EJUPS (VUFOCFSH ύʔϚϦϯΫͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ

  31. $MBTTJD &EJUPS (VUFOCFSH λΠτϧΛ ΫϦοΫ͢Δͱ දࣔ͞Ε·͢ ύʔϚϦϯΫͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ

  32. ࠓ·Ͱͷ )5.-Ͱ͝Γ͝Γॻ͍ͨ ݻఆϖʔδ͸ (VUFOCFSHͷϒϩοΫม׵͢Δͱ Ͳ͏ͳΔ͔ 0LBZBNB8PSE1SFTT.FFUVQ

  33. 0LBZBNB8PSE1SFTT.FFUVQ

  34. ૿͍͑ͯΔ ը໘΋গ͠
 ่Ε͍ͯΔʂ 0LBZBNB8PSE1SFTT.FFUVQ

  35. ফ͍͑ͯΔ ແ͍ʂʂ ૿͍͑ͯΔ 0LBZBNB8PSE1SFTT.FFUVQ

  36. ࠓ·Ͱͷ )5.-Ͱ͝Γ͝Γॻ͍ͨ ݻఆϖʔδ͸ (VUFOCFSHͷϒϩοΫม׵ ͠ͳ͍΄͏͕ྑ͍ʂ 0LBZBNB8PSE1SFTT.FFUVQ

  37. ΫϥγοΫΤσΟλͰॻ͍ͨ ΋ͷΛ(VUFOCFSHͰϒϩοΫ ʹม׵ͯ͠ ่Εͯ͠·ͬͨΒʂʂ 0LBZBNB8PSE1SFTT.FFUVQ

  38. ᶃҰ୴ʮߋ৽ʯ͢Δ 0LBZBNB8PSE1SFTT.FFUVQ

  39. ᶃҰ୴ʮߋ৽ʯ͢Δ ᶄʮจॻʯͷʮϦϏδϣϯʯ ΫϦοΫʂ 0LBZBNB8PSE1SFTT.FFUVQ

  40. ᶅʮલ΁ʯͰ໭͢ 0LBZBNB8PSE1SFTT.FFUVQ

  41. ᶅʮલ΁ʯͰ໭͢ ᶆʮ͜ͷϦϏδϣϯΛ෮ݩʯͰ໭Δ 0LBZBNB8PSE1SFTT.FFUVQ

  42. (VUFOCFSHͰ΋ )5.-ͰίʔυΛ ͝Γ͝Γॻ͖͍ͨ࣌͸ 0LBZBNB8PSE1SFTT.FFUVQ

  43. ʮΧελϜ)5.-ʯͰೖྗ͢Δ ΫϦοΫʂ 0LBZBNB8PSE1SFTT.FFUVQ

  44. ʮΧελϜ)5.-ʯͰೖྗ͢Δ ͜͜ʹ ίʔυΛॻ͘ 0LBZBNB8PSE1SFTT.FFUVQ

  45. ʮ࠶ར༻ϒϩοΫʯ ศརʂ ͚ͩͲ ஫ҙ͕ඞཁʂ ࠶ར༻ϒϩοΫ 0LBZBNB8PSE1SFTT.FFUVQ

  46. ࠶ར༻ϒϩοΫ ᶃʮ࠶ར༻ϒϩοΫʹ௥ՃʯͰొ࿥͢Δ 0LBZBNB8PSE1SFTT.FFUVQ

  47. ᶃʮ࠶ར༻ϒϩοΫʹ௥ՃʯͰొ࿥͢Δ ࠶ར༻ϒϩοΫ ͷ໊લΛ͚ͭΔ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ

  48. ʮ࠶ར༻ϒϩοΫʯʹొ࿥͢Δͱ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ

  49. ʮ࠶ར༻ϒϩοΫʯͷ࢖͍ํ ΫϦοΫ͢Δͱɺ ಉ͡ϒϩοΫ͕ ૠೖ͞ΕΔ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫ

  50. ʮ࠶ར༻ϒϩοΫʯ͸ฤूͰ͖·͢ ࠶ར༻ϒϩοΫͷฤू 0LBZBNB8PSE1SFTT.FFUVQ

  51. ࠶ར༻ϒϩοΫͷฤू ϒϩοΫ಺Λ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ

  52. ࠶ར༻ϒϩοΫͷฤू ϒϩοΫ಺Λ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ ʮฤूʯϘλϯΛΫϦοΫ͢Δͱ ͍Ζ͍Ζͳฤू͕Ͱ͖ΔΑ͏ʹͳΓ·͢

  53. ϒϩοΫ಺Λ ΫϦοΫ͢Δͱɺ ʮฤूʯϘλϯ͕ දࣔ͞Ε·͢ ʮฤूʯϘλϯΛΫϦοΫ͢Δͱ ͍Ζ͍Ζͳฤू͕Ͱ͖ΔΑ͏ʹͳΓ·͢ ฤू݁Ռ͸ɺ ͢΂ͯͷ࠶ར༻ϒϩοΫ ʹ൓ө͞Ε·͢ 0LBZBNB8PSE1SFTT.FFUVQ

    ࠶ར༻ϒϩοΫͷฤू

  54. ςΩετͷฤू BMU΍എܠ৭ ഑ஔ΍ࣸਅ ͷมߋ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷฤू

  55. ʮ࠶ར༻ϒϩοΫʯͷ஫ҙ఺ ࠶ར༻ϒϩοΫͷ஫ҙ఺ 0LBZBNB8PSE1SFTT.FFUVQ

  56. ࠶ར༻ϒϩοΫͷฤू ʮ࠶ར༻ϒϩοΫ͔Β࡟আʯ ฤू݁Ռ͸ɺ͢΂ͯͷ ࠶ར༻ϒϩοΫʹ൓ө͞Ε·͢ ͜ͷ࠶ར༻ϒϩοΫΛ࢖͍ͬͯΔ ࠓ·ͰͷϒϩοΫશ͕ͯ࡟আ͞Εͯ͠·͏ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷ஫ҙ఺

  57. ʮ௨ৗͷϒϩοΫ΁ม׵ʯ͓ͯ͘͠ͱɺมΘͬͨΓফ͑ͨΓ͠·ͤΜ ฤूͨ͘͠ͳ͍ ࡟আͨ͘͠ͳ͍ ϒϩοΫ͸ɺ 0LBZBNB8PSE1SFTT.FFUVQ ࠶ར༻ϒϩοΫͷ஫ҙ఺

  58. ·ͱΊ 0LBZBNB8PSE1SFTT.FFUVQ

  59. ɾ8PSE1SFTTʹߋ৽͢Δલʹ ɹچΤσΟλΛΠϯετʔϧ͓͖ͯ͠·͠ΐ͏ʂ ɾࠓ·Ͱͷ)5.-Ͱॻ͍ͨϖʔδ͸ ɹϒϩοΫม׵͠ͳ͍΄͏͕ྑ͍ʂ 0LBZBNB8PSE1SFTT.FFUVQ

  60. ɾ(VUFOCFSHͰ΋)5.-ͰίʔυΛॻ͖͍ͨ࣌͸ ʮΧελϜ)5.-ʯͰೖྗ͢Δ ɾ่Εͯ͠·ͬͨΒʮϦϏδϣϯʯͰ෮ݩͰ͖Δ ɾʮ࠶ར༻ϒϩοΫʯΛ࢖͏ͱ͖͸஫ҙ͕ඞཁʂ 0LBZBNB8PSE1SFTT.FFUVQ

  61. ͋Γ͕ͱ͏͍͟͝·ͨ͠ 0LBZBNB8PSE1SFTT.FFUVQɺ࣍ճ΋͝ࢀՃ͍ͩ͘͞Ͷ 0LBZBNB8PSE1SFTT.FFUVQ