💭

x旧twtterの引用時に表示される画像とテキストのメタデータをプレビューする方法

に公開

条件

開発環境でlocalhost使っていて、デプロイしていない状況

ngrokを使ってローカルサーバーを公開する

ざっくりいうと公開することでローカルではなく通常のサイトのように扱えるようになる
下記の記事が参考になります
https://zenn.dev/manase/articles/03df0e18c93755#ngrok(エングロック)とは?
localhostのport番号の変え方
https://zenn.dev/wakki/articles/b0d2381ce6ce49#結論

ngrokで公開した後にプレビューをする

xを開いてポスト画面にて公開したurlを貼り付けるとプレビューすることができます!

最後に

元々はtwitterがプレビュー用のサイトを用意してくれていたみたいですが、現在は廃止されていました、ただ投稿画面で簡単に確認できるので問題はなさそうですね!

https://devcommunity.x.com/t/card-validator-preview-removal/175006

Discussion