ToIllustlation

ブラウザ上で選択したテキストを図解（Mermaid）に変換してサイドパネルに表示します。(右クリックして「この文章を図解する」をクリック！) ​📊 ToIllustlation（トゥ・イラストレーション） — 選択したテキストを瞬時に図解化するAIアシスタント ​「長文を読むのが大変…」「仕様書や解説テキストの全体像を一目で理解したい！」 そんな悩みを解決するChrome拡張機能です。ブラウザ上のテキストを選択して右クリックするだけで、最先端のAI（Gemini）がその構造を分析し、分かりやすい構造化図解（Mermaidダイアグラム）へと瞬時に変換してサイドパネルに表示します。 ​💡 プロダクト名の由来 本ツールの名称『Toillustlation』は、単なる挿絵としての「Illustration（イラスト）」に留まらず、文章に隠された要素同士の繋がりや構造（Relation）をAIが読み解き、視覚化するという強いこだわりから生まれた造語（Illust × Relation）です。 ※正しい英語のスペル（Toillustration）で探されていた方も、こちらの公式ツールをそのままご利用いただけます。 ​💡 ToIllustlationでできること（主なメリット） ​一目でわかる図解化: 複雑なプロセス、システムの仕様、組織図、時系列の予定などを視覚的な図に落とし込みます。 ​作業効率の劇的な向上: ニュース記事、プログラミングの仕様、ドキュメントの解説などを図解で整理し、読解時間を大幅に短縮します。 ​サイドパネルで完結: 作業中のWebページを開いたまま、画面の右側（サイドパネル）でいつでも図解を確認・操作できます。 ​🚀 超簡単！使い方の3ステップ ​テキストを選択: ブラウザ上で図解にしたいテキスト（文章）をドラッグして選択します。 ​右クリックから起動: 右クリックメニューから「この文章を図解する」をクリック！サイドパネルが自動で開きます。 ​図解を生成: 必要に応じて図のタイプを選び、「図解を生成する」ボタンを押すだけでAIが図をレンダリングします。 ​🛠️ 豊富な機能とカスタマイズ性 ​最適な図解をAIが自動判別: テキストの内容をAIが自動で読み取り、最適な形式（フローチャート、マインドマップ等）を自動選択します。 ​手動で選べる図解タイプ: ​フローチャート (縦・横)：業務プロセスやアルゴリズムの整理に ​シーケンス図 (時系列)：システムのやり取りや対話のステップに ​マインドマップ：アイデアの整理や情報のカテゴリ分けに ​ガントチャート：スケジュールや日程の視覚化に ​便利なプレビュー操作: 生成された図解は、マウスのドラッグで移動したり、ホイールで自由自在に拡大・縮小（ズーム）が可能です。 ​エディタ機能: 生成されたMermaidコードを、サイドパネル内のエディタで直接手動修正してリアルタイムで図に反映できます。 ​履歴機能: 直近10件までの生成履歴を自動保存。いつでもワンクリックで過去の図解を再表示・編集できます。 ​スタイリッシュなデザイン: 目の疲れを軽減する美しい「ダークモード」と、スッキリ見やすい「ライトモード」の両方に対応しています。 ​🎁 無料プランとProプラン（買い切りライセンス）の違い インストール後、すぐに無料でお試しいただけます。ヘッダーの「Pro版へ」からいつでもアップグレード可能です。 ​無料プラン (Free): ​AIによる図解の自動生成（全タイプのダイアグラムが利用可能） ​プレビュー上での拡大・縮小・ドラッグ操作 ​履歴機能（10件） ​Proプラン (Pro) — ビジネスや開発の効率を極限まで高める買い切りライセンス: ​すべての無料機能の利用 ​テキストの直接入力・自由な編集: いちいちWebページ側で選択し直さなくても、サイドパネル上で文章をサクッと書き換えてのアイデア再生成が可能に！ ​追加の指示（プロンプト）入力: 「日本語で出力して」「3行のステップにまとめて」「初心者向けに噛み砕いて」など、AIへの細かなチューニングや命令の追加が自由自在に。 ​画像としてワンクリックコピー: クリップボードへ直接コピーし、Slack、Notion、Teams、ChatGPT等へそのまますぐに貼り付け（シェア）可能。 ​高解像度エクスポート: 印刷や資料作成に最適な「SVG形式」、および背景付きで綺麗な「高画質PNG形式」での保存に対応。ドキュメント作成の時短に直結します。 ​🔑 ご利用にあたって（初期設定について） 本拡張機能は、Googleが提供する高性能AI「Gemini API」を直接利用します。 安全かつ無料でご利用いただくため、初回起動時にご自身のGemini APIキーの登録が必要となります。 ​APIキーの取得手順: ​拡張機能内のリンクから「Google AI Studio」にアクセスします。 ​「Get API key」 ＞ 「Create API key」をクリックして取得します。 ​取得したキーをToIllustlationの入力欄に貼り付けて「保存」します。 ​ご注意: APIキーの取得および利用には、Googleアカウントが必要となります。Gemini APIは個人利用の範囲であれば、現在無料で取得・利用が可能です。 ​🛡️ 安心のプライバシー設計 ToIllustlationは、ユーザーの閲覧履歴や個人情報を収集・蓄積するサーバーを持ちません。 入力されたテキストやAPIキーはすべてユーザーのブラウザ内（ローカルストレージ）のみに安全に保存され、AI図解生成のためにGoogleの公式APIサーバーとのみ直接通信を行います。ビジネスやプライベートでも、安心してご利用ください。