Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Slackにアップしたスライドをいい感じに見れるやつ作った
Shintani Teppei
December 22, 2018
Technology
1
1.2k
Slackにアップしたスライドをいい感じに見れるやつ作った
Shintani Teppei
December 22, 2018
Tweet
Share
More Decks by Shintani Teppei
See All by Shintani Teppei
euglena1215
1
190
euglena1215
1
110
euglena1215
1
310
euglena1215
0
790
euglena1215
1
180
euglena1215
0
150
Other Decks in Technology
See All in Technology
ayanadesu
0
450
uzabase_saas_product
0
110
uzabasetech
2
790
nitya
0
330
kkosukeee
0
220
kaniza
0
120
dena_tech
0
190
tnmt
3
270
ryomasumura
0
130
masakazu
0
200
hmatsu47
5
740
takehaya
0
130
Featured
See All Featured
caitiem20
308
17k
scottboms
251
11k
sugarenia
233
860k
notwaldorf
17
1.8k
philnash
9
590
jeffersonlam
329
15k
reverentgeek
27
2k
geoffreycrofte
21
940
chriscoyier
779
240k
orderedlist
PRO
328
36k
davidbonilla
70
3.6k
mza
80
4.1k
Transcript
SlackʹΞοϓͨ͠ εϥΠυΛ͍͍ײ͡ʹ ݟΕΔͭ࡞ͬͨ ͯͬʔ @euglena1215
͜Ε͔Β͍ͯ͘͜͠ͱ 1. Ϟνϕʔγϣϯ 2. ͬ͘͟Γߏ 3. ͬͨπʔϧͷհ 4. ͕Μͬͨͱ͜Ζ 5.
·ͱΊ
Ϟνϕʔγϣϯ • ݚڀࣨͰຖि࣋ͪճΓͷจհൃද͕ ߦΘΕ͍ͯΔ • ൃදεϥΠυ͕΄ͱΜͲڞ༗͞Ε͍ͯͳ͍ঢ়گ 1. ൃදεϥΠυͷݟฦ͕͠Ͱ͖ͳ͍ 2.
Ҏલհ͞Εͨจͳͷ͔Ͳ͏͔͔Βͳ͍
DEMO https://teppei-slides.netlify.com/
ओͳػೳ • Ξοϓϩʔυͨ͠εϥΠυ͕ҰཡͰ͖Δ • εϥΠυ͕ΩʔϫʔυݕࡧͰ͖Δ • Ϣʔβʔ͝ͱͷεϥΠυ͕ݟΒΕΔ
JSON Hosted by Repo: https://github.com/ euglena1215/slide-uploader-for-slack Repo: https://github.com/ euglena1215/slide-viewer-gatsby ͬ͘͟Γߏ
JSON Hosted by Repo: https://github.com/ euglena1215/slide-uploader-for-slack Repo: https://github.com/ euglena1215/slide-viewer-gatsby ͬ͘͟Γߏ
ALL FREE!!!
Google Apps Scriptͱ ɾJSͬΆ͍ݴޠͰॻ͚Δ ɾεέδϡʔϧ࣮ߦ ɾSpreadSheet, Driveͱͷ࿈ܞ͕؆୯ ɾखܰʹwebαʔόͱͯ͠ެ։Ͱ͖Δ ɾແྉ
Netlifyͱ • ศརͰجຊແྉͳϗεςΟϯάαʔϏε, like a github-pages • git push͢Δͱmaster branchͰ`yarn
build`͞Εͯ /publicҎԼΛϗεςΟϯά·Ͱ͕σϑΥϧτઃఆ • rebuild༻webhook͕2ΫϦοΫͰ • *.netlify.comͷҙͷυϝΠϯ͕ઃఆͰ͖Δ • httpsରԠ
GatsbyJSͱ • ੩తαΠτδΣωϨʔλ, like a Jekyll • ReactͰॻ͚Δ • Typescript,
styled-components͑Δɺ࠷ߴ • ΞΫηεͨ͠ॠؒ੩తϖʔδͱͯ͠ɺ ΞΫηεͨ͠ޙReactΞϓϦέʔγϣϯͱͯ͠ػೳ • ReactͷެࣜαΠτGatsbyJSͰ࡞ΒΕ͍ͯΔ
がんばったところ GANBATTA TOKORO
がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏ͬͯ࡞ΔΜʁ
がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏ͬͯ࡞ΔΜʁ
None
None
thumb_pdf͕pngΛ͍࣋ͬͯΔ
αϜωΠϧը૾͕ͪΌΜͱऔΕ͍ͯͨ
None
None
͜Εʂʂʂʂʂʂʂʂ
がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏ͬͯ࡞ΔΜʁ
Slack͕࡞ͬͯ͘Εͯͨ がんばったところ ᶃ pdfͷαϜωΠϧը૾ɺGASͰͲ͏ͬͯ࡞ΔΜʁ
ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹຊޠදࣔ͞Εͳ͍Μ͕ がんばったところ
https://github.com/mikecousins/react-pdf-js/issues/16 https://github.com/mikecousins/react-pdf-js/issues/72 IssueΛൃݟͨ͠
Pull RequestΛग़ͨ͠ https://github.com/mikecousins/react-pdf-js/pull/89
merge͞Εͨ https://github.com/mikecousins/react-pdf-js/pull/89
ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹຊޠදࣔ͞Εͳ͍Μ͕ がんばったところ
ᶄ PDFΛϨϯμϦϯά͢ΔReactͷϥΠϒϥϦɺ ɹຊޠදࣔ͞Εͳ͍Μ͕ දࣔ͢ΔΑ͏ʹͯ͋͛ͨ͠ がんばったところ
͔͠͠
πʔϧ ࡞Γͬͺͳͩ͠ͱීٴ͠ͳ͍
͍ํεϥΠυΛΞοϓϩʔυͯ͠ΈͨΓ
Ξοϓͯ͠Β͑ΔΑ͏DMͰࠜճͨ͠͠Γ
πʔϧ͕͔ͬ͠Γීٴ͢ΔΑ͏ ͍͖ͬͯ
·ͱΊ • GatsbyJS x Netlifyਆ • ແྉͰ͜Ε͚ͩ࡞ΕΔ͜ͷ࣌ʹײँ • Slackը૾ϦαΠζḉͱͯ͠༏ल •
ීٴ͢ΔΑ͏͍͖ͬͯ