Tweet
Tweet

Slide 1

Slide 1 text

Slackֆจࣈੜ੒botΛͭͬͯ͘Έͨ @bmf_san

Slide 2

Slide 2 text

CPUΛͭͬͨ͘ https://github.com/bmf-san/emoji-generator-slack-app

Slide 3

Slide 3 text

Slack botʹmention͢Δͱը૾ੜ੒ͯ͘͠ΕΔ 4FSWFS ը૾ੜ੒ !CPUCMVFTLZCMVFTMBDLFNPKJ

Slide 4

Slide 4 text

Slack botͷ࡞Γํ ɾࠓճ͸GoͰͭͬͨ͘ ɾGoͰSlack BotΛ࡞Δʹ͸ɺ͜ͷهࣄ͕෼͔Γ΍͢ ͍ͷͰৄࡉ͸ׂѪ →https://qiita.com/frozenbonito/items/ cf75dadce12ef9a048e9 ɾmentionʹ൓Ԡ͢Δ͚ͩͷbot͸ൺֱత؆୯ɻdialog ͱ͔interactiveͳ΍ͭ͸೉͍͠ɺͱ͍͏͔໘౗..

Slide 5

Slide 5 text

ը૾ੜ੒ͷ࿩ ɾGoͰը૾ॲཧˠඪ४ͷimageύοέʔδ͕࢖͑Δ ɾimagemagickͷΑ͏ʹॆ࣮ ɾϞβΠΫॲཧɺը૾߹੒ɺτϦϛϯάɺςΩετඳ ըͱ͔ۃΊΔͱָͦ͠͏ͳύοέʔδ

Slide 6

Slide 6 text

imageύοέʔδ࢖͏ʁ ɾ࢖ͬͯ΋Α͍͕ࠓճ͸࢖Θͳ͔ͬͨ ɾը૾ੜ੒ͷͨΊʹඳըͷύϥϝʔλΛνϡʔχϯά ͍ͯ͘͠ͷ͕ۤ࿑ͦ͠͏ɺ΋ͬͱָʹ΍Γ͍ͨ ɾtruetypeϑΥϯτ͔͠αϙʔτ͞Ε͍ͯͳ͍

Slide 7

Slide 7 text

ϔουϨεϒϥ΢βΛ༻͍ͨը૾ੜ੒ ɾϔουϨεϒϥ΢βΛىಈˠSS ɾϑϩϯτΤϯυͰը૾͍͡ΕΔɺCSS΋Α͠ɺJS ΋Α͠ ɾϒϥ΢β͕ରԠ͍ͯ͠ΔfontͳΒΑ͠ ɾࠓճ͸slackֆจࣈͷͨΊͰ͕͢ɺOGPࣗಈੜ੒ͱ ͔૬ੑྑͦ͞͏

Slide 8

Slide 8 text

GoͰϔουϨεϒϥ΢βΛૢΔ ɾChromedp https://github.com/chromedp/chromedp ɾchrome devtools protocolʢchromeΛૢ࡞͢ΔͨΊ ͷϓϩτίϧʣΛαϙʔτ͍ͯ͠Δ΍ͭ ɾSelenium΍PhantomJSͱ͍ͬͨ֎෦ґଘͳ͠ ɾUI෇͖Ͱ΋ͳ͠Ͱ΋chromeΛૢΕΔ

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

chromedpΛ࢖ͬͯը૾ੜ੒ ɾbot΁ͷϝϯγϣϯʹ͍͍ͭͯΔύϥϝʔλΛը૾ ੜ੒ͷͨΊͷೖྗͱͯ͠ѻ͏ ɾ@botname [color] [bgColor] [line1] [line2(optional)] MJOFɺ͕͋Δͱ͖ MJOF͚͕ͩ͋Δͱ͖

Slide 11

Slide 11 text

chromedpΛ࢖ͬͯը૾ੜ੒ ɾड͚औͬͨೖྗΛςϯϓϨʔτϑΝΠϧʹల։

Slide 12

Slide 12 text

No content

Slide 13

Slide 13 text

chromedpΛ࢖ͬͯը૾ੜ੒ ɾड͚औͬͨೖྗΛςϯϓϨʔτϑΝΠϧʹల։ →canvasΛ࢖ͬͯඳըʢCSS͚ͩͰ΍Γ͔͕ͨͬͨɺεΫγϣͨͱ͖ ʹ༨ന্͕ࠞͬͯ͟ख͘Ͱ͖ͳ͔ͬͨɻɻcavasͩͱΩϨΠʹͰ͖ ͨʣ ɾ”ը૾ੜ੒ͷͨΊʹඳըͷύϥϝʔλΛνϡʔχϯά͍ͯ͘͠ͷ͕ۤ ࿑ͦ͠͏ɺ΋ͬͱָʹ΍Γ͍ͨ” →݁ہςΩετඳըͷͨΊͷx࣠ɺy࣠ͷௐ੔Λ΍ͬͨ

Slide 14

Slide 14 text

·ͱΊ ɾGoඪ४ͷimageύοέʔδͰྑ͔ͬͨʂʂʢfontʹ ͩ͜ΘΓ΋ͳ͔ͬͨͷͰɾɾʣ