選択したテキストをnano bananaで図解する物を作る

背景

• 下記ポストがバズっていた

  これ、やばいかも…！
  Notionのテキストが秒で図解になるChrome拡張作れた。
  
  NotionAIでのドキュメント作成好きなんだけど、画像作れないのがネックだった…
  
  これ使えば、テキスト選択だけでNano Banana proで作った図解がページに追加できる。 pic.twitter.com/vrAef3iGBj

  — あやみ｜マーケティング (@ayami_marketing) 2026年1月6日

• とりあえず同様の物が作れそうなので作ってみる

分解してみる

• chrome拡張
• 右クリックに「テキストから図解を作成」メニューを追加する
• ポップアップでAPIキーを設定できる
• 選択した文字をnano bananaに渡して図解を作成 　- nano banana側で投げたいプロンプト
• 作成中はポップアップで作成中と表示させる
• クリップボードにコピー

作成してみる

• ClaudeCodeのWEB版で作成

• 要約してもらうテキスト

• いったん完成

• エラー1
  • なぜかgeminiのAPIではなく、AnthropicのAPIを設定する様になっていたのでそこを修正
• エラー2
  • クリップボードに貼り付けで失敗する（生成はされている）

• クリップボードの所はもう少し分解して考えないといけないっぽい
• とりあえず今回はこんな所で終わります