PWA（Progressive Web App）はローカルアプリケーションをWebに置き換える技術群を指し示す用語です。ローカルにインストールしたり、通知を出したり、オフラインやストレージなどがPWAで大事な機能になります。 今回紹介するHyperlinkrはPWAで特定のURLをMarkdownやHTML形式でコピーします。

Hyperlinkrの使い方

クリップボードへのアクセスを許可します。

URLをコピーしていると自動的に入力されます。

そしてMarkdown、HTMLでのリンクが生成されます。

正直この手のWebブラウザ機能拡張は多数あります。Hyperlinkrが面白いのは任意のWebサイトについてHTMLのタイトルが取得できていることでしょう。答えはService Workerで、バックグラウンドでfetch APIを使うことで実現しています。こうした工夫によって、まるでローカルアプリケーションのような動きを実現しています。

HyperlinkrはVue製のオープンソース・ソフトウェア（Apache Licnese 2.0）です。

Hyperlinkr Dan6erbond/Hyperlinkr: Quickly generate hyperlinks for the web as a PWA!