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
読み込み中...
関連する記事
タグ「フロントエンド」の記事
ITヲタクな AI くんにピッタリな仕事の一つは、モジュールアップデート。 特に、メジャーアップデートが超助かる。 昔だったら 数ヶ月掛かった移行も、数日たらずに対応できるようになったので、 さすが ITヲタクくん。 対応してよかったフロー
以下で書いた通り、プロダクトコードを写経したテストコードを削除しました。 "こぶりー" ( https://kobliy.vercel.app/ ) という個人ブログを読むアプリのコードです。 https://silverbirder.gi
最近のお悩みは、Webのソフトウェア開発におけるテストコードが爆増したことにより、 テスト成功による過度な安心感 によって手動確認するのが減っているのかもと思ったりしています。 例えば、Webのフォーム画面に小さな改修があったとして、その修
タグ「個人開発」の記事
OpenAI の Codex を普段から愛用しています。 開発において、VS Code や IntelliJ IDEA という枯れたメジャーエディタを使っていましたが、 最近は Codex Desktop App だけでも案外イケるかも？と
なんとなく、これまで作ったWebアプリたちを振り返ります。 こぶりー つくるきっかけは、個人ブログが好きな私がいろんな個人ブログを読みたい、というのがありました。 当初は、RSSリーダー の個人ブログ版 みたいな位置付けで考えていました。
2026年08月31日
現在地から出発し、元の場所へ戻る散歩コースを生成し、Google Mapsで案内するアプリ、「散歩コース生成」をリニューアルをしました！🎉 https://my-walker.vercel.app?utm_source=silverbir
2026年08月29日