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
Nextcloudでスライドをウェブに埋め込みたい
Search
Kenichiro MATOHARA
April 10, 2021
Technology
0
530
Nextcloudでスライドをウェブに埋め込みたい
Kenichiro MATOHARA
April 10, 2021
Tweet
Share
More Decks by Kenichiro MATOHARA
See All by Kenichiro MATOHARA
fuse-archiveでいろんなアーカイブをマウント
matoken
0
27
最近試したLinuxのOCRツール(NDL古典籍OCR-Lite/YomiToku)
matoken
0
44
LibreOfficeで日本語Linterが使いたい
matoken
0
14
KSMBDでSMB共有
matoken
0
32
asciinema playerで大きな端末録画を共有する
matoken
0
24
ターミナルを共有するいろいろ
matoken
0
16
textlintで日本語をまともに(Neovim/VS Code)
matoken
0
34
TUI Bluetooth マネージャーの bluetuith
matoken
0
46
Galene用SpeachToTextのgalene-sttを試す
matoken
0
28
Other Decks in Technology
See All in Technology
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
210
今年一年で頑張ること / What I will do my best this year
pauli
1
220
あなたの知らないクラフトビールの世界
miura55
0
120
Oracle Exadata Database Service(Dedicated Infrastructure):サービス概要のご紹介
oracle4engineer
PRO
0
12k
Evolving Architecture
rainerhahnekamp
3
250
Git scrapingで始める継続的なデータ追跡 / Git Scraping
ohbarye
5
490
Docker Desktop で Docker を始めよう
zembutsu
PRO
0
160
[IBM TechXchange Dojo]Watson Discoveryとwatsonx.aiでRAGを実現!座学①
siyuanzh09
0
110
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
200
re:Invent 2024のふりかえり
beli68
0
110
カップ麺の待ち時間(3分)でわかるPartyRockアップデート
ryutakondo
0
140
技術に触れたり、顔を出そう
maruto
1
150
Featured
See All Featured
Adopting Sorbet at Scale
ufuk
74
9.2k
The Pragmatic Product Professional
lauravandoore
32
6.4k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Into the Great Unknown - MozCon
thekraken
34
1.6k
It's Worth the Effort
3n
183
28k
Statistics for Hackers
jakevdp
797
220k
Docker and Python
trallard
43
3.2k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
860
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7k
Facilitating Awesome Meetings
lara
51
6.2k
Transcript
Nextcloudでスライ Nextcloudでスライ ドをウェブに埋め ドをウェブに埋め 込みたい 込みたい Kenichiro Matohara(matoken) <
[email protected]
> 1
/ 24
南隅から参加(鹿児島の右下) 好きなLinuxディストリビューションはDebian お仕事募集 mailto:work@matohara.org Kenichiro Matohara(matoken) Kenichiro Matohara(matoken) https://matoken.org https://matoken.org
2 / 24
最近blog更新頻度up! 最近blog更新頻度up! 1月 → 3日に1本くらい 2月 → 2日に1本くらい アクセスが順調に増えていく :)
3月 → 1日に1本くらい アクセスが順調に減っていく?? 3 / 24
🤔 🤔 4 / 24
鹿児島らぐ 鹿児島らぐ 次回04/25( ) https://kagolug.org/ https://kagolug.org/ Cross Distro Developers Campと同じ日
鹿児島Linux勉強会 2021.04(オンライン開催) - connpass 5 / 24
Nextcloudでスライドをウェブに Nextcloudでスライドをウェブに 埋め込みたい 埋め込みたい 6 / 24
ドキュメント共有サービスに欲 ドキュメント共有サービスに欲 しい機能 しい機能 主にこことかで発表したpdfスライドを公開したい できればスライド以外のドキュメント(過去のコミケ原稿とか)も 再アップロードしてもURLが変わらない Web埋め込みが出来る ドキュメントが勝手に消えない 7
/ 24
これまでに使ってきたサービス これまでに使ってきたサービス (1 of 2) (1 of 2) スライド&ドキュメント共有 無料アカウントでは再アップロードできなくなった(URLが変わ
る) によってなにか変わる? スライド共有 無料アカウントでは100個まで 一度データが見えなくなった SlideShare Scribdによる買収 SpeakerDeck 8 / 24
これまでに使ってきたサービス これまでに使ってきたサービス (2 of 2) (2 of 2) スライド&ドキュメント共有 URL共有を使うと更新が楽
アクセスが少ないと消されてしまう>< Nextcloud なんでも共有 Web埋め込みが出来ない 閲覧性が悪い edockr 9 / 24
セルフホストしたほうがいいの セルフホストしたほうがいいの では? では? これといったソフトウェアが見当たらない…… 10 / 24
ファイル共有ソフトウェアの ファイル共有ソフトウェアの Nextcloud Nextcloud URL共有を使うとpdfファイルを公開できる Web埋め込みはセキュリティの面から別ドメインにしないといけな くて実装が難しい ISSUEはいくつかあるけど実装される感じはしない 11 /
24
Nextcloudのデータをpdfで出力で Nextcloudのデータをpdfで出力で きるようにして埋め込んでみる きるようにして埋め込んでみる 別のサブドメインでcgiを動かし,Nextcloudのデータをpdf出力 ObjectタグでWeb埋め込み https://matoken.org/blog/2021/03/15/i-want-to-embed-url-shared-on- nextcloud-pdf-on-the-web/ 12 /
24
cgi script cgi script #!/usr/bin/perl use strict; use warnings; use
LWP::Simple; use IO::Handle; STDOUT->autoflush(1); $ARGV[0] = "" unless defined $ARGV[0]; my $url = $ARGV[0]; if( $url !~ /\/download$/ ){ $url = $url . "/download"; } print "Content-Type: application/pdf\n\n"; getprint($url); 13 / 24
html html <embed src="http://cgi.example.com/pdf.cgi?http://nextcloud.example.com/index.php/s/XXXXXXXX type="application/pdf" width="640px" height="480px"> 14 / 24
Web埋め込み Web埋め込み 15 / 24
一応埋め込めた 一応埋め込めた cgiを介さないといけないので設置がめんどう pdfを埋め込まれたWebを開くと読む気がなくともpdfファイルがダ ウンロードされてしまう ページ読み込み毎にNextcloudにダウンロードされたという通知が 飛んでしまう いまいち 16 /
24
改善 改善 cgi部分でpdfをキャッシュして通知が飛ばないように? キャッシュの更新確認でhead見るだけでも通知が飛ぶ dbから対象ファイルパスを確認してファイルシステム経由で取 得? サムネイルを生成してそれをwebに表示? ……あれ? 17 /
24
Nextcloudの標準機能で行けるの Nextcloudの標準機能で行けるの では? では? サムネイルはNextcloudの機能で自動生成されている 共有URLの末尾に /preview を付けるとプレビュー画像が表示 される(標準では50MB以下のファイルの場合) Nextcloud(ウェブブラウザ)のpdfプレビュー機能で読んでもらう
https://matoken.org/blog/2021/03/17/i-want-to-embed-nextcloud-pdf-shared- url-on-the-web-part-2/ 18 / 24
html html <div class="quoteblock"> <blockquote> <a href="https://files.matoken.org/index.php/s/r7jEJdjiSRzb4nZ"> <span class="image"><img src="https://files.matoken.org/index.php/s/r7jEJdjiSRzb4
nZ/preview" alt="preview" width="100%"></span></a> <div class="attribution"> — <a href="https://files.matoken.org/index.php/s/r7jEJdjiSRzb4nZ"> https://files.matoken.org/index.php/s/r7jEJdjiSRzb4nZ</a> </div> </blockquote> </div> 19 / 24
Web埋め込み Web埋め込み 20 / 24
Nextcloud pdf preview Nextcloud pdf preview 21 / 24
一応共有できた? 一応共有できた? 公開したい資料をNextcloudでURL共有する 公開URLとそのプレビュー画像を使ってWebに画像として埋め込み (NC13+) 画像をクリックするとNextcloudのpdfプレビューで閲覧 22 / 24
まとめ まとめ ドキュメント共有サービスを無料で使うのが難しくなったので Nextcloudでの共有を考えた 標準機能だけでそれらしいことが出来た? 他の埋め込み機能だとそのまま埋め込んだページで読めたりする がとりあえずプレビュー画像があるだけでもそれらしく見える? おすすめのサービスやソフトウェアがあったら教えてください 23 /
24
奥付 奥付 発表 発表者 ライセンス CC BY-NC-SA 4.0 小江戸らぐ 4月のオフな集まり(第225回)
- connpass Kenichiro Matohara(matoken) 24 / 24