今回は以下のようなurl共有機能の実装例を紹介します。 chrome/iPhoneの場合 edge/macbookの場合 safari/macbookの場合 このようなUIや機能は自前で実装するとかなり大変ですが、Web Share APIを利用することで簡単に実装することができます。 要件 PC,スマホの両方に対応したサイトで、urlを共有するボタンを作成する。 LINE, X(旧Twitter), Facebook等への共有機能を持つWeb Share APIを使う。 Web Share APIが対応していない環境ではurlをクリップボードにコピーできる簡易的なモーダルを表示する。 Web Share APIとは？ Web Share APIを使用すると、Webアプリは、プラットフォーム固有のアプリと同じ方法で、デバイスにインストールされている他のアプリへのリンク、テキスト、およびファ
