# 埋め込み機能のテスト


## Open Graph Protocol を利用したリンクカード

https://github.com/r4ai/r4ai.dev

https://qiita.com/blue_islands/items/33ee08bc73652893c413

https://zenn.dev/yusukebe/articles/7c9f96f8c52b8a

https://zenn.dev/attakei/scraps/039949eaac1619

https://developer.mozilla.org/ja/docs/Web/API/Performance_API

https://docs.astro.build/ja/concepts/islands/

https://dev.to/derlin/get-favicons-from-any-website-using-a-hidden-google-api-3p1e

https://letus.ed.tus.ac.jp/

- https://zenn.dev/yusukebe/articles/7c9f96f8c52b8a
- https://stackoverflow.com/questions/28451601/can-you-predetermine-the-colour-of-a-soundcloud-oembed-player-in-wordpress

### インラインなリンクはカード化しない

According to [the spec](https://html.spec.whatwg.org/multipage/iframe-embed-object.html#the-iframe-element), ...

https://zenn.dev/yusukebe/articles/7c9f96f8c52b8a is a

https://zenn.dev/yusukebe/articles/7c9f96f8c52b8a
https://zenn.dev/yusukebe/articles/7c9f96f8c52b8a

## 埋め込み機能

### Twitter

https://twitter.com/sama/status/1732925866836210151

ツイートが存在しない場合：

https://twitter.com/sama/status/17329258668362101

### Gist

https://gist.github.com/r4ai/f943d1d8bde94e5fd5e1e87e57f98281?file=extension.ts

https://gist.github.com/r4ai/aab7fb4f90c82992a8a1575cc10025a8

### CodePen, JSFiddle, StackBlitz, CodeSandbox

https://codepen.io/ndaidong/pen/LYmLKBw

https://jsfiddle.net/r4aijp/1e08bp7y/

https://stackblitz.com/edit/github-yvt2en-ffatno?file=README.md

<iframe
  src="https://codesandbox.io/embed/sjpj2s?view=preview&module=%2Fpublic%2Findex.html"
  style="width:100%; height: 500px; border:0; border-radius: 4px; overflow:hidden;"
  title="modest-rain (forked)"
  allow="accelerometer; ambient-light-sensor; camera; encrypted-media; geolocation; gyroscope; hid; microphone; midi; payment; usb; vr; xr-spatial-tracking"
  sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
></iframe>

### その他 (oEmbed)

https://www.reddit.com/r/AskReddit/comments/18d5upn/whats_a_modern_day_poison_people_willingly_ingest/

https://www.slideshare.net/ClarkBoyd/chatgpt-and-the-future-of-work-clark-boyd

https://speakerdeck.com/oracle4engineer/get-started-github-actions

https://soundcloud.com/psyqui/dont-you-want-me

https://open.spotify.com/track/1poGez6IaTb1gtJxkXdlb8?si=d3beb2ef78b7470b