Webmention というのを最近知りました。
名前の通り、Web 上でメンションすることができます。
受信側、送信側、どちらも対応したので感想を残そうと思います。
Web AサイトにBサイトのリンクをつけると、
Bサイト側に「Aサイトからリンクされたよ」と通知を受け取る仕組みです。
その通知の仕組みは簡単で「AからBに、決まった形式でHTTP POSTする」だけです。
どこにPOSTするかというと、Bサイトの rel="webmention" の link属性のhrefに送ります。
この仕様は、W3C勧告されたものになります。
決まった形式は、以下の2つを送ります。
実装してみたといっても、自分の手でやっていないので理解負債が貯まっています。笑
Webmentionをする側(送信する側)は、個人ブログキュレーションサイト こぶりー にしました。
このサイトにはさまざまな個人ブログ記事を紹介しているため、丁度良い検証になります。
やっていることは上記のセクションで書いた通りで、
rel="webmention")source target を付与して送信だけです。
Webmentionをされる側(受信側)は、このジブンノートのサイトを対象にしました。
このサイトは静的ページでホスティングされているだけのため、サーバは保持していません。
そこで、webmention.io という外部サービスに代行して貰います。
私の場合は GitHub Pages だったため、以下の手順で登録が簡単でした。
<link href="https://github.com/<ユーザー名>" rel="me"> をつける上記を完了すると、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
タグ「個人開発」の記事
趣味で作っているWebアプリにて、実装したものを細かくPull Request(以降、PR)を作成します。 PR に対して、機械的にチェックするCIチェックリストがあります。 個人的に気に入っているものを紹介します。 未使用コードの削除 実
個人ブログを見つけて、読んで、シェアするアプリ、こぶりー に、ちょっとした改善を入れました。 主に運営側向けの機能なので、こぶりーだより ではなく、ここで書きます。笑 ※ 最近ここの境界が曖昧になっていてよろしくない... 共有先にこぶりー
2026年09月23日
シルバーウィーク2日目、交通渋滞過ぎて疲労困憊民です。 個人ブログを見つけて、読んで、シェアするアプリ、こぶりー にWebmention対応向けのページを用意しました。 https://kobliy.vercel.app/webmentio
2026年09月20日