⏳Scb2GPT: Scrapbox の中にGPTを生やすUserScript
public.icon
from tkgshn
Scb2GPT
2025/5/24
Tampermonkeyはいらないことが判明した
ちなみにScrapboxのUserScript版では現在画像生成機能を使う術がない気がするinoue2002.icon
apiの制限?それともscrapboxのUserscript版の制限?yuidvg.icon
あまり見てないけど、そもそも導線がない気がする
ChatGPT.icon AI応答 6:10:26 PM
### 質問
> ちなみにScrapboxのUserScript版では現在画像生成機能を使う術がない気がする
> apiの制限?それともscrapboxのUserscript版の制限?
---
### 回答
#### 結論
**現時点(2024年6月)では、ScrapboxのUserScript版(Scb2GPT等)で画像生成機能(例:DALL-E等)を直接使うことは難しいです。
主な理由は「APIの制限」と「ScrapboxのUserScript環境の制限」の両方が影響しています。**
---
#### 詳細
##### 1. APIの制限について
- OpenAIの画像生成API(DALL-E等)は、リクエストに対して画像URL(またはbase64)を返します。
- しかし、**APIキーの取り扱いやCORS制限**、**画像データの直接取得と貼り付け**には追加の実装が必要です。
- UserScriptは「ユーザーのブラウザ上でのみ」動作するため、APIキーが漏洩するリスクもあり、安全な画像生成API利用は難しいです。
##### 2. ScrapboxのUserScript環境の制限
- ScrapboxのUserScript(Tampermonkey等)は、ページ上のDOM操作は可能ですが、
- **画像ファイルのアップロード**
- **画像の直接貼り付け(バイナリデータのPOST等)**
- **画像URLの自動挿入(外部画像の埋め込み)**
には制約があります。
- Scrapbox自体が「外部画像の直リンク」を許可していればURL挿入はできますが、**UserScriptから画像を自動生成してアップロードする仕組みは標準では提供されていません**。
##### 3. まとめ
- **API自体は使えるが、UserScriptから安全かつシームレスに画像生成→貼り付けまで自動化するのが難しい**のが現状です。
- 画像生成機能を実現したい場合は、**専用のWebアプリやサーバー側のプロキシを経由して画像生成・保存・貼り付け**という流れが必要になります。
---
#### 参考
- Scb2GPT GitHub(https://github.com/tkgshn/Scb2GPT)
- OpenAI API ドキュメント(https://platform.openai.com/docs/guides/images/usage)
- ScrapboxのUserScript制約についての議論:Scrapbox公式ヘルプ(https://scrapbox.io/help-jp/UserScript)
---
#### 補足
- もし「画像生成APIのURLを返すだけ」で良ければ、UserScriptでAPIを叩いて画像URLをScrapboxに貼り付けることは可能です(ただしAPIキーの管理に注意)。
- 画像自体をScrapboxの画像として「アップロード」するのは、UserScript単体では難しいです。
---
**要約:
APIの制限と、Scrapbox UserScriptの権限・機能の制限が両方関係していて、現状は「ユーザースクリプトから画像生成→自動貼り付け」は難しいです。**
GitHub - tkgshn/Scb2GPT
Scb2GPTは、 Scrapbox の中にGPTを生やすUserScriptです。ChatGPT、DALL-E、Web Search 機能を使うことができます
https://gyazo.com/fdf74fe8acd4184fb96565a99f30816a
「Scrapboxを使っている最中に、ここはchatgptに投げたいな」みたいなことが多々ある
ただ、それらは毎回コピペするのめんどくさいし、
色々そのまま止まらずに書いておきたい
そこで、選択範囲 + ページ全体 + (選択範囲に)リンクされている下部ページ(1 hop page)をChatGPT.iconに投げられるUserScriptを開発した
設定すると画面右にChatGPT.iconのアイコンが2つ表示される
1. 上がAPIなどの設定する場所
https://gyazo.com/be745b714b9b4931023ca55f7b2c8ead
2. 下がweb検索
https://gyazo.com/245bbd275a59b18a74cde799eebfa215
以下のような結果を表示してくれる
ChatGPT.icon Web検索結果 🔍 9:08:29 PM
クエリ: 最近のgoogle io2025での発表をまとめて
🔍 Web検索結果
Google I/O 2025では、以下の主要な発表が行われました。
**1. Gemini AIの進化**
- **Gemini 2.5 ProとFlash**: 新たなAIモデルで、推論能力や創造性が向上し、複雑な問題解決に適した「Deep Think」機能を搭載しています。特に、Gemini 2.5 Proはコーディングタスクで高い評価を受けています。 (los40.com(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai))
- **Gemini Live**: リアルタイム翻訳やカメラ共有、画面共有機能を備え、Chromeとの統合によりウェブページのリアルタイム分析が可能になりました。 (techradar.com(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai))
**2. クリエイティブツールの強化**
- **Veo 3とImagen 4**: テキストや画像から高品質な動画や画像を生成するツールで、クリエイターの創作活動を支援します。 (los40.com(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai))
- **Flow**: テキストから動画を生成し、音声も付加できる包括的なビデオスイートです。 (techradar.com(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai))
**3. AIのプロアクティブな活用**
- **Project Mariner**: 検索や購入などのタスクを自動化し、ユーザーの生産性を向上させます。 (los40.com(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai))
- **Project Astra**: リアルタイムのビデオ分析やマルチタスク処理が可能なユニバーサルAIアシスタントで、AndroidやiOSに対応しています。 (techradar.com(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai))
**4. Android 16とWear OS 6の発表**
- **Android 16**: Material 3 Expressiveデザインを採用し、パーソナライズ性やマルチタスク機能が強化されました。 (androidcentral.com(https://www.androidcentral.com/news/live/google-i-o-2025-live-blog?utm_source=openai))
- **Wear OS 6**: スマートウォッチの画面利用を最大化するデザインと機能の改善が行われました。 (androidcentral.com(https://www.androidcentral.com/news/live/google-i-o-2025-live-blog?utm_source=openai))
**5. Android XRと新たなハードウェアの紹介**
- **Android XR**: Samsungと共同開発したXRグラスがNBAスターのヤニス・アデトクンボによってデモンストレーションされ、リアルタイム翻訳やAIとのインタラクションが披露されました。 (techradar.com(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai))
- **Google Beam**: 3Dビデオ通話ツールで、より没入感のあるコミュニケーションを実現します。 (techradar.com(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai))
**6. AI統合の強化**
- **Google Workspace**: GmailやMeetなどのアプリにAIが統合され、ビデオ作成機能「Vids」も追加されました。 (los40.com(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai))
- **検索のAIモード**: 検索結果から直接購入や予約が可能となり、ユーザー体験が向上しました。 (los40.com(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai))
これらの発表は、GoogleがAI技術を多方面に統合し、ユーザー体験の向上を目指していることを示しています。
## Google I/O 2025の主要発表まとめ:
- Todo lo que hemos visto en el Google I/O 2025(https://los40.com/2025/05/21/todo-lo-que-hemos-visto-en-el-google-io-2025/?utm_source=openai)
- Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements(https://www.techradar.com/news/live/google-i-o-2025-live-project-astra-gemini-and-more?utm_source=openai)
- Google I/O 2025 Live Blog: Android XR, Gemini, Android 16 and the latest news(https://www.androidcentral.com/news/live/google-i-o-2025-live-blog?utm_source=openai)
📚 参考文献
1. source: Todo lo que hemos visto en el Google I/O 2025
2. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
3. source: Todo lo que hemos visto en el Google I/O 2025
4. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
5. source: Todo lo que hemos visto en el Google I/O 2025
6. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
7. source: Google I/O 2025 Live Blog: Android XR, Gemini, Android 16 and the latest news
8. source: Google I/O 2025 Live Blog: Android XR, Gemini, Android 16 and the latest news
9. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
10. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
11. source: Todo lo que hemos visto en el Google I/O 2025
12. source: Todo lo que hemos visto en el Google I/O 2025
13. source: Todo lo que hemos visto en el Google I/O 2025
14. source: Google I/O 2025 as it happened: AI Search, Veo, Flow, Gemini, Android XR, and all the big announcements
15. source: Google I/O 2025 Live Blog: Android XR, Gemini, Android 16 and the latest news
📊 検索情報
検索ID: ws_68306535dcb88191b57cc0955c5ab964095d70369b5a9c23
状態: completed
実行時刻: 5/23/2025, 9:08:29 PM
使い方:
Tampermonkeyをchrome拡張で入れる
https://github.com/tkgshn/Scb2GPT/raw/main/scripts/tempermonkey.user.js これをクリック
https://github.com/tkgshn/Scb2GPT/blob/main/scripts/tempermonkey.user.js をUserScriptに使う
OpenAI API key を入力する
動くはず
Tool4ADHDのプロジェクトの1つ