Update src/components/menu-bar/google-drive-save.jsx

src/components/menu-bar/google-drive-save.jsx

@@ -703,13 +703,45 @@ class GoogleDriveSave extends React.Component {
         }
     };
 
-    handleShareFile = (fileId) => {
+    handleShareFile = async (fileId) => {
         if (this.state.isProcessing) return;
         
-        const SHARE_URL = "https://scratch-school.ct.ws/upload?id=";
-        window.open(`${SHARE_URL}${fileId}`, "_blank");
+        this.setState({ isProcessing: true });
+        try {
+            // ファイルを公開設定（anyoneに閲覧権限を付与）
+            await fetch(`https://www.googleapis.com/drive/v3/files/${fileId}/permissions`, {
+                method: "POST",
+                headers: {
+                    "Authorization": `Bearer ${this.state.accessToken}`,
+                    "Content-Type": "application/json",
+                },
+                body: JSON.stringify({
+                    type: "anyone",
+                    role: "reader",
+                }),
+            });
+    
+            const SHARE_URL = "https://scratch-school.ct.ws/upload?id=";
+            const shortUrl = `${SHARE_URL}${fileId}`;
+            
+            // 短縮URLをクリップボードにコピー
+            navigator.clipboard.writeText(shortUrl)
+                .then(() => {
+                    this.showAlert("success", "公開リンクをクリップボードにコピーしました");
+                    // 新しいタブで公開ページを開く
+                    window.open(shortUrl, "_blank");
+                })
+                .catch(() => {
+                    this.showAlert("error", "リンクのコピーに失敗しました");
+                });
+    
+        } catch (error) {
+            console.error("公開エラー:", error);
+            this.showAlert("error", "ファイルの公開に失敗しました");
+        } finally {
+            this.setState({ isProcessing: false });
+        }
     };
-
     handleDeleteFile = async (project, thumbnailFiles) => {
         if (this.state.isProcessing) return;