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
640
Nextcloudでスライドをウェブに埋め込みたい
Kenichiro MATOHARA
April 10, 2021
Tweet
Share
More Decks by Kenichiro MATOHARA
See All by Kenichiro MATOHARA
ポータブルで色々なプロトコルに対応したファイルサーバーのcopypartyを試す
matoken
0
2
後で読む系サービスPocketの移行先にShioriを試す
matoken
0
29
GaleneのGo製ライブラリでtext chatを保存
matoken
0
12
MastodonとtootとTerminal graphics protocolのKittyとiTerm2
matoken
0
64
ChangeDetection.ioでウェブページを定期チェック
matoken
0
160
ターミナルエミュレータのKittyで文字サイズ変更
matoken
0
65
Glanceで個人向けポータルサイト
matoken
0
120
Google検索をJavaScriptなしで
matoken
0
100
fuse-archiveでいろんなアーカイブをマウント
matoken
0
180
Other Decks in Technology
See All in Technology
実践アプリケーション設計 ②トランザクションスクリプトへの対応
recruitengineers
PRO
4
1.2k
攻撃と防御で実践するプロダクトセキュリティ演習~導入パート~
recruitengineers
PRO
4
1.8k
実践アプリケーション設計 ③ドメイン駆動設計
recruitengineers
PRO
13
4.1k
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
gree_tech
PRO
0
450
ZOZOマッチのアーキテクチャと技術構成
zozotech
PRO
3
1.2k
進捗
ydah
2
230
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
gree_tech
PRO
0
440
ガチな登山用デバイスからこんにちは
halka
1
200
Webブラウザ向け動画配信プレイヤーの 大規模リプレイスから得た知見と学び
yud0uhu
0
180
なぜSaaSがMCPサーバーをサービス提供するのか?
sansantech
PRO
6
1.9k
Oracle Cloud Infrastructure:2025年8月度サービス・アップデート
oracle4engineer
PRO
0
170
Skrub: machine-learning with dataframes
gaelvaroquaux
0
110
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Side Projects
sachag
455
43k
Making Projects Easy
brettharned
117
6.4k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
139
34k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
Being A Developer After 40
akosma
90
590k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Testing 201, or: Great Expectations
jmmastey
45
7.6k
How GitHub (no longer) Works
holman
315
140k
Building an army of robots
kneath
306
46k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
Typedesign – Prime Four
hannesfritz
42
2.8k
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