JQueryやBootstrapの，integrityやcrossoriginの意味は？

Question

JQueryやBootstrapの，integrityやcrossoriginの意味は？

解決済

回答 2

投稿 2020/05/23 17:00

評価
クリップ 0
VIEW 1,423

chankane

score 138

お聞きしたいこと

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

<!-- CSS only -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">

<!-- JS, Popper.js, and jQuery -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<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にはどのような意味があるのでしょうか？

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

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

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

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

クリップを取り消します
良い質問の評価を上げる

以下のような質問は評価を上げましょう
- 質問内容が明確
- 自分も答えを知りたい
- 質問者以外のユーザにも役立つ
評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。
質問の評価を上げたことを取り消します

評価を下げられる数の上限に達しました

評価を下げることができません
- 1日5回まで評価を下げられます
- 1日に1ユーザに対して2回まで評価を下げられます
質問の評価を下げる

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。
- プログラミングに関係のない質問
- やってほしいことだけを記載した丸投げの質問
- 問題・課題が含まれていない質問
- 意図的に内容が抹消された質問
- 過去に投稿した質問と同じ内容の質問
- 広告と受け取られるような投稿
評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。
質問の評価を下げたことを取り消します

この機能は開放されていません

評価を下げる条件を満たしてません

評価を下げる理由を選択してください
プログラミングに関係のない質問やってほしいことだけを記載した丸投げの質問問題・課題が含まれていない質問意図的に内容が抹消された質問過去に投稿した質問と同じ内容の質問広告と受け取られるような投稿
詳細な説明はこちら

上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。
質問の評価を下げる機能の利用条件

この機能を利用するためには、以下の事項を行う必要があります。
- 質問回答など一定の行動
- メールアドレスの認証
  メールアドレスの認証
- 質問評価に関するヘルプページの閲覧
  質問評価に関するヘルプページの閲覧

回答 2 件

評価が高い順
新着順
古い順

+2

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

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

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

投稿 2020/05/23 17:48

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2020/05/23 17:55

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

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

キャンセル
2020/05/23 18:01

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

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

キャンセル

同じタグがついた質問を見る

score 2 · Accepted Answer · 2020-05-23T17:07

ベストアンサー

+1

integrity 属性
 crossorigin 属性

投稿 2020/05/23 17:07

回答の評価を上げる

以下のような回答は評価を上げましょう
- 正しい回答
- わかりやすい回答
- ためになる回答
評価が高い回答ほどページの上位に表示されます。
回答の評価を下げる

下記のような回答は推奨されていません。
- 間違っている回答
- 質問の回答になっていない投稿
- スパムや攻撃的な表現を用いた投稿
評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

2020/05/23 17:13

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

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

キャンセル
2020/05/23 17:15

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

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

キャンセル
2020/05/23 17:49

言葉は汚いのですが，以下のとおりです．

integrity 属性を指定する目的：
JQueryやBootstrapなどが自分のPCに届くまでの間に改ざんされていないか知りたい．
integrity 属性を指定することで，改ざんを検知でき，改ざんされたコードの実行を防げるという点でセキュリティを担保できる．
という認識．あってますか？

crossorigin 属性を指定する目的
わからない．
別オリジン（オリジンの意味は理解できている）からデータを取ってくる？ときに，ユーザ認証するかどうかを設定する項目．といった認識．（この設定でユーザ認証ありにすると，例えばJQueryを利用したいと思うたびにパスワードの入力を求められて面倒．加え，ユーザ登録も必要．といったカオスなことが起きるのかな？）
デフォルトでユーザ認証を行わない設定らしいが，明示的に指定しているのはなぜ？
不要じゃね？

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

キャンセル
2020/05/23 18:08

> crossorigin 属性を指定する目的

既定では (つまり、crossorigin属性が指定されていない場合)、 CORS は使用されません。

「anonymous」を指定することで、「Cookieなどユーザー情報を送信しない」という意味があります（もっとも、CDNサーバからCookieがつくことは、ふつうに運用していればないかとは思いますが）。

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

キャンセル
2020/05/23 18:18

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

検証した上での疑問でしょうか？

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

キャンセル
2020/05/23 18:28

NOです．
検証していたら，理解できているはずで，質問していないと思います．
検証するよりもphper.kさまのように理解できている方に質問するほうが早いので．

あと，上記の”integrity 属性を指定する目的”は正しいですか？

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

キャンセル
2020/05/23 18:41 編集

> 検証していたら，理解できているはず

検証が理解につながることが分かっているのでしたら、是非検証してください。

> 理解できている方に質問するほうが早い

自分が楽するために、赤の他人のリソースを無駄遣いしないでください。
質問の回答は、既に回答済みです。

> あと，上記の”integrity 属性を指定する目的”は正しいですか？
書いてあるままなのに、なぜご自身の理解に自信がないのでしょう。

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

キャンセル
2020/05/23 19:31

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

>書いてあるままなのに、なぜご自身の理解に自信がないのでしょう。
そのとおりです．自信がないから質問したのです．
でもそれ，「正しく書いてさえあれば誰もが正しく理解できるよね」という前提ですよね？
そうは思いません．
ですが正しいことがわかればOKです．素直にありがとうございます(^^♪

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

キャンセル

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

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

JQueryやBootstrapの，integrityやcrossoriginの意味は？

お聞きしたいこと

関連した質問

同じタグがついた質問を見る

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

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

JQueryやBootstrapの，integrityやcrossoriginの意味は？

お聞きしたいこと

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

関連した質問

同じタグがついた質問を見る

SNSアカウントでログイン

teratailアカウントでログイン