Web アプリを PWA 化することで様々な機能を実装することができるようになってきたが、その中の一つにスマホでよく見かける「共有機能」がある。 今回は、そんな共有機能を PWA で実装する方法を紹介する。 PWA から共有したいときは Web Share API を使う PWA に限らず、Web アプリからスマホでよく見かける共有メニューを開くには、 Web Share API を利用することで実現できる。 実装方法 実装するには、 navigator.share() を呼び出すことで可能となる。 const shareContent = async (title: string, text: string, url: string): Promise<void> => { if(nagigator.share) { try { await navigator.share({ title