Slackにアップしたスライドをいい感じに見れるやつ作った

by Shintani Teppei

Slide 1

Slide 1 text

SlackʹΞοϓͨ͠ εϥΠυΛ͍͍ײ͡ʹ ݟΕΔ΍ͭ࡞ͬͨ ͯͬ΃ʔ @euglena1215

Slide 2

Slide 2 text

͜Ε͔Β࿩͍ͯ͘͜͠ͱ 1. Ϟνϕʔγϣϯ 2. ͬ͘͟Γߏ੒ 3. ࢖ͬͨπʔϧͷ঺հ 4. ͕Μ͹ͬͨͱ͜Ζ 5. ·ͱΊ

Slide 3

Slide 3 text

Ϟνϕʔγϣϯ • ݚڀࣨͰຖि࣋ͪճΓͷ࿦จ঺հൃද͕  ߦΘΕ͍ͯΔ • ൃදεϥΠυ͕΄ͱΜͲڞ༗͞Ε͍ͯͳ͍ঢ়گ ໰୊఺ 1. ൃදεϥΠυͷݟฦ͕͠Ͱ͖ͳ͍ 2. Ҏલ঺հ͞Εͨ࿦จͳͷ͔Ͳ͏͔෼͔Βͳ͍

Slide 4

Slide 4 text

DEMO https://teppei-slides.netlify.com/

Slide 5

Slide 5 text

ओͳػೳ • Ξοϓϩʔυͨ͠εϥΠυ͕ҰཡͰ͖Δ • εϥΠυ͕ΩʔϫʔυݕࡧͰ͖Δ • Ϣʔβʔ͝ͱͷεϥΠυ͕ݟΒΕΔ

Slide 6

Slide 6 text

JSON Hosted by Repo: https://github.com/ euglena1215/slide-uploader-for-slack Repo: https://github.com/ euglena1215/slide-viewer-gatsby ͬ͘͟Γߏ੒

Slide 7

Slide 7 text

JSON Hosted by Repo: https://github.com/ euglena1215/slide-uploader-for-slack Repo: https://github.com/ euglena1215/slide-viewer-gatsby ͬ͘͟Γߏ੒ ALL FREE!!!

Slide 8

Slide 8 text

Google Apps Scriptͱ͸ ɾJSͬΆ͍ݴޠͰॻ͚Δ ɾεέδϡʔϧ࣮ߦ ɾSpreadSheet, Driveͱͷ࿈ܞ͕؆୯ ɾखܰʹwebαʔόͱͯ͠ެ։Ͱ͖Δ ɾແྉ

Slide 9

Slide 9 text

Netlifyͱ͸ • ศརͰجຊແྉͳϗεςΟϯάαʔϏε, like a github-pages • git push͢Δͱmaster branchͰ`yarn build`͞Εͯ  /publicҎԼΛϗεςΟϯά·Ͱ͕σϑΥϧτઃఆ • rebuild༻webhook͕2ΫϦοΫͰ • *.netlify.comͷ೚ҙͷυϝΠϯ͕ઃఆͰ͖Δ • httpsରԠ

Slide 10

Slide 10 text

GatsbyJSͱ͸ • ੩తαΠτδΣωϨʔλ, like a Jekyll • ReactͰॻ͚Δ • Typescript, styled-components΋࢖͑Δɺ࠷ߴ • ΞΫηεͨ͠ॠؒ͸੩తϖʔδͱͯ͠ɺ  ΞΫηεͨ͠ޙ͸ReactΞϓϦέʔγϣϯͱͯ͠ػೳ • ReactͷެࣜαΠτ͸GatsbyJSͰ࡞ΒΕ͍ͯΔ

Slide 11

Slide 11 text

がんばったところ GANBATTA TOKORO

Slide 12

Slide 12 text

がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏΍ͬͯ࡞ΔΜ΍ʁ

Slide 13

Slide 13 text

がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏΍ͬͯ࡞ΔΜ΍ʁ

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

thumb_pdf͕pngΛ͍࣋ͬͯΔ

Slide 17

Slide 17 text

αϜωΠϧը૾͕ͪΌΜͱऔΕ͍ͯͨ

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

͜Ε΍ʂʂʂʂʂʂʂʂ

Slide 21

Slide 21 text

がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏΍ͬͯ࡞ΔΜ΍ʁ

Slide 22

Slide 22 text

Slack͕࡞ͬͯ͘Εͯͨ がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏΍ͬͯ࡞ΔΜ΍ʁ

Slide 23

Slide 23 text

ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹ೔ຊޠදࣔ͞Εͳ͍Μ΍͕ がんばったところ

Slide 24

Slide 24 text

https://github.com/mikecousins/react-pdf-js/issues/16 https://github.com/mikecousins/react-pdf-js/issues/72 IssueΛൃݟͨ͠

Slide 25

Slide 25 text

Pull RequestΛग़ͨ͠ https://github.com/mikecousins/react-pdf-js/pull/89

Slide 26

Slide 26 text

merge͞Εͨ https://github.com/mikecousins/react-pdf-js/pull/89

Slide 27

Slide 27 text

ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹ೔ຊޠදࣔ͞Εͳ͍Μ΍͕ がんばったところ

Slide 28

Slide 28 text

ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹ೔ຊޠදࣔ͞Εͳ͍Μ΍͕ දࣔ͢ΔΑ͏ʹͯ͋͛ͨ͠ がんばったところ

Slide 29

Slide 29 text

͔͠͠

Slide 30

Slide 30 text

πʔϧ͸ ࡞Γͬͺͳͩ͠ͱීٴ͠ͳ͍

Slide 31

Slide 31 text

࢖͍ํεϥΠυΛΞοϓϩʔυͯ͠ΈͨΓ

Slide 32

Slide 32 text

Ξοϓͯ͠΋Β͑ΔΑ͏DMͰࠜճͨ͠͠Γ

Slide 33

Slide 33 text

πʔϧ͕͔ͬ͠Γීٴ͢ΔΑ͏ ΍͍͖ͬͯ

Slide 34

Slide 34 text

·ͱΊ • GatsbyJS x Netlify͸ਆ • ແྉͰ͜Ε͚ͩ࡞ΕΔ͜ͷ࣌୅ʹײँ • Slack͸ը૾ϦαΠζḉͱͯ͠༏ल • ීٴ͢ΔΑ͏΍͍͖ͬͯ