GASでBacklogの情報をSlack通知できるようにしてみた

by Takayuki

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Copyright Re:Build.inc All Rights Reserved. 1.ࣗݾ঺հ ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ◆ࣗݾ঺հ ɾ1990೥ɺਆಸ઒ݝੜ·Εɻ ɾࣾձਓʹͳ͔ͬͯΒɺϓϩάϥϛϯάΛ࢝ΊΔɻ ɾ2015೥ʹϑϧεϐʔυʹೖࣾ͠ɺ2017೥ʹ ϑϦʔϥϯεΛ΍ͬͨޙʹ2017೥11݄ʹԭೄͰىۀɻ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ ◆εΩϧ ɾPHP, Symfony2,CakePHP3,Laravel5, ɾJavaScript, backbone.js,Angular4,Vue.js

Slide 5

Slide 5 text

Slide 6

Slide 6 text

ɾαʔϏε໊ temite ɾγεςϜ֓ཁ ECϓϥοτϑΥʔϜ ΫϨδοτܾࡁ ΞϑΟϦΤΠτ ͳͲ ɾ࢖͍ͬͯΔٕज़ ݴޠ : PHP,JavaScript ϑϨʔϜϫʔΫ: laravel5,Vue.js,JQueryͳͲ ։ൃதͷαʔϏε

Slide 7

Slide 7 text

Slide 8

Slide 8 text

࢓ࣄͰ͸༷ʑͳ֎෦αʔϏε(gitͳͲ)ͷ৘ใΛ SlackͰҰݩ؅ཧ͓ͯ͠Γɺ Backlogͷ৘ใ΋ SlackͰҰݩ؅ཧ͔ͨͬͨ͠ɻ എܠ

Slide 9

Slide 9 text

ɾ࢒λεΫͷSlack௨஌ ɾΞΫςΟϏςΟͷSlack௨஌ ɾ࢒λεΫΛεϓϨουγʔτʹॻ͖ࠐΈ ΍Γ͍ͨ͜ͱ

Slide 10

Slide 10 text

શମߏ੒ ՝୊ͳͲΛ௥Ճૢ࡞ WebhookͰ࣮ߦ Slack௨஌ Backlog API Λୟ͘ εϓϨοτγʔτ ॻ͖ࠐΈ

Slide 11

Slide 11 text

Slack௨஌Πϝʔδ

Slide 12

Slide 12 text

γʔτॻ͖ࠐΈΠϝʔδ

Slide 13

Slide 13 text

WWW.SITE2MAX.PRO Free PowerPoint & KeyNote Templates DEMO DEMO

Slide 14

Slide 14 text

Slide 15

Slide 15 text

APIΩʔ͸ͦΕͧΕͷϦϑΝϨϯεΛࢀߟʹऔಘ͠·͢ɻ ɾGASͷιʔε ɾBacklogͷAPIΩʔ ɾSlackͷWebhookURL ɾBacklogͷϓϩδΣΫτͷID ४උ͢Δ΋ͷ

Slide 16

Slide 16 text

Google Apps Scriptʢ௨শGASʣ͸ɺGoogle͕ఏڙ͢Δ 11ͷαʔϏεΛΫϥ΢υ্ͰεΫϦϓτΛ࣮ߦ͢Δ͜ͱ Ͱૢ࡞Ͱ͖ΔαʔϏεͰ͢ɻεΫϦϓτͷݴޠ͸ɺ JavaScriptΛϕʔεͱ͍ͯ͠·͢ɻ ʮExcelͷϚΫϩͱಉ͡ʯͱݴΘΕΔ͜ͱ΋͋Γ·͢ ͕ɺ͜Ε͸ਖ਼͋͘͠Γ·ͤΜɻεϓϨουγʔτ͚ͩΛ ૢ࡞͢Δ৔߹͸ɺExcelͷϚΫϩͱࣅ͍ͯ·͕͢ɺ Google Apps Script͸ΑΓ෯޿͍༻్ʹ࢖༻Ͱ͖·͢ɻ Google Apps Scriptͱ͸

Slide 17

Slide 17 text

Backlog API Backlog API ͰԿ͕ग़དྷ·͔͢ʁ ՝୊,Wiki,ϑΝΠϧͷ௥Ճ΍औಘΛ࢝Ίɺϓϩ δΣΫτ΍Ϣʔβʔͷ؅ཧͳͲϒϥ΢β্ͷ BacklogͰͰ͖Δૢ࡞ͷେ෦෼ΛAPI͔Βߦ͏͜ ͱ͕Ͱ͖·͢ɻৄ͘͠͸API ϦετΛࢀরͯ͠ ͍ͩ͘͞ɻ ·ͨɺCross Origin Resource Sharing (CORS) ʹΑΔϒϥ΢β্ͰͷAjaxΛ ࢖༻ͨ͠ΫϩευϝΠϯ௨৴͕ՄೳͰ͢ɻ

Slide 18

Slide 18 text

Backlog APIΩʔͷൃߦ

Slide 19

Slide 19 text

Backlog APIΩʔͷൃߦ

Slide 20

Slide 20 text

Webhook Webhook ͸ɺ՝୊΍ίϝϯτɺWikiɺϑΝΠϧͷ௥Ճ΍ߋ৽ɺSubversion ΍ Git ΁ͷίϛοτ΍ϓογϡͳͲͷΠϕϯτ͕ى͖ͨͱ͖ʹɺࢦఆͨ͠ URLʹͦͷ৘ใΛૹ৴ (HTTPϦΫΤετ)͢Δ͜ͱ͕Ͱ͖ΔػೳͰ͢ɻ ྫ͑͹ɺ՝୊͕ߋ৽͞Εͨͱ͖ʹνϟοταʔϏεʹ௨஌ͨ͠ΓɺGit Ϧϙ δτϦʹϓογϡ͞Εͨͱ͖ʹϏϧυγεςϜʹ௨஌͢Δ౳ɺଞͷαʔϏ ε΍γεςϜͱͷ࿈ܞʹར༻͢Δ͜ͱ͕Ͱ͖·͢ɻ

Slide 21

Slide 21 text

Backlog Webhookͷઃఆ

Slide 22

Slide 22 text

Backlog Webhookͷઃఆ

Slide 23

Slide 23 text

Slack Webhook URLऔಘ ҎԼURLʹΞΫηε͢Δɻ https://slack.com/services/new/incoming-webhook

Slide 24

Slide 24 text

Slack Webhook URLऔಘ

Slide 25

Slide 25 text

Slack Webhook URLऔಘ URLΛίϐʔ

Slide 26

Slide 26 text

ҎԼͷ11ͷαʔϏεΛૢ࡞͢Δ͜ͱ͕Ͱ͖·͢ɻ ɾΧϨϯμʔ ɾίϯλΫτ ɾυϥΠϒ ɾυΩϡϝϯτ ɾεϓϨουγʔτ ɾϑΥʔϜ ɾGmail ɾάϧʔϓ ɾϚοϓ ɾαΠτ ɾLanguages Google Apps Scriptͷର৅ͱͳΔαʔϏε

Slide 27

Slide 27 text

εϓϨουγʔτΛ৽ن࡞੒ > πʔϧɹ> εΫϦϓτΤσΟλ ΦϯϥΠϯΤσΟλ͕։͔ΕɺJavaScriptΛॻ͍͍͖ͯ·͢ɻ GASͷ࡞੒ํ๏

Slide 28

Slide 28 text

GASͷιʔε ɾ࢒λεΫͷSlack௨஌ ɾΞΫςΟϏςΟͷSlack ௨஌ ɾ࢒λεΫΛεϓϨου γʔτʹॻ͖ࠐΈ ͳͲΛߦ͏

Slide 29

Slide 29 text

GASͷιʔε

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Backlog APIͱGASΛ ࢖͑͹΋ͬͱɺ ͍ΖΜͳࣄ͕Ͱ͖ͦ͏ʂʂʂ

Slide 32

Slide 32 text

ࢀߟ https://qiita.com/murase/items/9175fb908492279ad817 https://qiita.com/kingpanda/items/44667f2ddc39e760ea8b https://qiita.com/vmmhypervisor/items/18c99624a84df8b31008