2
2
お題は不問!Qiita Engineer Festa 2024で記事投稿!
Qiita Engineer Festa20242024年7月17日まで開催中!

GoogleスプレッドシートのImage関数でGoogleDrive上の画像を持ってくる方法

Last updated at Posted at 2024-06-12

先日スプレッドシートに画像を埋め込む際に少し苦戦したので備忘録として書き留めておきます。

初心者なので少し日本語が拙い部分や正確とは限らない部分がある可能性がありますがご了承ください。

1.Image関数とは

Googleが提示してる関数はこれです。

IMAGE(URL, [モード], [高さ], [幅])

このURLに対象の画像のURLを貼るとセルに表示されます。

例えばこんな感じ。

IMAGE("https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png")

これをいれると

image.png

こんな感じで該当の画像が表示できます。

2.本題

ではこれをGoogleDriveにおいた画像でやるとどうなるか。
image.png
GoogleDriveにある画像を開いたリンクを先程の関数にいれると

image.png

こうなります

真っ白ですね。こうなってしまい画像を貼り付けることはできません。
しかもGoogleの説明にはこう書かれています。
image.png

どうやらだめなようです。

3.方法

ではどうやっていれればいいのでしょうか。

1.該当の写真を開く

image.png

このように埋め込みたい画像をGoogleDrive内でひらきます。

2.開発者ツールを開く

ChromeならF12キーで開けます。
開くとこんな物が出ます
image.png
左上にある四角に矢印が刺さってるものを押します。
押したものが青くなっている状態で、
image.png
このように画像部分を選択すると、
image.png
こんな物が出てきます。
この<img src="URL">のURLの部分が画像のURLになります。
試しにこのURLをコピーして貼り付けてみると
image.png

表示できました!
(画像は https://kotonohaworks.com/free-icons/user/ をお借りしております。)

4.あとがき

今回は開発者ツールを使ってリンクを取得しましたが、実はかなりめんどくさい方法のようで、調べたら他にURLをいじる簡単なやり方もありました。
このやり方の注意点としましては

実は共有していなくても画像にアクセスできてしまう

ので少しセキュリティ的に危ない可能性がありますので十分注意して使うようにしましょう。

2
2
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
2
2