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
610
Nextcloudでスライドをウェブに埋め込みたい
Kenichiro MATOHARA
April 10, 2021
Tweet
Share
More Decks by Kenichiro MATOHARA
See All by Kenichiro MATOHARA
後で読む系サービスPocketの移行先にShioriを試す
matoken
0
13
GaleneのGo製ライブラリでtext chatを保存
matoken
0
7
MastodonとtootとTerminal graphics protocolのKittyとiTerm2
matoken
0
41
ChangeDetection.ioでウェブページを定期チェック
matoken
0
95
ターミナルエミュレータのKittyで文字サイズ変更
matoken
0
44
Glanceで個人向けポータルサイト
matoken
0
91
Google検索をJavaScriptなしで
matoken
0
71
fuse-archiveでいろんなアーカイブをマウント
matoken
0
130
最近試したLinuxのOCRツール(NDL古典籍OCR-Lite/YomiToku)
matoken
0
240
Other Decks in Technology
See All in Technology
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.1k
Node-REDのFunctionノードでMCPサーバーの実装を試してみた / Node-RED × MCP 勉強会 vol.1
you
PRO
0
120
解析の定理証明実践@Lean 4
dec9ue
0
180
AIのAIによるAIのための出力評価と改善
chocoyama
2
560
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
120
登壇ネタの見つけ方 / How to find talk topics
pinkumohikan
5
500
OpenHands🤲にContributeしてみた
kotauchisunsun
1
440
変化する開発、進化する体系時代に適応するソフトウェアエンジニアの知識と考え方(JaSST'25 Kansai)
mizunori
1
220
Абьюзим random_bytes(). Фёдор Кулаков, разработчик Lamoda Tech
lamodatech
0
340
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
140
ひとり情シスなCTOがLLMと始めるオペレーション最適化 / CTO's LLM-Powered Ops
yamitzky
0
440
標準技術と独自システムで作る「つらくない」SaaS アカウント管理 / Effortless SaaS Account Management with Standard Technologies & Custom Systems
yuyatakeyama
3
1.3k
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
140
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Balancing Empowerment & Direction
lara
1
370
Into the Great Unknown - MozCon
thekraken
39
1.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Site-Speed That Sticks
csswizardry
10
660
Why You Should Never Use an ORM
jnunemaker
PRO
57
9.4k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
GraphQLの誤解/rethinking-graphql
sonatard
71
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