Google AI Studio (Gemini 3 Flash) でコード図解ツールを爆速で作ってみた

Google AI Studio (Gemini 3 Flash) でコード図解ツールを爆速で作ってみた｜Rui

AI StudioでコードをMermaid図へ変換する試作を作った記録。

著者がBuildモードでHTML出力や図の種類を指定し、Androidの非同期処理を例に図の内容を確認した流れを紹介する。

学習・要件の指定：実行可能なHTML、Mermaid読込、コードに合う図の形式をプロンプトで指定する。／確認 2026-09-14／https://note.com/rui_21/n/n4f12ea56ff20

学習・例による確認：ViewModelとRepositoryのコードを入力し、状態更新やエラー分岐が図に表れるか試す。／確認 2026-09-14／https://note.com/rui_21/n/n4f12ea56ff20

対象：AIの開発・導入・活用を検討する担当者。形式：企業・著者による公開記事。言語：日本語（公開本文で確認）。利用条件：公開記事（本文をログインなしで確認）

確認事項（編集部）：限定したサンプルによる試作体験。掲載コードの参照先はあるが、任意のコード構造を正しく図示する検証ではない。

出典：Rui「Google AI Studio (Gemini 3 Flash) でコード図解ツールを爆速で作ってみた」／公開・更新情報：2025-12-25／確認日：2026-09-14／https://note.com/rui_21/n/n4f12ea56ff20

関連ページ