search

KATO-Hiro / AtCoderTrophies

🏆 Add dynamically generated AtCoder Stat Trophies to your readme.
https://atcoder-trophies.vercel.app/
Other
11 stars 1 forks source link

トロフィーをSNSでshareできるようにする #55

Open KATO-Hiro opened 3 years ago

KATO-Hiro commented 2 years ago

FastAPIとCairoSVGで作る画像生成API https://tech.jxpress.net/entry/ogp-generator

KATO-Hiro commented 2 years ago

https://qiita.com/yuikoito/items/619120c592d99f9d3053

KATO-Hiro commented 2 years ago

◯解説がとても丁寧 △記事が約1年前とフロントエンドの記事としては古くなってきているかも https://zenn.dev/tdkn/articles/c52a0cc7bea561

KATO-Hiro commented 2 years ago

https://blog.microcms.io/imgix-ogp/

KATO-Hiro commented 2 years ago

Twiiter CardのDocs

https://developer.twitter.com/en/docs/twitter-for-websites/cards/overview/summary-card-with-large-image

KATO-Hiro commented 2 years ago

mui Twitter icon https://mui.com/components/material-icons/?query=Twitter

KATO-Hiro commented 2 years ago

Playwrightでスクリーンショットを撮る https://github.com/microsoft/playwright

KATO-Hiro commented 2 years ago

SVGをpngなどに変換

KATO-Hiro commented 2 years ago
KATO-Hiro commented 2 years ago

Twitter buttonの実装例、react-strap

https://github.com/iilj/AtCoderMarathonRatingHistory/blob/main/atcoder-marathon-rating-history-frontend/src/pages/rating/ChartSection.tsx

KATO-Hiro commented 2 years ago

Next.jsでOGPを実装している例

https://github.com/mafreud/oshigoto.dev https://www.netlify.com/blog/2020/05/08/improve-your-seo-and-social-sharing-cards-with-next.js/

KATO-Hiro commented 2 years ago

https://www.npmjs.com/package/react-share

KATO-Hiro commented 2 years ago

https://qiita.com/TK-C/items/cd34d0f6d4b001053443

KATO-Hiro commented 2 years ago

https://ogp.me/

KATO-Hiro commented 2 years ago

【Next.js × Vercel】OGP画像を動的生成してみた https://ji23-dev.com/blogs/nextjs-ogp

KATO-Hiro commented 2 years ago

Firebaseを使ってsvgをpng画像として保存しているケース

https://qiita.com/takujiro_0529/items/cc2c3308bfe662648ee7

KATO-Hiro commented 2 years ago

Next.jsのog-image

https://github.com/vercel/og-image