HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
📌
hkob's Notion
/
ℹ️
逆引きFormula 2.0
/
💾
Database storage
/
🧵
YouTube のサムネールURLを作成するには
🧵

YouTube のサムネールURLを作成するには

Status
Update
関数説明
📓
replace
属性名
サムネール
返り値
String
関連するもの
ℹ️
逆引きFormula 2.0
に戻る
これまで YouTube のサムネール画像の URL はこんな感じで取得していました。https の部分は決めうちで、macOS で Save to Notion した時に作られる URL で作っています。たまに、iPhone や iPad から共有するとモバイル版の URL になってしまい、これがうまく動かなく URL を修正する手間がありました。
concat("https://img.youtube.com/vi/", replace(prop("URL"), "https://www.youtube.com/watch\\?v=", ""), "/sddefault.jpg")
なぜ、こんなことをしていたかというと、replace や replaceAll でマッチした部分の文字列を取得できないと思っていたためでした。ところが、いつもお世話になっている熊倉さんから、$1 や $2 が使えるとツイートで教えてもらいました。それを受けて書いたツイートが右のものです。ということで一番最初に思いついたのが、上の Formula でした。
  1. $2 を使った例です。正規表現を頑張ったので、今回は短縮リンクやモバイルリンク、余計なオプションの削除にも対応しています。作成後にメディア&ファイルにコピーします。
    1. prop("YouTube URL").replace("[^]+/(watch.v=|)([^#&]*)(.*|)", "https://img.youtube.com/vi/$2/mqdefault.jpg")
      →
      📓
      replace
YouTube サムネール作成
名前
YouTube URL
サイネール(計算)
計算からコピー
通常リンク
https://www.youtube.com/watch?v=448_vdhJ1aE#t=35s
https://img.youtube.com/vi/448_vdhJ1aE/mqdefault.jpg
短縮リンク
https://youtu.be/448_vdhJ1aE
https://img.youtube.com/vi/448_vdhJ1aE/mqdefault.jpg
モバイル版オプションあり
https://m.youtube.com/watch?v=448_vdhJ1aE&feature=youtu.be
https://img.youtube.com/vi/448_vdhJ1aE/mqdefault.jpg
https://img.youtube.com/vi/448_vdhJ1aE/sddefault.jpg