Shopifyを使った次世代型EC・ヘッドレスコマース（Hydrogen）入門

Shopifyを使ったヘッドレスコマース（Hydrogen）について解説するYouTubeを公開しました。ヘッドレスコマースの仕組みから、Shopifyが発表した最新のヘッドレスコマースのためのフレームワーク「Hydrogen」について解説しています。
https://youtu.be/EispvDNfFcc

Transcript

1. 4IPQJGZΛ࢖ͬͨ࣍ੈ୅ܕ&$ɺϔο ド ϨείϚʔε ʢ)ZESPHFOʣೖ໳ OPOTUBOEBSE
   XPSMEגࣜձࣾ
   Φʔϓϯࣾһݚम
4. ,FOKJ
   5BLBTBLJ OPOTUBOEBSE
   XPSME
   *OD
   ୅ද݉$50 ߴ࡚݈࢘ ೥ɺઍ༿ݝੜ·Εɻ
   ೥ɺࠃࡍجಜڭେֶଔۀޙɺιϑτ バ ϯΫ ג ೖࣾɺ8FC ߏஙͷ࢓ࣄʹैࣄͨ͠ޙɺ೥ʹಠཱɻ
   
   ೥ɺOPOTUBOEBSE
   XPSMEגࣜձࣾΛىۀɻ
   ೋࣇͷ෕ɻ෱Ԭ΁ͷҠॅܦݧऀɻ
   
   
5. ຊ೔ͷΞδΣϯμ ϔουϨείϚʔεͱ͸ʁ
   ϔουϨείϚʔεͱैདྷܕͷαΠτͷߏ੒ͷҧ͍
   ϔουϨείϚʔεͷϝϦοτ
   ϔουϨείϚʔεͷσϝϦοτ
   ݁࿦
   4IPQJGZ
   ७ਖ਼ϑϨʔϜϫʔΫʮ)ZESPHFOʯʹ͍ͭͯ
   
6. ϔουϨείϚʔεͱ͸ʁ
7. ϔουϨείϚʔεͱ͸ʁ ւ֎ͷ%$ͱݺ͹ΕΔςΫϊϩδʔΛॏࢹͨ͠੡଄খചͰඪ४ͱ ͳ͍ͬͯΔ࣍ੈ୅ܕͷ&$ٕज़ͰɺσʔλͱσβΠϯͷ෼཭͕ಛ௃ తͳ&$αΠτͷ࡞ΓͰ͢ɻ
8. ͦ΋ͦ΋8&#αΠτͬͯԿΛ͍ͯ͠ΔΜͩΖ͏ʁʁ σʔλΛσβΠϯʹม׵ͯ͠ද͍ࣔͯ͠Δ
9. ैདྷܕ4IPQJGZςʔϚʢϞϊϦγοΫʣͷ8&#αΠτͷߏ੒ σʔλόοΫΤϯυ σβΠϯʹϑϩϯτΤϯυ ϞϊϦγοΫʹҰຕؠ
   σʔλͱσβΠϯ͸ৗʹڞಉ࡞ۀΛ͍ͯ͠Δ 8&#αΠτ
10. ϔουϨείϚʔεͷ8&#αΠτͷߏ੒ σʔλόοΫΤϯυ σβΠϯʹϑϩϯτΤϯυ ϔουϨεʹ಄ʢόοΫΤϯυʣ͕ͳͯ͘΋ɺख଍ʢϑϩϯτΤϯυʣ͕ಈ͘ঢ়ଶ
    σʔλͱσβΠϯ͸෼཭ͯ͠ɺඞཁͳ͚࣌ͩ΍ΓͱΓΛ͍ͯ͠Δ 8&#αΠτ
11. ϔουϨείϚʔεͷར఺ ɾߴ଎
    ɾ҆શ
    ɾεέʔϧͤ͞΍͍͢
    ɾ։ൃޮ཰ʢ։ൃऀମݧʣ͕ྑ͍
    ɾσβΠϯɺαΠτߏ଄ͷࣗ༝౓͕ߴ͍
    ɾ$.4ͳͲผͷγεςϜͱͷ࿈ܞ͕ॊೈ
    ɾଟσόΠεԽ͠΍͍͢
12. ϔουϨείϚʔεͷར఺ɿߴ଎ ग़యɿIUUQSPCPUJDTTUBOGPSEFEVdSPOOZL*&&&$PNQVUFS0OMJOF&YQFSJNFOUTQEG ݱࡏͷ8FCٕज़Ͱ͸ϔουϨεߏ੒͕࠷ߴ଎ɻ
    αΠτද͕ࣔඵ஗͘ͳΔͱɺചΓ্͕͛ݮগ͠ɺ
    ඵߴ଎Խ͢Δͱͷച্͕޲্͢Δɻ
13. ϔουϨείϚʔεͷར఺ɿ҆શ σβΠϯͱσʔλΛ෼཭͢Δ͜ͱͰɺαΠόʔ߈ܸΛड͚ΔϙΠϯτΛݮΒ͢͜ͱ͕Ͱ͖Δɻ
14. ϔουϨείϚʔεͷར఺ɿεέʔϧ͠΍͍͢ $%/ͱݺ͹ΕΔߴ଎഑৴ɾෛՙ෼ࢄͰ͖ΔωοτϫʔΫͰ഑৴Ͱ͖ɺ
    σβΠϯͱσʔλʔͷ෼཭ʹΑΓɺσʔλʔଆ΁ͷෛՙ͕αʔϏεΛ
    ֦େͤ͞Δ্ͰͷϘτϧωοΫʹͳΔ͜ͱ͕ͳ͍ɻ
15. ϔουϨείϚʔεͷར఺ɿ։ൃޮ཰ʢ։ൃऀମݧʣ͕ྑ͍ ։ൃऀಉ࢜Ͱ෼ۀ͠΍͍͢ɻ
    ϖʔδͰ͸ͳ͘ίϯϙʔωϯτʢ8FCαΠτͷύʔπʣ୯ҐͰ
    ։ൃ͢ΔͷͰύʔπͷ࠶ར༻͠΍͍͢ɻ
16. ϔουϨείϚʔεͷར఺̑ɿαΠτߏ଄ͷࣗ༝౓͕ߴ͍ αΠτͷߏ଄ʢ63-ઃܭʣ͕ࣗ༝Ͱ͖ΔͷͰɺݕࡧΤϯδϯରࡦʹ༏Ґੑ͕͋Δ
17. ϔουϨείϚʔεͷར఺̒ɿ$.4ͳͲผͷγεςϜͱͷ࿈ܞ͕ॊೈ σʔλͱσβΠϯ͕෼཭͍ͯ͠ΔͨΊɺσʔλݩ͕ෳ਺͋ͬͯ΋σβΠϯͷ։ൃ͕̍ճͰ͢Ήɻ
    &$ͷΧʔτ෦෼͸4IPQJGZͰɺίϯςϯπ࡞੒͸ผͷγεςϜΛ࢖͍͍ͨ৔߹ʹॊೈʹରԠͰ͖Δ
18. ϔουϨείϚʔεͷར఺ɿϚϧνσόΠεԽ͕͠΍͍͢ ϑϩϯτΤϯυΛ18"ʢ1SPHSFTTJWF
    8FC
    "QQMJDBUJPOʣʹ४ڌͨ͠ܗͰ࡞Ε͹ɺ
    ϔουϨείϚʔεαΠτΛͦͷ··εϚϗΞϓϦͱͯ͠
    "OESPJEͷ1MBZετΞͰ഑৴͢Δ͜ͱ͕Ͱ͖·͢ɻ
19. ࣮Ҋ݅Λ͜ͳͯ͠Θ͔ͬͨϔουϨείϚʔεͷσϝϦοτ ɾ৘ใ͕গͳ͍
    ɾςʔϚ։ൃʹൺ΂ͯ೉қ౓͕ߴ͘ɺ։ൃऀ͕গͳ͍
    ɾσβΠϯʢϑϩϯτΤϯυʣ͕ؔΘΔ4IPQJGZΞϓϦͰ࢖͑ͳ͍΋ͷ͕͋Δ
20. ݁࿦ ૣ͘ߦ͖͚ͨΕ͹ςʔϚͰ͍͚ɺ
    ԕ͘΁ߦ͖͚ͨΕ͹ϔουϨεͰ͍͚ɻ
21. ݁࿦ ૣ͘ߦ͖͚ͨΕ͹ςʔϚͰ͍͚ɺ
    ԕ͘΁ߦ͖͚ͨΕ͹ϔουϨεͰ͍͚ɻ
22. 4IPQJGZ७ਖ਼ϔουϨείϚʔεϑϨʔϜϫʔΫʮ)ZESPHFOʯʹ͍ͭͯ
23. )ZESPHFOͷಛ௃ ɾ4IPQJGZ७ਖ਼ͳͷͰɺ4IPQJGZͱͷ࿈܎ߟ͑ΔͱϑΝʔετνϣΠε
    ɾ34$ʢ3FBDU
    4FSWFS
    $PNQPOFOUTʣͷ࠾༻ʹΑΓɺಛʹҙࣝ͠ͳͯ͘΋ɺ࠷ దͳखஈΛબΜͰαΠτΛര଎ʹ഑৴ͯ͘͠ΕΔ
24. ࣄྫ
25. ςΫχΧϧίϯαϧςΟϯά΍ͬͯ·͢ ɾࣗࣾͷ&$αΠτΛϋΠυϩδΣϯͰϦχϡʔΞϧ͢΂͖͔໎ͬͯΔͷͰ૬ஊ ʹ৐ͬͯཉ͍͠
    ɾ͢Ͱʹ͋ΔγεςϜͱ࿈܎͍͚ͨ͠Ͳɺ͜͏͍͏ߏ੒Ͱ͍͍ΜͰ͠ΐ͏͔ʁ
    ɾࠓϋΠυϩδΣϯͰ࣮૷͍ͯ͠Δ͚ͲɺϋϚ͍ͬͯΔϙΠϯτ͕͋ΔͷͰɺ૬ ஊʹ৐ͬͯཉ͍͠