ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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!

 

MOONGIFTの関連記事

  • DevRel
  • Com2