Upgrade to Pro — share decks privately, control downloads, hide ads and more …

データの可視化とGraphQLを学ぶモチベーション

 データの可視化とGraphQLを学ぶモチベーション

NINNO Tech Fest #2
データの可視化とGraphQLを学ぶモチベーション

C717ef317154dee3e9dcc524f2c2d368?s=128

kinocoboy

October 22, 2021
Tweet

Transcript

  1. NINNO Tech Fest #2 2021.10.22 גࣜձࣾKUNO ໦Լതو σʔλͷՄࢹԽͱGraphQLΛֶͿϞνϕʔγϣϯ

  2. Self Introduction Hiroki.Kinoshita גࣜձࣾKUNO ਂ૚ֶशͱΫϥ΢υΛۦ࢖͢ΔDXاۀ Front Engineer / Designer Peacock

    Engineer Group ( PEG ) Organizer Twitter: @kinocoboy2
  3. ͳͥσʔλΛՄࢹԽΛ͢Δͷ͔

  4. ݁࿦ɺϝϦοτ͕ଟ͍͔Β σʔλͷՄࢹԽΛ͢Δ͜ͱͷϝϦοτ ᶃ ؾ͚ͮΔ ᶄ ൑அͰ͖Δ ᶅ Ԡ༻Ͱ͖Δ ᶆ etc…

  5. σʔλͷՄࢹԽΛߦ͏ͨΊʹେࣄͳ͜ͱ ᶃ Ӿཡऀͷχʔζʹ߹Θͤͯ࡞੒͢Δ Ӿཡऀ͕ݟͯΘ͔Βͳ͍ ৘ใաଟͰٯʹࠞཚΛট͘ ᶄ σʔλͷҙຯΛਂ͘ཧղ͢Δ ͳΜͷҙຯΛ࣋ͭࢦඪͳͷ͔Λ͔ͬ͠Γ೺Ѳ͢Δඞཁ͕͋Δ ؒҧͬͨσʔλΛूΊͯ͠·͏ɾҙຯΛؒҧ͑Δ

  6. Ձ஋͋ΔՄࢹԽΛ͢ΔͨΊʹ ᶃ ࣮ݱ͍ͨ͠΋ͷͷݴޠԽΛపఈతʹߦ͏ υϝΠϯۦಈઃܭ΍ϢʔβʔετʔϦʔϚοϐϯάɺϞσϦϯάͳͲ৭ʑ࿩୊ʹ ͳΔ΋ͷ͕ଟ͘ͳ͍ͬͯΔɻ ᶄ ͱʹ͔͘ࢼߦࡨޡ͠࠷దղΛಈ͖ͳ͕Βݟ͚ͭΔέʔε͕ଟ͍ ᶅ ํ޲స׵͸౰ͨΓલͷΑ͏ʹى͖Δ΋ͷ 👆

    ͜Ε͕ͱʹ͔͘Τά͍
  7. None
  8. ΫϥΠΞϯτ։ൃ͕ਏ͗͢Δ

  9. RestAPI

  10. REST API ͩͱɺͳͥΫϥΠΞϯτ͕ਏ͍͔ ᶃ API ଆͷ ΠϯλʔϑΣʔε ͕ ֓೦ͷมԽʹΑͬͯॊೈʹมಈ͢Δ ΠϯλʔϑΣʔε

    ͕มԽ͢ΔͨͼʹɺΫϥΠΞϯτଆͷ࣮૷͕ൃੜ ΠϯλʔϑΣʔε͕ఏڙ͞ΕΔ·ͰɺΫϥΠΞϯτ͸Կ΋Ͱ͖ͳ ͍ ᶄ ϑϩϯτଆͷ ը໘෦඼ ΁ͷ߲໨௥Ճ΋͋Δ ΠϯλʔϑΣʔεमਖ਼ґཔΛ͢Δඞཁ͕͋Δ ΫϥΠΞϯτ͚ͩͰ߲໨௥Ճ͕׬݁͠ͳ͍
  11. GraphQL

  12. GraphQL ͱ͸ ͬ͘͟Γݴ͏ͱ ᶃ GraphQL ͸ΫϥΠΞϯτ͕ඞཁͳσʔλΛ API ͔ΒϑΣον͢ΔͨΊʹ 
 ઃܭ͞Εͨݴޠ

    ᶄ GraphQL Λ࢖༻͢ΔͱɺΫϥΠΞϯτ͸ όοΫΤϯυ API ͔Β 
 ඞཁͳσʔλͷܕͱγΣΠϓΛऔಘՄೳ ᶅ GraphQL Ͱ͸ɺͲΜͳλΠϓͷϦΫΤετͰ΋ɺ 
 ΫϥΠΞϯτ ΞϓϦέʔγϣϯ͕ݺͼग़͢ΤϯυϙΠϯτ͸ 1 ͚ͭͩ ᶆ GraphQL ͸ SQL ͱΑ͘ࣅ͍ͯ·͕͢ɺϑϩϯτΤϯυͰػೳ͢Δ
  13. GraphQL ͱ͸ ୺తʹ͍͏ͱɺΫϥΠΞϯτ։ൃ ͱ όοΫΤϯυ։ൃͷ෼཭Λ໨త ͱ͍ͯ͠Δɻ ΤϯυϙΠϯτ͕̍ͭఏڙ͞ΕΕ͹ɺΫϥΠΞϯτଆ͕ཉ͍͠৘ใ Λࣗ༝ʹҾ͖ग़͠ͳ͕Β։ൃ͢Δ͜ͱ͕Մೳɻ SQLΛΫϥΠΞϯτଆ͕ॻ͍ͯɺόοΫΤϯυʹ࣮ߦͤ͞ΔΠϝʔδ

  14. ·ͱΊ ᶃ ΤϯδχΞ͸ೲ඼෺ΛσϦόϦʔ͢ΔͷͰ͸ͳ͘ɺೲ඼෺ͰಘΒΕΔՁ஋ΛσϦό Ϧʔ͢ΔଘࡏʹͳΔ ᶄ Ձ஋ΛσϦόϦʔ͢Δ৔߹ɺDDD΍ϞσϦϯάɺϢʔβʔετʔϦʔϚοϐϯάͳͲ ͷ໨తۦಈઃܭ͕ඞཁʹͳͬͯ͘Δɻ ᶅ ໨తۦಈઃܭͷ৔߹ɺैདྷͷRestAPI ͱ

    ΫϥΠΞϯτͷ૊Έ߹ΘͤͩͱΫϥΠΞϯτ ։ൃ͕ਏ͍ɻ(ࡾॏ;Γ͜ʣ ᶆ ͦͷͨΊʹɺΫϥΠΞϯτͱRestAPIΛ෼཭Ͱ͖Δ GraphQL ͸໨తۦಈઃܭʹ͸༗ ޮɻ ᶇ ࢼߦࡨޡͰ͖ΔͷͰɺσʔλΛϢʔβʔͷχʔζʹ߹ΘͤͯՄࢹԽͰ͖ΔΑ͏ʹͳ Δɻ
  15. GraphQLɺ͋Γ͔΋ͳʔ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠