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

Gutenberg

Avatar for SayokoMiura SayokoMiura
November 30, 2018
Design
0
120

 Gutenberg

Gutenbergを使ってみよう
Avatar for SayokoMiura

SayokoMiura

November 30, 2018
Tweet

More Decks by SayokoMiura

See All by SayokoMiura
情報と職業11/Information-and-Occupation11
Avatar for SayokoMiura sayokomiura
0
2.1k
情報と職業10/Information-and-Occupation10
Avatar for SayokoMiura sayokomiura
0
2.4k
情報と職業9/Information-and-Occupation9
Avatar for SayokoMiura sayokomiura
0
2.5k

Other Decks in Design

See All in Design
Starry | Storyboards | Scene 1-21
Avatar for Gio Fortunato giofortuna_story
0
280
デザイナーとPMの両ロール_３つのポイント
Avatar for toy toy1618
1
320
AIで加速するアクセシビリティのこれから
Avatar for Rikiya Ihara / magi magi1125
3
540
実践ゼロから作らないデザインシステム SaaS × デザインシステム × プロダクトデザイン / Efficient Design System for SaaS—no need to start from scratch.
Avatar for 株式会社カミナシ kaminashi
2
1.7k
freee + Product Design FY25Q4
Avatar for freee freee
4
14k
なぜプレイドにデザインエンジニアが必要だったのか？
Avatar for t32k t32k
0
500
もうひとつのアーキテクチャ #kichijojipm
Avatar for kondoyuko kondoyuko
0
240
業務効率化だけじゃ物足りない AIと一緒にプロトタイプ開発
Avatar for Shingo Suzuki shingo2000
1
1.5k
20250129_DAST28_実空間にデジタル資源の接点をデザインする
Avatar for majimasachi majimasachi
0
420
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.6k
Cyber Heart Online Book
Avatar for Hannah hjnasby
0
110
札幌の雪を観光資源に変える：デザインプログラムSESSAの挑戦
Avatar for Ittyanm ittyann
0
250

Featured

See All Featured
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
58
9.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
229
22k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
Side Projects
Avatar for Sacha Greif sachag
455
42k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
35
2.4k
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.5k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
69
4.7k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k

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