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

Transcript

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

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

   ·ͱΊ

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

   Ҏલ঺հ͞Εͨ࿦จͳͷ͔Ͳ͏͔෼͔Βͳ͍

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

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

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

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

   ALL FREE!!!

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

9. Netlifyͱ͸ • ศརͰجຊແྉͳϗεςΟϯάαʔϏε, like a github-pages • git push͢Δͱmaster branchͰ`yarn

   build`͞Εͯ
 /publicҎԼΛϗεςΟϯά·Ͱ͕σϑΥϧτઃఆ • rebuild༻webhook͕2ΫϦοΫͰ • *.netlify.comͷ೚ҙͷυϝΠϯ͕ઃఆͰ͖Δ • httpsରԠ

10. GatsbyJSͱ͸ • ੩తαΠτδΣωϨʔλ, like a Jekyll • ReactͰॻ͚Δ • Typescript,

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

11. がんばったところ GANBATTA TOKORO

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

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

14. None
15. None

16. thumb_pdf͕pngΛ͍࣋ͬͯΔ

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

18. None
19. None

20. ͜Ε΍ʂʂʂʂʂʂʂʂ

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

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

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

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

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

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

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

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

29. ͔͠͠

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

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

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

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

34. ·ͱΊ • GatsbyJS x Netlify͸ਆ • ແྉͰ͜Ε͚ͩ࡞ΕΔ͜ͷ࣌୅ʹײँ • Slack͸ը૾ϦαΠζḉͱͯ͠༏ल •

    ීٴ͢ΔΑ͏΍͍͖ͬͯ