10分でわかる！Nano Bananaの可能性

KAGのLT会 #8 〜エンジニア、デザイナー、スクラムマスターの知見を共有したい！〜
https://kddi-agile.connpass.com/event/368462/

Transcript

1. 10分でわかる! NanoBananaの可能性 KAGのLT会 #8 2025.9.19 aki.ts@HedgehogPython
2. ‹#› KDDI Agile Development Center Corporation ハリネズミ・aki.ts KDDIアジャイル開発センター CB.AI Engineering Ueda Syoitu
3. KDDI Agile Development Center Corporation これからお話しすることは全て個人の見解であり、 所属組織の見解を代表するものではありません。
4. KDDI Agile Development Center Corporation 最近、Nano Bananaってよく聞きますよね！ なぜここまで話題になったのですか? 2025/09/19
5. ‹#› KDDI Agile Development Center Corporation Nano Bananaとは? 正式名称: Gemini 2.5 Flash Image（2025年8月26日公開） Nano Bananaは開発時のコードネームだったが、Googleの公式ブログでもこ の名称が使われたことで、そのユニークさから一気に認知が広がった 画像生成・編集モデル、編集しながら見た目を維持する、高度な制御機能がある https://developers.googleblog.com/en/introducing-gemini-2-5-flash-image/ Nano Bananaについて言及
6. 使用許可を取得済み ‹#› KDDI Agile Development Center Corporation Nano Bananaとは? カグカグはWakabayashさんがデザインした、KAGの公式ゆるキャラです。 https://note.com/kddi_agile/n/n2a781e331dd0
7. turn this photo into a character figure. Behind it, place a box with the character's image printed on it and include the logo from the second attached image on the box, and a computer showing the Blender modeling process on its screen. In front of the box, add a round plastic base with the character figure standing on it. set the scene indoors if possible 日本語で大丈夫 です! KDDI Agile Development Center Corporation イラストをフィギュアにする例 Nano Bananaとは? この写真をキャラクターのフィギュアに加工します。その後ろに、キャ ラクターの画像が印刷された箱を置き、箱には2枚目の添付画像のロゴを 入れ、画面にはBlenderのモデリングプロセスが表示されているコンピ ューターを配置します。箱の前には、キャラクターのフィギュアが立っ ている丸いプラスチックの台座を置きます。可能であれば、屋内で設定 してください。
8. ‹#› KDDI Agile Development Center Corporation ポーズ集 Nano Bananaとは? Please create a pose sheet for this illustration, making various poses! こちらのイラストを 色々なポーズにして ポーズシートを作成 してください！ A realistic photographic work. A gigantic statue of this bird has been placed in a square in the center of Tokyo, with people looking up at it. 絵を現実に配置 写実的な写真作品。東京 の中心部にある広場に巨 大な鳥の像が設置され、 人々がそれを見上げてい る。 KAGのWakabayashさんが デザインした ゆるキャラ「ガクガク」です
9. ‹#› KDDI Agile Development Center Corporation Apply the design from Image 1 to the can in Image 2, and place it in a minimalist design setting, professional photography 商品のパッケージ生成 Nano Bananaとは? 画像1のデザインを画像2の缶に適用し、 ミニマリストデザインの設定に配置します Create merchandise using this character image. このキャラクター画像を使 用して グッズを作成します。
10. ‹#› KDDI Agile Development Center Corporation Apply the design from Image 1 to the can in Image 2, and place it in a minimalist design setting, professional photography 商品のパッケージ生成 Nano Bananaとは? 画像1のデザインを画像2の缶に適用し、 ミニマリストデザインの設定に配置します Create merchandise using this character image. このキャラクター画像を使 用して グッズを作成します。 弊社へご訪問いただいた際に、カグカグ のラベル付きペットボトルをゲットでき るチャンスがあるかもしれません
11. Edit this slide template to create a professional presentation slide about AgentCore components. Replace the existing content with the following structured information: Title: "AgentCore Components Overview" Content sections (format as bullet points or cards): AgentCore Runtime – Provides low-latency serverless environments with session isolation, supporting any agent framework including popular open source frameworks, tools, and models, and handling multimodal workloads and long-running agents. AgentCore Memory – Manages session and long-term memory, providing relevant context to models while helping agents learn from past interactions. AgentCore Observability – Offers step-by-step visualization of agent execution with metadata tagging, custom scoring, trajectory inspection, and troubleshooting/debugging filters. AgentCore Identity – Enables AI agents to securely access AWS services and third-party tools and services such as GitHub, Salesforce, and Slack, either on behalf of users or by themselves with pre-authorized user consent. AgentCore Gateway – Transforms existing APIs and AWS Lambda functions into agent- ready tools, offering unified access across protocols, including MCP, and runtime discovery. AgentCore Browser – Provides managed web browser instances to scale your agents' web automation workflows. AgentCore Code Interpreter – Offers an isolated environment to run the code your agents generate. Design requirements: Maintain the template's color scheme and layout Use clear, readable typography Ensure proper spacing between sections Keep the professional presentation style Make component names bold and prominent テンプレート ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 スライド作成 指示プロンプト
12. 素材1 素材2 素材1 素材3 ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 スライド作成-反復的な調整 スライド作成ライブラリ、 NanoBananaでいいのでは？ 素材1 + 素材2を使って スライドを作成してください 素材３を画像の右下に 配置してください
13. ‹#› KDDI Agile Development Center Corporation 他のモデルと比べてどうなの？
14. Amazon Nova Canvas KDDI Agile Development Center Corporation Amazon Nova Canvas Amazon Nova クリエイティブコンテンツ生成モデル https://www.docswell.com/s/harinezumi/Z4E6EY-2025-07-11-165829 Amazon Nova Canvas 大好きですよ!
15. Nano Banana Nova Canvas A high-resolution, studio-lit product photograph of a minimalist ceramic coffee mug in matte black, presented on a polished concrete surface. The lighting is a three-point softbox setup designed to create soft, diffused highlights and eliminate harsh shadows. The camera angle is a slightly elevated 45-degree shot to showcase its clean lines. Ultra-realistic, with sharp focus on the steam rising from the coffee. Square image. ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 商品サンプルと宣伝写真の作成 スタジオ照明で撮影した高解像度の製品写 真。マットブラックのミニマルな陶器製コー ヒーマグが、磨き上げられたコンクリートの 表面に置かれている。照明は3点式ソフトボッ クスで、柔らかく拡散したハイライトを作り 出し、強い影を消すように設計されている。 カメラアングルは、マグのすっきりとしたラ インを強調するため、やや上向きの45度から 撮影した。コーヒーから立ち上る湯気をシャ ープに捉え、非常にリアルな仕上がりとなっ ている。正方形の画像。
16. ‹#› KDDI Agile Development Center Corporation Nano Banana Amazon Nova canvasとの比較 「The Daily Grind」というコーヒー ショップのロゴ作成 Nano Banana Nova Canvas Create a modern, minimalist logo for a coffee shop called 'The Daily Grind'. The text should be in a clean, bold, sans-serif font. The design should feature a simple, stylized icon of a a coffee bean seamlessly integrated with the text. The color scheme is black and white. 「The Daily Grind」というコーヒーショップのモダ ンでミニマルなロゴを作成してください。テキストは、 クリーンで太字のサンセリフフォントを使用してくださ い。デザインは、テキストとシームレスに統合された、 シンプルでスタイリッシュなコーヒー豆のアイコンを特 徴としています。カラースキームは白黒です
17. Nano Banana Nova Canvas ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 バーチャル試着
18. Nano Banana Nova Canvas 画像ベースの編集機能 ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 Using the provided image of my cat, please add a small, knitted wizard hat on its head. Make it look like it's sitting comfortably and not falling off. 画像編集機能 提供した私の猫の画像を使って、頭に小 さな編み物の魔法使い帽子を付けてくだ さい。帽子が落ちそうにならず、自然に かぶっているように見せてください。
19. Nano Banana Nova Canvas ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 Position on cat's head between the ears 画像編集機能 アウトペインティング A blue cap
20. Nano Banana Nova Canvas ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 文字の置換 StrandsをMastraに置換してください
21. Nova Canvas ‹#› KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 Nova CanvasおよびNano Bananaのモデルリクエストボディ VIRTUAL_TRY_ON BACKGROUND_REMOVAL OUTPAINTING タスクタイプによって、 その他のパラメーターも変化する Nano Banana 指示と素材だけを 与えればいい
22. 147.97 円 2025/09/19 Gemini Batch API は、大量のリクエストを非同期で処理するように設計されており、 標準費用の 50% で利用できます。 目標の対応時間は 24 時間ですが、ほとんどの場合、これより早く対応できます。 データの前処理や評価の実行など、すぐにレスポンスを必要としない大規模な緊急性の低 いタスクには、Batch API を使用します。 ‹#› KDDI Agile Development Center Corporation Nano Bananaのコスト 画像1枚（1024×1024px、約1290トークン）$0.039 約 5.73円／枚 Batch API対 応してます！ Amazon Bedrockのバ ッチ推論機能は、画像生 成に対応していません
23. APIキー AI SDK google generative ai AI SDK google vertex provider APIキー 無料枠ではアプリ での利用不可 Gemini 無料枠あり Google AI Studio Vertex AI Studio @google-cloud/vertexai @google/genai KDDI Agile Development Center Corporation Amazon Nova canvasとの比較 Nano Bananaの利用方法
24. 9/19時点で91個のユースケースが存在する ‹#› KDDI Agile Development Center Corporation Nano bananaのベストプラクティス & ユースケース https://github.com/PicoTrex/Awesome-Nano-Banana-images
25. KDDI Agile Development Center Corporation キミガタリのイラスト生成機能
26. エピソードのバージョン管理 人間関係の可視化 キャラクターAIエージェント ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 キミガタリとは-AI伴走型物語作成・管理プラットフォーム 物語の設定管理 MCPサーバー 機能もあります
27. Amazon Nova Canvas ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 表紙・アバター作成機能 Noca Canvasでは、キャラクターの一貫 した見た目の維持が難しく、今までイラ スト生成機能を断念していました。 Nano Bananaならいけるのでは？
28. 三面図 ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 エピソードからユーザーが指定した 枚数分の見せ場を抽出し、 プロンプトを作成します 三面図が存在する場合は一緒に渡しますが、 存在しない場合は見た目情報を使用します 処理フロー
29. ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 素材 プロンプト Materials are available in the attached image. Please use them to create a nice data flow diagram image. Please return only the data flow diagram image without any text explanation. Data Flow Description: User utilizes the feature, episode content is analyzed by Claude Sonnet4, key scenes are converted to prompts, then images are generated and saved through the following process steps: Process Steps: Content Analysis Use Claude Sonnet4 to thoroughly analyze episode content Identify story structure, characters, and important scenes Key Scene Selection Select optimal key scenes based on user-specified quantity Consider visual impact and story importance English Prompt Conversion Convert selected key scenes into detailed English prompts Optimize for specific descriptions suitable for image generation Character Information Preparation If character reference sheets exist: Retrieve reference sheet data If no reference sheets: Extract and organize appearance information from text Image Generation with Nano Banana Send English prompts and character information to Nano Banana Generate specified number of images Image Processing & Storage Send generated images to Lambda via API Gateway Process images with Lambda function Save processed images to S3 bucket
30. ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 凍結する日常 第２章:別舞台 エピソード編集画面でためせます 見た目情報に忠実なイラスト が作成できました
31. Nova Canvas Nano Banana 複数人の立ち位置の調整が難しく、 特に人物の一部の背後を含む構図を一 度で生成することが困難です ‹#› KDDI Agile Development Center Corporation キミガタリのイラスト生成機能 Nano Bananaでキャラデザを すると、少し地味めになります 流血や一部の戦闘シーンは、 モデルのフィルターに検出されます
32. ‹#› KDDI Agile Development Center Corporation Google生成 AI の使用禁止に関するポリシー https://policies.google.com/terms/generative-ai/use-policy?hl=ja
33. Be a Change Leader. アジャイルに力を与え 共に成長し続ける社会を創る