OSのシェア機能を呼び出したい

// ✅ 基本の使い方（テキスト・URL）
async function shareContent() {
  const shareData = {
    title: 'UI Memo',
    text: 'UIコンポーネントの実装リファレンス',
    url: 'https://www.ui-memo.com',
  };

  try {
    await navigator.share(shareData);
    console.log('シェア成功');
  } catch (err) {
    if (err.name === 'AbortError') {
      console.log('ユーザーがキャンセルした');
    } else {
      console.error('シェア失敗:', err);
    }
  }
}

// ✅ 対応チェック（呼び出し前に必ず確認）
if (navigator.share) {
  // Web Share API 対応
  shareButton.disabled = false;
} else {
  // 未対応（PCブラウザの多くが非対応）
  shareButton.disabled = true;
}

// ✅ ファイルのシェア
async function shareFile(file) {
  const shareData = { files: [file] };

  // ファイルシェアの対応チェック
  if (!navigator.canShare(shareData)) {
    console.log('ファイルシェア未対応');
    return;
  }

  try {
    await navigator.share(shareData);
  } catch (err) {
    console.error('シェア失敗:', err);
  }
}

// ✅ 現在のページをシェア（よくあるパターン）
async function shareCurrentPage() {
  await navigator.share({
    title: document.title,
    url: location.href,
  });
}

// ⚠️ navigator.share() はユーザー操作（クリックなど）から
//    呼び出す必要がある。非同期で自動実行すると失敗する。