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

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

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

D7b086b9c6bb828f15cd7a9ff9b8c688?s=128

Shintani Teppei

December 22, 2018
Tweet

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͸ը૾ϦαΠζḉͱͯ͠༏ल •

    ීٴ͢ΔΑ͏΍͍͖ͬͯ