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
2k
Slackにアップしたスライドをいい感じに見れるやつ作った
Shintani Teppei
December 22, 2018
Tweet
Share
More Decks by Shintani Teppei
See All by Shintani Teppei
ISUCONで型をつける
euglena1215
1
73
3年でバックエンドエンジニアが5倍に増えても破綻しなかったアーキテクチャ そして、これから / Software architecture that scales even with a 5x increase in backend engineers in 3 years
euglena1215
11
4.6k
モジュラモノリス、その前に / Modular monolith, before that
euglena1215
8
930
いつか使える ObjectSpace / Maybe useful ObjectSpace
euglena1215
2
180
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
590
Ruby の型に関する活動をやっている話 / Activities related to Ruby types
euglena1215
3
310
そろそろ理解する includes / Understanding includes
euglena1215
1
880
習うより慣れる Ruby AST / Ruby AST is better to get used to than to learn.
euglena1215
2
480
Railsでエンドポイントごとのテストカバレッジを測定する / Measuring Test Coverage per Endpoint in Rails
euglena1215
1
470
Other Decks in Technology
See All in Technology
[TechNight #86] Oracle GoldenGate - 23ai 最新情報&プロジェクトからの学び
oracle4engineer
PRO
1
200
EDRからERM: PFN-SIRTが関わるセキュリティとリスクへの取り組み
pfn
PRO
0
130
ObservabilityCON on the Road Tokyoの見どころ
hamadakoji
0
240
生成AIの利活用を加速させるための取り組み「prAIrie-dog」/ Shibuya_AI_1
visional_engineering_and_design
1
110
SCSAから学ぶセキュリティ管理
masakamayama
0
120
Redshiftを中心としたAWSでのデータ基盤
mashiike
0
110
生成AIを活用した機能を、顧客に提供するまでに乗り越えた『4つの壁』
toshiblues
2
260
バクラクの組織とアーキテクチャ(要約)2025/01版
shkomine
13
3.2k
panicを深ぼってみる
kworkdev
PRO
2
160
Grid表示のレイアウトで Flow layoutsを使う
cffyoha
1
160
これからSREになる人と、これからもSREをやっていく人へ
masayoshi
2
1.1k
Amazon Location Serviceを使ってラーメンマップを作る
ryder472
2
170
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Building Your Own Lightsaber
phodgson
104
6.2k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Site-Speed That Sticks
csswizardry
3
310
A Philosophy of Restraint
colly
203
16k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Building Adaptive Systems
keathley
39
2.4k
Making Projects Easy
brettharned
116
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
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ը૾ϦαΠζḉͱͯ͠༏ल •
ීٴ͢ΔΑ͏͍͖ͬͯ