Gmailの本文にマークダウン記法でソースコードが書けるアドオンをいれたい。

# Gmail用マークダウン記法ソースコード挿入アドオン (Tkinter版)

以下は、PythonのTkinterを使ってGmailにマークダウン記法でソースコードを挿入するアドオンを作成するプログラムです。このプログラムはGmailのウェブインターフェースと連携して動作します。

</div><div>```py</div><div>import tkinter as tk</div><div>from tkinter import ttk, messagebox, scrolledtext</div><div>import pyperclip</div><div>import webbrowser</div><div>import json</div><div>import os</div><div><br></div><div>class GmailMarkdownAdder:</div><div>    def __init__(self, root):</div><div>        self.root = root</div><div>        self.root.title("Gmail Markdown Code Adder")</div><div>        self.root.geometry("600x500")</div><div>        </div><div>        # 設定ファイルのパス</div><div>        self.config_file = "gmail_markdown_config.json"</div><div>        </div><div>        # デフォルト設定</div><div>        self.default_config = {</div><div>            "language": "python",</div><div>            "theme": "github",</div><div>            "font_size": "14px",</div><div>            "show_line_numbers": True,</div><div>            "auto_copy": True</div><div>        }</div><div>        </div><div>        # 現在の設定を読み込む</div><div>        self.config = self.load_config()</div><div>        </div><div>        # UIの作成</div><div>        self.create_ui()</div><div>        </div><div>    def load_config(self):</div><div>        """設定ファイルを読み込む"""</div><div>        if os.path.exists(self.config_file):</div><div>            try:</div><div>                with open(self.config_file, 'r') as f:</div><div>                    return json.load(f)</div><div>            except:</div><div>                return self.default_config</div><div>        return self.default_config</div><div>    </div><div>    def save_config(self):</div><div>        """設定をファイルに保存する"""</div><div>        with open(self.config_file, 'w') as f:</div><div>            json.dump(self.config, f, indent=2)</div><div>    </div><div>    def create_ui(self):</div><div>        """UIを作成する"""</div><div>        # メインフレーム</div><div>        main_frame = ttk.Frame(self.root, padding="10")</div><div>        main_frame.pack(fill=tk.BOTH, expand=True)</div><div>        </div><div>        # コード入力エリア</div><div>        code_label = ttk.Label(main_frame, text="ソースコード:")</div><div>        code_label.grid(row=0, column=0, sticky=tk.W, pady=(0, 5))</div><div>        </div><div>        self.code_text = scrolledtext.ScrolledText(main_frame, width=70, height=15, wrap=tk.NONE)</div><div>        self.code_text.grid(row=1, column=0, columnspan=2, pady=(0, 10))</div><div>        </div><div>        # 設定フレーム</div><div>        settings_frame = ttk.LabelFrame(main_frame, text="設定", padding="10")</div><div>        settings_frame.grid(row=2, column=0, columnspan=2, sticky=tk.EW, pady=(0, 10))</div><div>        </div><div>        # 言語選択</div><div>        lang_label = ttk.Label(settings_frame, text="言語:")</div><div>        lang_label.grid(row=0, column=0, sticky=tk.W)</div><div>        </div><div>        self.lang_var = tk.StringVar(value=self.config.get("language", "python"))</div><div>        lang_combo = ttk.Combobox(settings_frame, textvariable=self.lang_var, width=15)</div><div>        lang_combo['values'] = [</div><div>            'python', 'javascript', 'html', 'css', 'java', 'c', 'cpp', </div><div>            'csharp', 'php', 'ruby', 'go', 'swift', 'kotlin', 'typescript',</div><div>            'bash', 'sql', 'json', 'yaml', 'markdown', 'plaintext'</div><div>        ]</div><div>        lang_combo.grid(row=0, column=1, sticky=tk.W, padx=(0, 20))</div><div>        </div><div>        # テーマ選択</div><div>        theme_label = ttk.Label(settings_frame, text="テーマ:")</div><div>        theme_label.grid(row=0, column=2, sticky=tk.W)</div><div>        </div><div>        self.theme_var = tk.StringVar(value=self.config.get("theme", "github"))</div><div>        theme_combo = ttk.Combobox(settings_frame, textvariable=self.theme_var, width=15)</div><div>        theme_combo['values'] = [</div><div>            'github', 'atom-one-dark', 'dracula', 'solarized-light', </div><div>            'solarized-dark', 'monokai', 'tomorrow'</div><div>        ]</div><div>        theme_combo.grid(row=0, column=3, sticky=tk.W)</div><div>        </div><div>        # フォントサイズ</div><div>        font_size_label = ttk.Label(settings_frame, text="フォントサイズ:")</div><div>        font_size_label.grid(row=1, column=0, sticky=tk.W, pady=(10, 0))</div><div>        </div><div>        self.font_size_var = tk.StringVar(value=self.config.get("font_size", "14px"))</div><div>        font_size_combo = ttk.Combobox(settings_frame, textvariable=self.font_size_var, width=15)</div><div>        font_size_combo['values'] = ['12px', '14px', '16px', '18px', '20px']</div><div>        font_size_combo.grid(row=1, column=1, sticky=tk.W, pady=(10, 0), padx=(0, 20))</div><div>        </div><div>        # 行番号表示</div><div>        self.line_numbers_var = tk.BooleanVar(value=self.config.get("show_line_numbers", True))</div><div>        line_numbers_cb = ttk.Checkbutton(</div><div>            settings_frame, text="行番号を表示", variable=self.line_numbers_var</div><div>        )</div><div>        line_numbers_cb.grid(row=1, column=2, columnspan=2, sticky=tk.W, pady=(10, 0))</div><div>        </div><div>        # 自動コピー</div><div>        self.auto_copy_var = tk.BooleanVar(value=self.config.get("auto_copy", True))</div><div>        auto_copy_cb = ttk.Checkbutton(</div><div>            settings_frame, text="自動でクリップボードにコピー", variable=self.auto_copy_var</div><div>        )</div><div>        auto_copy_cb.grid(row=2, column=0, columnspan=4, sticky=tk.W, pady=(10, 0))</div><div>        </div><div>        # ボタンフレーム</div><div>        button_frame = ttk.Frame(main_frame)</div><div>        button_frame.grid(row=3, column=0, columnspan=2, sticky=tk.EW)</div><div>        </div><div>        # コピーボタン</div><div>        copy_btn = ttk.Button(</div><div>            button_frame, text="クリップボードにコピー", command=self.copy_to_clipboard</div><div>        )</div><div>        copy_btn.pack(side=tk.LEFT, padx=(0, 10))</div><div>        </div><div>        # Gmailを開くボタン</div><div>        gmail_btn = ttk.Button(</div><div>            button_frame, text="Gmailを開く", command=self.open_gmail</div><div>        )</div><div>        gmail_btn.pack(side=tk.LEFT, padx=(0, 10))</div><div>        </div><div>        # クリアボタン</div><div>        clear_btn = ttk.Button(</div><div>            button_frame, text="クリア", command=self.clear_code</div><div>        )</div><div>        clear_btn.pack(side=tk.LEFT)</div><div>        </div><div>        # プレビューボタン</div><div>        preview_btn = ttk.Button(</div><div>            button_frame, text="プレビュー", command=self.show_preview</div><div>        )</div><div>        preview_btn.pack(side=tk.RIGHT)</div><div>    </div><div>    def generate_markdown(self):</div><div>        """マークダウン形式のコードブロックを生成する"""</div><div>        language = self.lang_var.get()</div><div>        code = self.code_text.get("1.0", tk.END).strip()</div><div>        </div><div>        if not code:</div><div>            messagebox.showwarning("警告", "ソースコードが入力されていません")</div><div>            return None</div><div>        </div><div>        # マークダウンコードブロックを生成</div><div>        markdown = f"```{language}\n{code}\n```"</div><div>        return markdown</div><div>    </div><div>    def copy_to_clipboard(self):</div><div>        """マークダウンをクリップボードにコピーする"""</div><div>        markdown = self.generate_markdown()</div><div>        if markdown:</div><div>            pyperclip.copy(markdown)</div><div>            messagebox.showinfo("成功", "マークダウン形式のコードがクリップボードにコピーされました")</div><div>    </div><div>    def open_gmail(self):</div><div>        """Gmailを開く"""</div><div>        # 設定を保存</div><div>        self.config = {</div><div>            "language": self.lang_var.get(),</div><div>            "theme": self.theme_var.get(),</div><div>            "font_size": self.font_size_var.get(),</div><div>            "show_line_numbers": self.line_numbers_var.get(),</div><div>            "auto_copy": self.auto_copy_var.get()</div><div>        }</div><div>        self.save_config()</div><div>        </div><div>        # 自動コピーが有効ならコピーする</div><div>        if self.auto_copy_var.get():</div><div>            self.copy_to_clipboard()</div><div>        </div><div>        # Gmailを開く</div><div>        webbrowser.open("https://mail.google.com/mail/u/0/#compose")</div><div>    </div><div>    def clear_code(self):</div><div>        """コードエリアをクリアする"""</div><div>        self.code_text.delete("1.0", tk.END)</div><div>    </div><div>    def show_preview(self):</div><div>        """マークダウンのプレビューを表示する"""</div><div>        markdown = self.generate_markdown()</div><div>        if not markdown:</div><div>            return</div><div>        </div><div>        # プレビューウィンドウを作成</div><div>        preview_window = tk.Toplevel(self.root)</div><div>        preview_window.title("マークダウンプレビュー")</div><div>        preview_window.geometry("800x600")</div><div>        </div><div>        # WebViewを表示する代わりにテキストで表示</div><div>        preview_frame = ttk.Frame(preview_window, padding="10")</div><div>        preview_frame.pack(fill=tk.BOTH, expand=True)</div><div>        </div><div>        preview_label = ttk.Label(preview_frame, text="マークダウン形式のプレビュー:")</div><div>        preview_label.pack(anchor=tk.W)</div><div>        </div><div>        preview_text = scrolledtext.ScrolledText(</div><div>            preview_frame, wrap=tk.WORD, width=80, height=25</div><div>        )</div><div>        preview_text.pack(fill=tk.BOTH, expand=True)</div><div>        preview_text.insert(tk.END, markdown)</div><div>        preview_text.config(state=tk.DISABLED)</div><div>        </div><div>        # HTMLプレビュー用のボタン</div><div>        html_btn = ttk.Button(</div><div>            preview_frame, </div><div>            text="ブラウザでHTMLプレビューを開く", </div><div>            command=lambda: self.open_html_preview(markdown)</div><div>        )</div><div>        html_btn.pack(pady=(10, 0))</div><div>    </div><div>    def open_html_preview(self, markdown):</div><div>        """ブラウザでHTMLプレビューを開く"""</div><div>        # シンプルなHTMLテンプレート</div><div>        html_template = f"""</div><div>        <!DOCTYPE html></div><div>        <html></div><div>        <head></div><div>            <title>Markdown Preview</title></div><div>            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/styles/{self.theme_var.get()}.min.css"></div><div>            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script></div><div>            <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/languages/{self.lang_var.get()}.min.js"></script></div><div>            <style></div><div>                body {{</div><div>                    font-family: Arial, sans-serif;</div><div>                    margin: 20px;</div><div>                    line-height: 1.6;</div><div>                }}</div><div>                pre {{</div><div>                    font-size: {self.font_size_var.get()};</div><div>                    border-radius: 5px;</div><div>                    padding: 15px;</div><div>                    overflow-x: auto;</div><div>                }}</div><div>                .hljs {{</div><div>                    background: #f8f8f8;</div><div>                }}</div><div>            </style></div><div>        </head></div><div>        <body></div><div>            <pre><code class="language-{self.lang_var.get()}">{markdown.replace('```' + self.lang_var.get(), '').replace('```', '').strip()}</code></pre></div><div>            <script>hljs.highlightAll();</script></div><div>        </body></div><div>        </html></div><div>        """</div><div>        </div><div>        # 一時ファイルにHTMLを保存</div><div>        temp_file = "markdown_preview.html"</div><div>        with open(temp_file, "w", encoding="utf-8") as f:</div><div>            f.write(html_template)</div><div>        </div><div>        # ブラウザで開く</div><div>        webbrowser.open(f"file://{os.path.abspath(temp_file)}")</div><div><br></div><div>if __name__ == "__main__":</div><div>    root = tk.Tk()</div><div>    app = GmailMarkdownAdder(root)</div><div>    root.mainloop()</div><div><br></div><div><br></div><div><br></div><div>```</div><div>

## 機能説明

1. **ソースコード入力エリア**:

   - ソースコードを入力するためのテキストエリア

   - スクロールバー付きで長いコードも入力可能

2. **設定オプション**:

   - 言語選択 (Python, JavaScript, HTMLなど多数対応)

   - シンタックスハイライトのテーマ選択

   - フォントサイズ設定

   - 行番号表示の有無

   - 自動コピー機能の有無

3. **主要機能**:

   - クリップボードにマークダウン形式でコピー

   - Gmailの新規メール作成画面を開く

   - 入力内容のクリア

   - マークダウンプレビュー表示

4. **設定の永続化**:

   - 最後に使用した設定をJSONファイルに保存

   - 次回起動時に自動で読み込み

## 必要なライブラリ

このプログラムを実行するには、以下のライブラリが必要です:

```

pip install pyperclip

```

## 使用方法

1. ソースコードを入力エリアに入力

2. 必要に応じて設定を変更

3. 「クリップボードにコピー」ボタンをクリック

4. 「Gmailを開く」ボタンでGmailを開き、メール本文に貼り付け

## 注意点

- このプログラムはGmailのウェブインターフェースと連携しますが、直接統合するものではありません

- 実際のGmailアドオンとして配布する