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
ビジネスアナリシスはビジネス”分析”じゃないよ！～システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス～
Avatar for BPStudy bpstudy
0
620
アプリ360onWeb使い方と裏ワザ？紹介！
Avatar for ikejun360 ikejun360
0
250
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
340
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
130
portfolio.pdf
Avatar for Fumitaka Ono onof003
0
160
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
370
アクセシビリティに取り組むメリット
Avatar for Rikiya Ihara / magi magi1125
2
250
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
Avatar for 山口哲弘 t2yamaguchi429
0
720
そのUIコンポーネント、これから先も使えますか？―Headless UI,Open UI,グローバルデザインシステム
Avatar for sakito sakito
2
1.7k
Мышление историями. Как текстовые модели поведения помогают дизайнеру проектировать
Avatar for Andrew Shapiro ashapiro
0
140
Them Middle School Kids Pitch
Avatar for Steven Vargas stevie_vee
0
140

Featured

See All Featured
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.1k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
379
70k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
347
40k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
7
840
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.6k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
111
20k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.8k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k

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