技術を分かりやすく伝える9種類のコンテンツ / Types of content for development documents

Slide 1

Slide 1 text

LINE Corporation Developer Content Team Hiroki Zenigami (@zenizh) ٕज़Λ෼͔Γ΍͘͢఻͑Δ9छྨͷίϯςϯπ LINE Technical Writing Meetup vol. 17 2022.10.13

Slide 2

Slide 2 text

͜Μͳਓʹ͓͢͢Ί • ٕज़৘ใͷ఻͑ํʹ೰ΜͰ͍Δਓ • ࣾ಺޲͚ͷ։ൃυΩϡϝϯτΛΑΓΑ͍ͨ͘͠ਓ • ։ൃυΩϡϝϯταΠτͷӡӦΛ୲౰͍ͯ͠Δਓ 2

Slide 3

Slide 3 text

͜Μͳ೰Έ͸ͳ͍Ͱ͔͢ʁ • ॻ͍ٕͨज़৘ใ͕ͳΜͱͳ͘෼͔ΓͮΒ͍ • ։ൃυΩϡϝϯτͷߏ੒Λݟ௚͍͚ͨ͠Ͳɺ   Ͳ͏͢Ε͹͍͍͔෼͔Βͳ͍ 3

Slide 4

Slide 4 text

೰ΈΛղܾ͢Δʹ͸ • ։ൃυΩϡϝϯτΛॻ͘ʹ͋ͨͬͯɺ   ίϯςϯπͷछྨΛ஌͓ͬͯ͘ 4

Slide 5

Slide 5 text

ࣗݾ঺հ • Hiroki Zenigami (@zenizh)͋ • LINEגࣜձࣾ ςΫχΧϧϥΠλʔ • ݩΤϯδχΞ • ڞஶʮݱ৔Ͱ࢖͑ΔRuby on Rails 5ʢϚΠφϏग़൛ʣʯ • 2013೥͔Βٕज़ϒϩάΛӡӦ 5

Slide 6

Slide 6 text

࿩ͷྲྀΕ • ୈҰ෦ɿ։ൃυΩϡϝϯταΠτͷࣄྫ • ୈೋ෦ɿίϯςϯπͷछྨ • ୈࡾ෦ɿಋೖʹ͓͚Δߟ͑ํ 6

Slide 7

Slide 7 text

ୈҰ෦ ։ൃυΩϡϝϯταΠτͷࣄྫ

Slide 8

Slide 8 text

ᶃ Next.js

Slide 9

Slide 9 text

Showcase - Next.js https://nextjs.org/showcase

Slide 10

Slide 10 text

Getting Started - Next.js https://nextjs.org/docs/getting-started

Slide 11

Slide 11 text

Templates - Next.js https://vercel.com/templates/next.js

Slide 12

Slide 12 text

ᶄ Nuxt

Slide 13

Slide 13 text

The Context - Nuxt https://nuxtjs.org/docs/internals-glossary/context/

Slide 14

Slide 14 text

Explore Nuxt Modules - Nuxt https://modules.nuxtjs.org/

Slide 15

Slide 15 text

ᶅ Stripe

Slide 16

Slide 16 text

Prebuilt Checkout page - Stripe https://stripe.com/docs/checkout/quickstart

Slide 17

Slide 17 text

Stripe Payment Element - Stripe https://stripe.com/docs/payments/payment-element

Slide 18

Slide 18 text

ᶆ LINE Developers site

Slide 19

Slide 19 text

Minimizing LIFF browser - LINE Developers https://developers.line.biz/en/docs/li ff /minimizing-li ff -browser/

Slide 20

Slide 20 text

Messaging API reference - LINE Developers https://developers.line.biz/en/reference/messaging-api/#get-pro fi le-playground

Slide 21

Slide 21 text

FAQ - LINE Developers https://developers.line.biz/en/faq/

Slide 22

Slide 22 text

ୈೋ෦ ίϯςϯπͷछྨ

Slide 23

Slide 23 text

ίϯςϯπͷҰཡ 23 1 ٕज़Λઆ໌͢Δίϯςϯπ • νϡʔτϦΞϧ • ϦϑΝϨϯε • υΩϡϝϯτ 2 આ໌Λิ଍͢Δίϯςϯπ • ༻ޠू • FAQ͋ • ϓϨΠάϥ΢ϯυ 3 ٕज़ʹؔ͢Δ۩ମతͳࣄྫ • γϣʔέʔε • ࣮૷ྫ • ίϛϡχςΟ

Slide 24

Slide 24 text

ᶃ ٕज़Λઆ໌͢Δίϯςϯπ

Slide 25

Slide 25 text

• ࣮ફΛ௨ͯ͠ɺجຊతͳ஌ࣝͷ शಘΛΊ͟͢ • ॳڃऀ޲͚ νϡʔτϦΞϧ 25 https://nextjs.org/learn/foundations/about-nextjs

Slide 26

Slide 26 text

• ٕज़ͷΑΓৄࡉͳ࢓༷ ϦϑΝϨϯε 26 https://docs.github.com/en/rest/actions/artifacts

Slide 27

Slide 27 text

• ੡඼Λར༻͢Δʹ͋ͨͬͯ஌ͬͯ ͓͘΂͖͜ͱ υΩϡϝϯτ 27 https://www.contentful.com/developers/docs/concepts/apis/

Slide 28

Slide 28 text

ᶄ આ໌Λิ଍͢Δίϯςϯπ

Slide 29

Slide 29 text

• ༻ޠʹ͍ͭͯͷઆ໌Λ·ͱΊͨ ΋ͷ • πʔϧνοϓͳͲͰఏࣔ͢Δ ༻ޠू 29 https://stripe.com/docs/payments/quickstart

Slide 30

Slide 30 text

• ࣭໰ͱͦͷ౴͑Λ·ͱΊͨ΋ͷ FAQ 30 https://support.stripe.com/questions/trouble-signing-in

Slide 31

Slide 31 text

• ٕज़Λ࣮ࡍʹࢼͤΔػೳ ϓϨΠάϥ΢ϯυ 31 https://daisyui.com/docs/themes/

Slide 32

Slide 32 text

ᶅ ٕज़ʹؔ͢Δ۩ମతͳࣄྫ

Slide 33

Slide 33 text

• ٕज़͕࢖ΘΕ͍ͯΔࣄྫ • اը୲౰ऀͳͲɺଞͷ৬छͷਓ ΋૝ఆͨ͠ίϯςϯπ γϣʔέʔε 33 https://nuxtjs.org/showcases/

Slide 34

Slide 34 text

• ಛఆͷϢʔεέʔεʹؔ͢Δ࣮૷ Λ঺հ͢Δίϯςϯπ ࣮૷ྫ 34 https://vercel.com/templates/next.js/isr-blog-nextjs-wordpress

Slide 35

Slide 35 text

• ίϛϡχςΟ͕࡞੒ͨ͠ϥΠϒ ϥϦͳͲΛ঺հ͢Δ ίϛϡχςΟ 35 https://developers.line.biz/en/docs/messaging-api/line-bot-sdk/

Slide 36

Slide 36 text

ୈࡾ෦ ಋೖʹ͓͚Δߟ͑ํ

Slide 37

Slide 37 text

ಡऀ͸୭ʁͲΜͳ೰ΈΛ΋͍ͬͯΔʁ • ಡऀͷ೰ΈʹԠͨ͡ίϯςϯπΛఏڙ͢Δ • ॳֶऀɿνϡʔτϦΞϧ • ্ڃऀɿϦϑΝϨϯεɺ࣮૷ྫ 37

Slide 38

Slide 38 text

υΩϡϝϯτͱνϡʔτϦΞϧɺϦϑΝϨϯε • ͜ͷ3ͭͷίϯςϯπ͸ಡऀͱ೰Έ͕େ͖͘ҟͳΔ • 3ͭͷίϯςϯπΛ෼͚ͯఏڙ͢Δ 38

Slide 39

Slide 39 text

υΩϡϝϯτΛ෼ྨ͠Α͏ 39 1 Getting Started • ݟΔස౓͸গͳ͍͚Ͳɺಛఆ ͷλΠϛϯάͰඞཁͳ৘ใ 2 Basics • ٕज़ʹؔ͢Δجຊతͳ͜ͱ • ઈର஌͓͖͍ͬͯͨ͜ͱ 3 Advanced • ൃలతͳ஌ࣝ • ͋ΔϢʔεέʔεʹ͓͍ͯඞ ཁʹͳΔਂ͍஌ࣝ

Slide 40

Slide 40 text

·ͱΊ • ίϯςϯπͷछྨΛ9ͭ঺հ͠·ͨ͠ • ಡऀͱ೰ΈΛߟ͑Α͏ • ಡऀͱ೰ΈʹԠͯ͡ॊೈʹઃܭ͠Α͏ 40 Follow @zenizh