悩み

後輩に役立つドキュメントサイトを作ったけどあんま見てもらえてないかもしれない...。

私は今「Tourism」という大学非公認のプロジェクトで活動しています。
その中で、後輩に継承していきたい技術があるので、ドキュメントサイトを作ってみることにしたのですが、なかなか見てもらえてないので、更新したら見てもらいやすいように、更新したらDiscordのテキストチャンネルに通知が飛ぶように設定したいと考えました。

Webhookを使ってみる

何かしら実行した際に、それをトリガーとして他のプログラムを実行する
Ｗebhookを使うことにしました！

泡沫京水

{
    "username": "Tourism Docment Update Alert",
    "content": "Tourism Docに新しい記事が公開されました！",
    "embeds": [
        {
            "title": "{ content.title }",
            "url": "https://remix-tourism.vercel.app/article/{content._id}",
            "timestamp": "{ content.createdAt }",
            "footer": {
                "text": "Whited Utakata Kyosui"
            },
            "image": {
                "url": "{ content.img.src }"
            },
            "author": {
                "name": "泡沫 京水"
            }
        }
    ]
}

このJSONを、NewtのWebhook作成時に、payloadに設定する！

泡沫京水

余談

なんかZennみたいにリンクカード出せる機能があるのに動かないなと思ってたらこれが原因だったので、備忘録としてここにも記載

泡沫京水

当初はhtml-react-parser?を使っていたが、リンクカードの表示がうまくいかなかったため、諦めてdangerouslySetInnerHTMLを使用した。
その際、子や子孫にTailwindCSSを適用するための記述方法がわからなかったため調べた