0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

GoogleDriveが表示されない。

Last updated at Posted at 2022-08-31

はじめに

本記事はプログラミング初心者が、railsの学習を進めながら、躓いた部分、解決した箇所、またそれらの解決方法を備忘録も兼ねてまとめているものです。
最初はprogate。そのあと、「現場で使える RubyonRails5 速習実践ガイド」(通称)「現場Rails」を参考に進めていきました。
そのため、記事の内容には誤りがある可能性があることをご理解ください。
誤りがあればお手数ですが、ご指摘いただければと思います。よろしくお願いします。

環境

Ruby 3.1.2
Rails 7.0.3.1

new.slim
  .d-flex.flex-column.bd-highlight.mb-3
    iframe src="https://drive.google.com/file/d/1VuZoeLxVGNaEAs41OFyc5tCWpTU8Wbq4/view?usp=sharing" width="100%" height="100%"
    .d-flex.justify-content-center
      = f.check_box :agreement, checked: false, id: 'check', class:'me-3 my-auto'
      = f.label :agreement
        a.text-decoration-none href="https://drive.google.com/file/d/1VuZoeLxVGNaEAs41OFyc5tCWpTU8Wbq4/view?usp=sharing"  利用規約
      |について同意する
    input(type="submit" class='btn btn-primary p-3' id='link3' value="結果を見る!" disabled)

    p.small.text-center ※利用規約にチェックを入れないと次に進めません。

問題のエラー

利用規約を読んでもらうときに、chrome上で見れるようにするため、iframeを活用しました。
GoogleDriveであれば基本的に見れると書いていたため、実際に上記のコードで埋め込んでみるが該当の箇所にエラーが出てしまいます。

スクリーンショット 2022-09-01 8.18.09.png

エラーを調べたところ、アクセス権に制限がかかっているんだとか。(以下参考)
https://blog.hubspot.jp/http-403-forbidden

しかしながら、アクセス権も対象を全員にしていたし他の問題についてはわからなかったので、メンターに質問。すると、以下のサイトを教えてくれました。

解決方法

なんと、GoogleDriveのURLのviewの部分をpreviewに変えることで、表示ができるようになるとのこと。
実際にやってみることに。

new.slim
  .d-flex.flex-column.bd-highlight.mb-3
    iframe src="https://drive.google.com/file/d/1VuZoeLxVGNaEAs41OFyc5tCWpTU8Wbq4/preview?usp=sharing" width="100%" height="100%"
    .d-flex.justify-content-center
      = f.check_box :agreement, checked: false, id: 'check', class:'me-3 my-auto'
      = f.label :agreement
        a.text-decoration-none href="https://drive.google.com/file/d/1VuZoeLxVGNaEAs41OFyc5tCWpTU8Wbq4/preview?usp=sharing"  利用規約
      |について同意する
    input(type="submit" class='btn btn-primary p-3' id='link3' value="結果を見る!" disabled)

    p.small.text-center ※利用規約にチェックを入れないと次に進めません。

なんと、できるではないか...

スクリーンショット 2022-09-01 8.27.09.png

おわりに

今回はなぜこうなってるのかは、わかりませんがひとまず解決できたので、ここに書かせていただきました。
もし、もっといい方法などあったり、このやり方が間違っていたりしていたら、教えていただけるとありがたいです。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?