お聞きしたいこと

表題のとおりです．
JQueryやBootstrapをCDNで利用するときに，index.htmlとかに１行ペタッっと張り付けますよね．

html
1<!-- CSS only -->
2<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
3
4<!-- JS, Popper.js, and jQuery -->
5<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
6<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
7<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>

でも１行が長すぎやしませんか？
後半のintegrityやcrossoriginにはどのような意味があるのでしょうか？

知識として知っておきたいです．

行動規範の内容に同意します

回答3件

でも１行が長すぎやしませんか？

改行して書いても構いません。

html
1<link rel="stylesheet"
2  href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css"
3  integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk"
4  crossorigin="anonymous"
5>

投稿2020/05/23 08:48

maisumakun

総合スコア145184

chankane

2020/05/23 08:55

ご回答ありがとうございます．その点は大丈夫です．エディタの設定で長すぎる文には自動で改行を入れるように設定しているので．ただ単純に「長げえな，なんでかな」と思い，質問をしました．（ネットで調べても難しい言葉が並んでいてわからなかったので．）

maisumakun

2020/05/23 09:01

integrityは前の方に書いてあるように、「sha384」のハッシュ値なので、384ビット=Base64で64文字のハッシュ値が並んでいます。

行動規範の内容に同意します

ベストアンサー

integrity 属性
 crossorigin 属性

投稿2020/05/23 08:07

phper.k

総合スコア3923

chankane

2020/05/23 08:13

ご回答ありがとうございます．もう少しかみ砕いて，「要するにどうゆうことなの？」という説明でお願いできませんか？

phper.k

2020/05/23 08:15

漠然と全体の説明を求めるのではなく、文章中のどの部分がわからないのかを具体的に質問くださいませんか？

chankane

2020/05/23 08:49

言葉は汚いのですが，以下のとおりです． integrity 属性を指定する目的： JQueryやBootstrapなどが自分のPCに届くまでの間に改ざんされていないか知りたい． integrity 属性を指定することで，改ざんを検知でき，改ざんされたコードの実行を防げるという点でセキュリティを担保できる．という認識．あってますか？ crossorigin 属性を指定する目的わからない．別オリジン（オリジンの意味は理解できている）からデータを取ってくる？ときに，ユーザ認証するかどうかを設定する項目．といった認識．（この設定でユーザ認証ありにすると，例えばJQueryを利用したいと思うたびにパスワードの入力を求められて面倒．加え，ユーザ登録も必要．といったカオスなことが起きるのかな？）デフォルトでユーザ認証を行わない設定らしいが，明示的に指定しているのはなぜ？不要じゃね？

maisumakun

2020/05/23 09:08

> crossorigin 属性を指定する目的既定では (つまり、crossorigin属性が指定されていない場合)、 CORS は使用されません。「anonymous」を指定することで、「Cookieなどユーザー情報を送信しない」という意味があります（もっとも、CDNサーバからCookieがつくことは、ふつうに運用していればないかとは思いますが）。

phper.k

2020/05/23 09:18

> 例えばJQueryを利用したいと思うたびにパスワードの入力を求められて面倒．加え，ユーザ登録も必要．といったカオスなことが起きるのかな？）検証した上での疑問でしょうか？

chankane

2020/05/23 09:28

NOです．検証していたら，理解できているはずで，質問していないと思います．検証するよりもphper.kさまのように理解できている方に質問するほうが早いので．あと，上記の”integrity 属性を指定する目的”は正しいですか？

phper.k

2020/05/23 09:47 編集

> 検証していたら，理解できているはず検証が理解につながることが分かっているのでしたら、是非検証してください。 > 理解できている方に質問するほうが早い自分が楽するために、赤の他人のリソースを無駄遣いしないでください。質問の回答は、既に回答済みです。 > あと，上記の”integrity 属性を指定する目的”は正しいですか？書いてあるままなのに、なぜご自身の理解に自信がないのでしょう。

chankane

2020/05/23 10:31

＞自分が楽するために、赤の他人のリソースを無駄遣いしないでください。＞質問の回答は、既に回答済みです。そう思うのなら回答しなきゃいいと思いますよ．完璧を求めすぎじゃないですか？私は，めんどくさいことが目に見えているなら有識者からパッと聞き出せばいいじゃない？と思いますけどね．企業として有償のQA対応とかやってるならわかりますよ？この考えが間違えているなら素直にすみません．せっかく注意いただいたので，仕事でどのように生かせるか，考察します．ご指摘ありがとうございます． >書いてあるままなのに、なぜご自身の理解に自信がないのでしょう。そのとおりです．自信がないから質問したのです．でもそれ，「正しく書いてさえあれば誰もが正しく理解できるよね」という前提ですよね？そうは思いません．ですが正しいことがわかればOKです．素直にありがとうございます(^^♪

行動規範の内容に同意します

簡単に書くと、両方セキュリティの為です。

・integrityはScriptの改ざん防止のためのハッシュ値
・crossorigin="anonymous"は基本禁止されている別サイトのJS読込をその行だけ許可する

投稿2022/02/24 13:31