Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Nextcloudでスライドをウェブに埋め込みたい
Kenichiro MATOHARA
April 10, 2021
Technology
0
260
Nextcloudでスライドをウェブに埋め込みたい
Kenichiro MATOHARA
April 10, 2021
Tweet
Share
More Decks by Kenichiro MATOHARA
See All by Kenichiro MATOHARA
小さなLinux互換カーネルのTilck
matoken
0
10
機械翻訳をローカルマシンで( ArgosTranslate/LibreTranslate )
matoken
0
130
OpenAIのWhisper でオフライン文字 起こし(STT)
matoken
0
81
Wikipedia を Offlineで楽しむ
matoken
0
62
Intel CPUでもAIに画像生成してもらう
matoken
0
150
AndroidスマートフォンのTermuxでモバイル回線の速度を定期的に計測
matoken
0
80
XFSのbigtimeを少し試してみた(RHEL9 & ML8.4)
matoken
0
42
ターミナルワークスペースのZellij
matoken
0
200
XFSのbigtimeを少し試してみた
matoken
0
110
Other Decks in Technology
See All in Technology
MoT/コネヒト/Kanmu が語るプロダクト開発xデータ分析 - 分析から機械学習システムの開発まで一人で複数ロールを担う大変さ
masatakashiwagi
3
790
re:Invent2022 前後の Amazon EventBridge のアップデートを踏まえつつ、情シスの仕事をより楽しくしたい話。 / EventBridge for Information Systems Department
_kensh
2
780
re:Inventで発表があったIoT事例の紹介と考察
kizawa2020
0
200
Periodic Multi-Agent Path Planning
hziwara
0
160
開発者と協働できるメトリクスダッシュボードを作ろう!/SRE Lounge 2023
lmi
3
610
DNS権威サーバのクラウドサービス向けに行われた攻撃および対策 / DNS Pseudo-Random Subdomain Attack and mitigations
kazeburo
5
1.3k
Exploring MapStore Release 2022.02: improved 3DTiles support and more
simboss
PRO
0
400
PHPのimmutable arrayとは
hnw
1
170
IoTを始めたきっかけの話と個人でできるIoTの今後 / 新年LT会「私の愛するIoT 2023」
you
0
250
Google Cloud Workflows: API automation, patterns and best practices
glaforge
0
110
MarvelClient Upgrade 64bit クライアントへの自動アップグレード設定
mitsuru_katoh
0
200
Raspberry Pi Camera 3 介紹
piepie_tw
PRO
0
170
Featured
See All Featured
The Brand Is Dead. Long Live the Brand.
mthomps
48
2.9k
It's Worth the Effort
3n
177
26k
A Tale of Four Properties
chriscoyier
149
21k
GitHub's CSS Performance
jonrohan
1020
430k
Fantastic passwords and where to find them - at NoRuKo
philnash
32
1.9k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.6k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
15
1.2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
What’s in a name? Adding method to the madness
productmarketing
12
1.9k
Principles of Awesome APIs and How to Build Them.
keavy
117
15k
The MySQL Ecosystem @ GitHub 2015
samlambert
240
11k
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