$30 off During Our Annual Pro Sale. View Details »

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-Occupation13.pdf
Avatar for SayokoMiura sayokomiura
0
1.8k
情報と職業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.5k
情報と職業9/Information-and-Occupation9
Avatar for SayokoMiura sayokomiura
0
2.6k
情報と職業8/Information-and-Occupation8
Avatar for SayokoMiura sayokomiura
0
2.9k
情報と職業7/Information-and-Occupation7
Avatar for SayokoMiura sayokomiura
0
3.4k
情報と職業6/Information-and-Occupation6
Avatar for SayokoMiura sayokomiura
0
3.7k
情報と職業5/Information-and-Occupation5
Avatar for SayokoMiura sayokomiura
0
3.9k

Other Decks in Design

See All in Design
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
180
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k
佐藤千晶｜ポートフォリオ
Avatar for 佐藤千晶 chimi_chia
0
420
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
150
Meet, Learn, Grow × AI ― コミュニティで加速するスキル循環 「コミュニティと関わり方」
Avatar for ため tame
0
330
ChatGPT、Gemini、Claude は、なぜ似たようなUIを採用しているのか？
Avatar for ふわり fuwarisprit
3
2k
ユーザー像を「みてね」らしく可視化する　家族アルバムみてねUXリサーチチームの取り組み
Avatar for MIXI DESIGN mixi_design
PRO
3
610
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
120
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
350
kintone Style Book
Avatar for kintone kintone
5
8.4k
地理院地図をもっと楽しく！れきちず新機能のご紹介
Avatar for Hajime Kato hjmkth
1
260
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
320

Featured

See All Featured
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
73
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
410
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
330
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.3k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
90
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
74
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
570
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
56
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
560

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