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
Information-and-Occupation14
Avatar for SayokoMiura sayokomiura
0
1.3k
Information-and-Occupation13.pdf
Avatar for SayokoMiura sayokomiura
0
1.9k
情報と職業12/Information-and-Occupation12
Avatar for SayokoMiura sayokomiura
0
1.5k
情報と職業11/Information-and-Occupation11
Avatar for SayokoMiura sayokomiura
0
2.1k
情報と職業10/Information-and-Occupation10
Avatar for SayokoMiura sayokomiura
0
2.6k
情報と職業9/Information-and-Occupation9
Avatar for SayokoMiura sayokomiura
0
2.7k
情報と職業8/Information-and-Occupation8
Avatar for SayokoMiura sayokomiura
0
2.9k
情報と職業7/Information-and-Occupation7
Avatar for SayokoMiura sayokomiura
0
3.5k
情報と職業6/Information-and-Occupation6
Avatar for SayokoMiura sayokomiura
0
3.8k

Other Decks in Design

See All in Design
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
0
130
デザインするために「多様性」について考える
Avatar for なつ iflection
0
240
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
610
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
Avatar for Jumpei Sakatsu saka2jp
2
1.1k
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
10
10k
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
Avatar for 株式会社NIJIBOX nbkouhou
2
250
爆速開発でAIプロダクトが40万インプレッションになった話
Avatar for つぶら tsubura
0
210
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
0
830
大企業インハウスデザイン組織における DesignOps改革の現在地 / DesignOps at Scale: Navigating Transformation in Large Enterprises
Avatar for NTT docomo Business nttcom
0
440
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
140
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.3k
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
140

Featured

See All Featured
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Designing Experiences People Love
Avatar for Jonathan Moore moore
143
24k
Leadership Guide Workshop - DevTernity 2021
Avatar for David Neal reverentgeek
1
250
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
490
Mind Mapping
Avatar for Hélio Medeiros helmedeiros
PRO
1
130
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Fantastic passwords and where to find them - at NoRuKo
Avatar for Phil Nash philnash
52
3.6k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
New Earth Scene 8
Avatar for Sydney Stone popppiees
1
1.8k
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
2
290
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
120k
Building the Perfect Custom Keyboard
Avatar for Naoto Takai takai
2
720

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