Webmention 使ってみた
Webmention というのを最近知りました。
名前の通り、Web 上でメンションすることができます。
受信側、送信側、どちらも対応したので感想を残そうと思います。
Webmention ざっくりと
Web AサイトにBサイトのリンクをつけると、
Bサイト側に「Aサイトからリンクされたよ」と通知を受け取る仕組みです。
その通知の仕組みは簡単で「AからBに、決まった形式でHTTP POSTする」だけです。
どこにPOSTするかというと、Bサイトの rel="webmention" の link属性のhrefに送ります。
この仕様は、W3C勧告されたものになります。
決まった形式は、以下の2つを送ります。
- source: リンクしている側のURL（Aサイト）
- target: リンクされた側のURL（Bサイト）
実装してみた
実装してみたといっても、自分の手でやっていないので理解負債が貯まっています。笑
Webmentionをする側（送信する側）は、個人ブログキュレーションサイト こぶりー にしました。
このサイトにはさまざまな個人ブログ記事を紹介しているため、丁度良い検証になります。
やっていることは上記のセクションで書いた通りで、
- ブログ記事のデータ追加処理中に、それがWebmention対応かどうかチェックする（
rel="webmention"） - Webmention 対応のサイトがあれば、POST送信先（href）に
sourcetargetを付与して送信
だけです。
Webmentionをされる側（受信側）は、このジブンノートのサイトを対象にしました。
このサイトは静的ページでホスティングされているだけのため、サーバは保持していません。
そこで、webmention.io という外部サービスに代行して貰います。
私の場合は GitHub Pages だったため、以下の手順で登録が簡単でした。
<link href="https://github.com/<ユーザー名>" rel="me">をつける- GitHub の自身のプロフィールに公開しているサイトを設定する
上記を完了すると、Webmention でジブンノートへ通知されると、どこからメンションされたか見れるようになります。
今は、webmention.io のサイトから一覧で見るようにしていますが、
Web Hook が提供されているため通知をフックに Slack通知などにすることもできそうです。
実際にメンションできたか
いまのところ、ジブンノートを含めて3サイトしかありませんでした。笑
あまり普及していないみたいなので、増えていくと良いなと思います。
終わりに
SNS に依存しない、インターネットの昔ながらのハイパーリンクで繋がるインディーウェブな世界、
広がれ〜！
-
s※ ログイン不要で投稿できます。
※ 同じブラウザから投稿を削除できます。
0
読み込み中...
関連する記事
タグ「フロントエンド」の記事
趣味で作っているWebアプリにて、実装したものを細かくPull Request（以降、PR）を作成します。 PR に対して、機械的にチェックするCIチェックリストがあります。 個人的に気に入っているものを紹介します。 未使用コードの削除 実
ITヲタクな AI くんにピッタリな仕事の一つは、モジュールアップデート。 特に、メジャーアップデートが超助かる。 昔だったら 数ヶ月掛かった移行も、数日たらずに対応できるようになったので、 さすが ITヲタクくん。 対応してよかったフロー
以下で書いた通り、プロダクトコードを写経したテストコードを削除しました。 "こぶりー" ( https://kobliy.vercel.app/ ) という個人ブログを読むアプリのコードです。 https://silverbirder.gi
タグ「個人開発」の記事
AI ぽい UI デザインを脱したい人向けの本を執筆しました！ 文字・余白・形・色・操作 など合計8つの観点で、UI デザインを考える本になります。 ぜひお手に取って、みてもらえればと思います。 対象読者は、 UI デザインを考える人、作る
趣味レベルの開発であっても、最近では DesignDocやADRを書き残すようにしています。 ナイモノは読めないから Design Doc のような機能に関する仕様や、 ADR のような全体のアーキテクチャに関する仕様など、 意思決定は山ほ
個人ブログを見つけて、読んで、シェアするアプリ こぶりー に、RSSがないブログ も掲載できるようにしました！🎉 別途サイト内お知らせにもお伝えする予定です。 これで（私の）お気に入りのRSSがないブログも、こぶりーで見つけることができる
2026年10月04日