質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.50%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

1回答

411閲覧

画像やPDFの保存がされにくくしたい

shibakoppe

総合スコア35

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

PDF

PDF(Portable Document Format)とはISOによって国際標準として制定されている電子ドキュメント用の拡張子です。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2019/06/24 00:52

前提・実現したいこと

全体公開する画像およびPDFを保存させにくくしたいと考えています。
(ページの関係で、別ウィンドウで画像やPDFを開けるようにもしています。)

###試したこと
いろいろ調べたところ、画像の右クリック禁止、ドラッグ禁止があったので、各imageに「oncontextmenu="return false;」を記載して対策をしました。
実際に右クリック禁止、ドラッグ禁止は効いていました。

ですが、別ウィンドウでは対策されておらず、右クリックすると簡単に保存できてしまいます。
更に言うと、PDF等のファイルに関する保存禁止のコードが見つかりませんでした。

CSSで
img {
pointer-events: none;
}

img {
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
touch-callout:none;
user-select:none;
}

上記のコードも試してみましたが、「作業中のスキーマではサポートされていないため、無効としてマークされている」とのアラートが出てしまいました。

また、透明の画像を重ねて防止する方法も試してみたのですが、別ウィンドウで見ようとすると、本来の画像が表示されないことになる為、使用するのを断念いたしました。

完全に禁止することができないということは、いろいろ調べてみた結果、理解できたのですが、やはり、「保存しにくくなる」くらいの対策は講じておきたいと思い、ご相談させていただきたいです。

皆さまのお力を貸していただきたいです。
何卒、宜しくお願い申し上げます。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2019/06/24 01:11

PDFが表示された時点でブラウザの仕事は終わっているのでブラウザ側で制御できることではないと思います。それに公開している以上、保存できないというのは本末転倒に思います。 どんなに「しにくく」としても手段がある以上は言っては悪いですが無用な労力になりそうに思うのですが、それでもどうにかしたいくらいの要件があるのでしょうか。
shibakoppe

2019/06/24 01:20

ご回答ありがとうございます。 PDFについては承知いたしました。 pngやjpg等の画像ファイルも別ウィンドウ表示した時点で、ブラウザ側で制御できることではないという認識で宜しいのでしょうか?
m.ts10806

2019/06/24 01:35 編集

はい。URLで直打ちすれば単なる画像が表示されたに過ぎませんから ※こちらは回答ではなく質問への追記・修正依頼のコメント欄です。私も要件確認が必要と思いこちらに書いています
shibakoppe

2019/06/24 08:34 編集

承知いたしました。 私の知識不足でお時間をとらせてしまい申し訳ありませんでした。 大変失礼いたしました。
x_x

2019/06/24 08:43

「作業中のスキーマではサポートされていないため、無効としてマークされている」というのはエディタが出しているのではないですか? 記述できるべきだと思うので、古いエディタを使っていないか確認してみてください。
yoshinavi

2019/06/24 09:21

どのようなデータが記載されているのか、分かりかねますが、一部またはボカシ等で存在のみ告知し、必要な人で確認が取れた場合のみ、メールに添付して配布、の形ではどうですか? 「見積り依頼」みたいなイメージです。
shibakoppe

2019/06/25 02:26

>>x_x様 お返事が遅くなってしまい申し訳ございません。 おっしゃる通りエディタによるもので、正しくコードを記載しても反映されていませんでした。 エディタはMicrosoft Expression Web4を使用しております。
shibakoppe

2019/06/25 02:28

>>yoshinavi様 お返事が遅くなってしまい大変申し訳ございません。 データとしては、宣言であったり方針を記載したもので、個人情報等が載っているわけではないのですが、上司からの要望でできないものか…と考えた次第です。 ご丁寧に提案してくださりありがとうございます。
guest

回答1

0

自己解決

質問にも満たない質問をしてしまいました。
削除リクエストを出しましたが却下されてしまいましたので、自己解決ではありませんが、閉じさせていただきます。
お目汚し失礼いたしました。

※追記※
当初、pdfやimgにコピーガードのようなものをとの要望があり、可能なのか検索してみたところ、完全に防ぐことは不可能であるという記述が多く見られたので、その点については理解しているつもりでした。
どのような方法をとっても抜け穴があり、ご指摘いただいたように「無用な作業」となってしまうと痛感したため、「imgやpdfが保存されにくくする」という作業を断念することにいたしました。

回答やご指摘をいただいた皆様、誠にありがとうございました。
そして、未熟なあまり、ご迷惑をおかけし、大変申し訳ございませんでした。

投稿2019/06/24 08:35

編集2019/06/25 02:37
shibakoppe

総合スコア35

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

yoshinavi

2019/06/24 09:23

放置は良くないので、修了させるのであれば、この回答に経緯を追記して、ベストアンサーで、修了されると良いかと思います。
shibakoppe

2019/06/25 02:38 編集

ご指摘いただきありがとうございました。 そのようにさせていただきたいと思います。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.50%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問