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ͰͲ͏΍ͬͯ࡞ΔΜ΍ʁ
16. thumb_pdf͕pngΛ͍࣋ͬͯΔ
17. αϜωΠϧը૾͕ͪΌΜͱऔΕ͍ͯͨ
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͸ը૾ϦαΠζḉͱͯ͠༏ल • ීٴ͢ΔΑ͏΍͍͖ͬͯ