3.6K Views
September 19, 25
スライド概要
KAGのLT会 #8 〜エンジニア、デザイナー、スクラムマスターの知見を共有したい!〜
https://kddi-agile.connpass.com/event/368462/
東京都内でエンジニアをしています
10分でわかる! NanoBananaの可能性 KAGのLT会 #8 2025.9.19 aki.ts@HedgehogPython
Ueda Syoitu ハリネズミ・aki.ts KDDIアジャイル開発センター CB.AI Engineering KDDI Agile Development Center Corporation ‹#›
これからお話しすることは全て個人の見解であり、 所属組織の見解を代表するものではありません。 KDDI Agile Development Center Corporation
2025/09/19 最近、Nano Bananaってよく聞きますよね! なぜここまで話題になったのですか? KDDI Agile Development Center Corporation
Nano Bananaとは? 正式名称: Gemini 2.5 Flash Image(2025年8月26日公開) 画像生成・編集モデル、編集しながら見た目を維持する、高度な制御機能がある Nano Bananaは開発時のコードネームだったが、Googleの公式ブログでもこ の名称が使われたことで、そのユニークさから一気に認知が広がった Nano Bananaについて言及 https://developers.googleblog.com/en/introducing-gemini-2-5-flash-image/ KDDI Agile Development Center Corporation ‹#›
Nano Bananaとは? カグカグはWakabayashさんがデザインした、KAGの公式ゆるキャラです。 使用許可を取得済み https://note.com/kddi_agile/n/n2a781e331dd0 KDDI Agile Development Center Corporation ‹#›
Nano Bananaとは? イラストをフィギュアにする例 日本語で大丈夫 です! 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 この写真をキャラクターのフィギュアに加工します。その後ろに、キャ ラクターの画像が印刷された箱を置き、箱には2枚目の添付画像のロゴを 入れ、画面にはBlenderのモデリングプロセスが表示されているコンピ ューターを配置します。箱の前には、キャラクターのフィギュアが立っ ている丸いプラスチックの台座を置きます。可能であれば、屋内で設定 してください。 KDDI Agile Development Center Corporation
Nano Bananaとは? 絵を現実に配置 KAGのWakabayashさんが デザインした ゆるキャラ「ガクガク」です 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. 写実的な写真作品。東京 の中心部にある広場に巨 大な鳥の像が設置され、 人々がそれを見上げてい る。 ポーズ集 Please create a pose sheet for this illustration, making various poses! こちらのイラストを 色々なポーズにして ポーズシートを作成 してください! KDDI Agile Development Center Corporation ‹#›
Nano Bananaとは? 商品のパッケージ生成 Apply the design from Image 1 to the can in Image 2, and place it in a minimalist design setting, professional photography Create merchandise using this character image. このキャラクター画像を使 用して グッズを作成します。 画像1のデザインを画像2の缶に適用し、 ミニマリストデザインの設定に配置します KDDI Agile Development Center Corporation ‹#›
Nano Bananaとは? 商品のパッケージ生成 弊社へご訪問いただいた際に、カグカグ のラベル付きペットボトルをゲットでき るチャンスがあるかもしれません Apply the design from Image 1 to the can in Image 2, and place it in a minimalist design setting, professional photography Create merchandise using this character image. このキャラクター画像を使 用して グッズを作成します。 画像1のデザインを画像2の缶に適用し、 ミニマリストデザインの設定に配置します KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 スライド作成 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 agentready 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との比較 スライド作成-反復的な調整 スライド作成ライブラリ、 NanoBananaでいいのでは? 素材1 素材2 素材1 + 素材2を使って スライドを作成してください 素材1 素材3を画像の右下に 配置してください 素材3 KDDI Agile Development Center Corporation ‹#›
他のモデルと比べてどうなの? KDDI Agile Development Center Corporation ‹#›
Amazon Nova Canvas Amazon Nova クリエイティブコンテンツ生成モデル Amazon Nova Canvas Amazon Nova Canvas 大好きですよ! https://www.docswell.com/s/harinezumi/Z4E6EY-2025-07-11-165829 KDDI Agile Development Center Corporation
Amazon Nova canvasとの比較 商品サンプルと宣伝写真の作成 Nano Banana 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. Nova Canvas スタジオ照明で撮影した高解像度の製品写 真。マットブラックのミニマルな陶器製コー ヒーマグが、磨き上げられたコンクリートの 表面に置かれている。照明は3点式ソフトボッ クスで、柔らかく拡散したハイライトを作り 出し、強い影を消すように設計されている。 カメラアングルは、マグのすっきりとしたラ インを強調するため、やや上向きの45度から 撮影した。コーヒーから立ち上る湯気をシャ ープに捉え、非常にリアルな仕上がりとなっ ている。正方形の画像。 KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 「The Daily Grind」というコーヒー ショップのロゴ作成 Nano Banana 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」というコーヒーショップのモダ ンでミニマルなロゴを作成してください。テキストは、 クリーンで太字のサンセリフフォントを使用してくださ い。デザインは、テキストとシームレスに統合された、 シンプルでスタイリッシュなコーヒー豆のアイコンを特 徴としています。カラースキームは白黒です KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 バーチャル試着 Nano Banana Nova Canvas KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 画像編集機能 Nano Banana 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. 提供した私の猫の画像を使って、頭に小 さな編み物の魔法使い帽子を付けてくだ さい。帽子が落ちそうにならず、自然に かぶっているように見せてください。 KDDI Agile Development Center Corporation 画像ベースの編集機能 Nova Canvas ‹#›
Amazon Nova canvasとの比較 画像編集機能 Nano Banana アウトペインティング Position on cat's head between the ears Nova Canvas A blue cap KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 文字の置換 StrandsをMastraに置換してください Nano Banana Nova Canvas KDDI Agile Development Center Corporation ‹#›
Amazon Nova canvasとの比較 Nova CanvasおよびNano Bananaのモデルリクエストボディ Nova Canvas VIRTUAL_TRY_ON BACKGROUND_REMOVAL OUTPAINTING タスクタイプによって、 その他のパラメーターも変化する Nano Banana 指示と素材だけを 与えればいい KDDI Agile Development Center Corporation ‹#›
Nano Bananaのコスト 147.97 円 2025/09/19 画像1枚(1024×1024px、約1290トークン)$0.039 約 5.73円/枚 Batch API対 応してます! Gemini Batch API は、大量のリクエストを非同期で処理するように設計されており、 標準費用の 50% で利用できます。 目標の対応時間は 24 時間ですが、ほとんどの場合、これより早く対応できます。 データの前処理や評価の実行など、すぐにレスポンスを必要としない大規模な緊急性の低 いタスクには、Batch API を使用します。 KDDI Agile Development Center Corporation Amazon Bedrockのバ ッチ推論機能は、画像生 成に対応していません ‹#›
Amazon Nova canvasとの比較 Nano Bananaの利用方法 無料枠あり 無料枠ではアプリ Google AI での利用不可 Studio Vertex AI Studio Gemini APIキー AI SDK google generative ai APIキー @google/genai AI SDK google vertex provider KDDI Agile Development Center Corporation @google-cloud/vertexai
Nano bananaのベストプラクティス & ユースケース 9/19時点で91個のユースケースが存在する https://github.com/PicoTrex/Awesome-Nano-Banana-images KDDI Agile Development Center Corporation ‹#›
キミガタリのイラスト生成機能 KDDI Agile Development Center Corporation
キミガタリのイラスト生成機能 キミガタリとは-AI伴走型物語作成・管理プラットフォーム 物語の設定管理 人間関係の可視化 エピソードのバージョン管理 MCPサーバー 機能もあります キャラクターAIエージェント KDDI Agile Development Center Corporation ‹#›
キミガタリのイラスト生成機能 表紙・アバター作成機能 Amazon Nova Canvas Noca Canvasでは、キャラクターの一貫 した見た目の維持が難しく、今までイラ スト生成機能を断念していました。 Nano Bananaならいけるのでは? KDDI Agile Development Center Corporation ‹#›
キミガタリのイラスト生成機能 処理フロー エピソードからユーザーが指定した 枚数分の見せ場を抽出し、 プロンプトを作成します 三面図 三面図が存在する場合は一緒に渡しますが、 存在しない場合は見た目情報を使用します 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 KDDI Agile Development Center Corporation 素材 ‹#›
キミガタリのイラスト生成機能 エピソード編集画面でためせます 見た目情報に忠実なイラスト が作成できました 凍結する日常 第2章:別舞台 KDDI Agile Development Center Corporation ‹#›
キミガタリのイラスト生成機能 複数人の立ち位置の調整が難しく、 特に人物の一部の背後を含む構図を一 度で生成することが困難です 流血や一部の戦闘シーンは、 モデルのフィルターに検出されます Nano Bananaでキャラデザを すると、少し地味めになります Nano Banana KDDI Agile Development Center Corporation Nova Canvas ‹#›
Google生成 AI の使用禁止に関するポリシー https://policies.google.com/terms/generative-ai/use-policy?hl=ja KDDI Agile Development Center Corporation ‹#›
Be a Change Leader. アジャイルに力を与え 共に成長し続ける社会を創る