Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Slackにアップしたスライドをいい感じに見れるやつ作った
Search
Shintani Teppei
December 22, 2018
Technology
1
1.9k
Slackにアップしたスライドをいい感じに見れるやつ作った
Shintani Teppei
December 22, 2018
Tweet
Share
More Decks by Shintani Teppei
See All by Shintani Teppei
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
85
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
200
Ruby の型に関する活動をやっている話 / Activities related to Ruby types
euglena1215
3
210
そろそろ理解する includes / Understanding includes
euglena1215
1
750
習うより慣れる Ruby AST / Ruby AST is better to get used to than to learn.
euglena1215
2
340
Railsでエンドポイントごとのテストカバレッジを測定する / Measuring Test Coverage per Endpoint in Rails
euglena1215
1
360
初めてrails/railsにバグレポートを出してみた
euglena1215
0
170
XXXSerializer#to_json を地道に置き換えている話
euglena1215
0
140
GitHub Copilot を使って自作ライブラリを作ってみよう/ Let's create your own library using GitHub Copilot!
euglena1215
0
280
Other Decks in Technology
See All in Technology
Binary Authorizationと友達になろう / Let's be friends with Binary Authorization
iselegant
2
130
なぜクラウドサービスで Web コンソールを提供するのか
shuta13
4
1.3k
20240828_EM_Fest
kzkmaeda
4
360
セキュリティ監視の内製化 効率とリスク
mixi_engineers
PRO
4
640
Datadogの便利な使い方 - 意外と知らない?CoScreenとCloudcraft
taijihagino
PRO
1
600
トレタO/X アーキテクチャ移行記 Next.js App Router化への道のり / TORETA TECH UPDATE 1
okunokentaro
2
560
AWS IAM Identity Center議論会 〜 認証認可結合モデルと認証認可分離モデル / 20240827-jawsug-arch-iam_identity_center
opelab
3
320
目標設定と習慣化で今よりも一歩生産性を上げる
sansantech
PRO
7
2.3k
技術ブログや登壇資料を秒で作るコツ伝授します
minorun365
PRO
16
4.4k
Oracle Database 23ai 新機能 #3 Oracle Globally Distributed Database(GDD)
oracle4engineer
PRO
1
160
プロデザ! BY リクルートvol.22_様々なプロダクト経験の中で活きたPdMのスキル
recruitengineers
PRO
3
170
HolidayJp.jl を作りました
mrkn
0
110
Featured
See All Featured
Infographics Made Easy
chrislema
239
18k
Done Done
chrislema
180
16k
How STYLIGHT went responsive
nonsquared
93
5.1k
Fashionably flexible responsive web design (full day workshop)
malarkey
400
65k
Mobile First: as difficult as doing things right
swwweet
220
8.8k
Art, The Web, and Tiny UX
lynnandtonic
294
20k
No one is an island. Learnings from fostering a developers community.
thoeni
18
2.9k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
25
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
22
1.7k
Automating Front-end Workflow
addyosmani
1365
200k
Side Projects
sachag
451
42k
Producing Creativity
orderedlist
PRO
340
39k
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ը૾ϦαΠζḉͱͯ͠༏ल •
ීٴ͢ΔΑ͏͍͖ͬͯ