Upload 9 files

20250315_SearchFiles/README.md

@@ -0,0 +1,60 @@
+# ファイル検索アプリ
+
+このアプリケーションは、指定したディレクトリ内のファイルからテキストを検索するためのWebアプリケーションです。あいまい検索に対応しており、サブディレクトリを含めた再帰的な検索も可能です。
+
+## 機能
+
+- 指定したディレクトリ内のファイルからテキストを検索
+- あいまい検索（入力した文字が順番に含まれていれば一致と判定）
+- サブディレクトリを含めた再帰的な検索オプション
+- 検索結果の一覧表示（ファイルパスと一致した行を表示）
+- 検索結果から該当ファイルのディレクトリをエクスプローラーで開く機能
+- フォルダ選択ダイアログによる検索ディレクトリの選択（ダイアログ表示の通知機能付き）
+- 検索履歴の保存と再利用
+- 前回の検索条件を自動的に復元
+- 様々なファイル形式に対応（テキストファイル、PDF、Word、Excel、PowerPointなど）
+
+## インストール方法
+
+1. リポジトリをクローンまたはダウンロードします
+2. 必要なパッケージをインストールします
+
+```bash
+pip install -r requirements.txt
+```
+
+## 必要なパッケージ
+
+- Flask: Webアプリケーションフレームワーク
+- tkinter: フォルダ選択ダイアログ用（Pythonに標準で含まれています）
+- PyPDF2: PDFファイルからのテキスト抽出用
+- python-docx: Wordファイルからのテキスト抽出用
+- python-pptx: PowerPointファイルからのテキスト抽出用
+- openpyxl: Excelファイルからのテキスト抽出用
+
+## 使用方法
+
+1. アプリケーションを起動します
+
+```bash
+python app.py
+```
+
+2. ブラウザで `http://127.0.0.1:5000` にアクセスします
+3. 検索するディレクトリのパスを入力します
+4. 検索するテキストを入力します
+5. 必要に応じて「サブフォルダも検索する」オプションをチェックします
+6. 「検索」ボタンをクリックします
+
+## 注意事項
+
+- 大量のファイルや大きなファイルを検索する場合、処理に時間がかかる場合があります
+- バイナリファイルなど、テキストとして読み込めないファイルは検索対象外となります
+- ファイルのエンコーディングによっては、正しく読み込めない場合があります
+- フォルダ選択ダイアログが表示されない場合は、他のウィンドウの背後を確認してください
+
+## 技術スタック
+
+- Flask: Webアプリケーションフレームワーク
+- HTML/CSS/JavaScript: フロントエンド
+- Python: バックエンド処理

20250315_SearchFiles/app.py

@@ -0,0 +1,235 @@
+import os
+import re
+import subprocess
+import sys
+from flask import Flask, render_template, request, jsonify
+import PyPDF2
+import docx
+from pptx import Presentation
+from openpyxl import load_workbook
+
+app = Flask(__name__)
+
+def search_files(directory, search_text, recursive=False):
+    """
+    Search for files containing the specified text in the given directory.
+    
+    Args:
+        directory (str): The directory path to search in
+        search_text (str): The text to search for
+        recursive (bool): Whether to search recursively in subdirectories
+    
+    Returns:
+        list: A list of dictionaries containing file paths and matching lines
+    """
+    results = []
+    
+    # Check if directory exists
+    if not os.path.isdir(directory):
+        return {"error": f"Directory '{directory}' does not exist"}
+    
+    # Create a regex pattern for fuzzy search
+    # This will match text with some flexibility
+    pattern = ''.join(f'.*?{re.escape(c)}' for c in search_text)
+    regex = re.compile(pattern, re.IGNORECASE)
+    
+    # Walk through the directory
+    if recursive:
+        walk_func = os.walk
+    else:
+        # For non-recursive search, create a generator that only yields the top directory
+        def walk_func(path):
+            yield (path, [d for d in os.listdir(path) if os.path.isdir(os.path.join(path, d))], 
+                  [f for f in os.listdir(path) if os.path.isfile(os.path.join(path, f))])
+    
+    for root, _, files in walk_func(directory):
+        for file in files:
+            file_path = os.path.join(root, file)
+            try:
+                content = ""
+                file_ext = os.path.splitext(file_path.lower())[1]
+                
+                # PDFファイルの場合
+                if file_ext == '.pdf':
+                    try:
+                        with open(file_path, 'rb') as pdf_file:
+                            pdf_reader = PyPDF2.PdfReader(pdf_file)
+                            for page_num in range(len(pdf_reader.pages)):
+                                page = pdf_reader.pages[page_num]
+                                content += page.extract_text() + "\n"
+                    except Exception as e:
+                        # PDFの読み込みに失敗した場合はスキップ
+                        continue
+                
+                # Wordファイルの場合
+                elif file_ext == '.docx':
+                    try:
+                        doc = docx.Document(file_path)
+                        for para in doc.paragraphs:
+                            content += para.text + "\n"
+                        # テーブル内のテキストも抽出
+                        for table in doc.tables:
+                            for row in table.rows:
+                                for cell in row.cells:
+                                    content += cell.text + "\n"
+                    except Exception as e:
+                        # Wordファイルの読み込みに失敗した場合はスキップ
+                        continue
+                
+                # Excelファイルの場合
+                elif file_ext == '.xlsx':
+                    try:
+                        wb = load_workbook(filename=file_path, read_only=True)
+                        for sheet_name in wb.sheetnames:
+                            sheet = wb[sheet_name]
+                            content += f"Sheet: {sheet_name}\n"
+                            for row in sheet.rows:
+                                row_text = ""
+                                for cell in row:
+                                    if cell.value is not None:
+                                        row_text += str(cell.value) + "\t"
+                                content += row_text + "\n"
+                    except Exception as e:
+                        # Excelファイルの読み込みに失敗した場合はスキップ
+                        continue
+                
+                # PowerPointファイルの場合
+                elif file_ext == '.pptx':
+                    try:
+                        prs = Presentation(file_path)
+                        for i, slide in enumerate(prs.slides):
+                            content += f"Slide {i+1}:\n"
+                            for shape in slide.shapes:
+                                if hasattr(shape, "text"):
+                                    content += shape.text + "\n"
+                    except Exception as e:
+                        # PowerPointファイルの読み込みに失敗した場合はスキップ
+                        continue
+                
+                else:
+                    # 通常のテキストファイル
+                    try:
+                        with open(file_path, 'r', encoding='utf-8', errors='ignore') as f:
+                            content = f.read()
+                    except Exception as e:
+                        # テキストファイルの読み込みに失敗した場合はスキップ
+                        continue
+                
+                # Check if the content matches the search pattern
+                if regex.search(content):
+                    # Get the lines that match
+                    lines = content.split('\n')
+                    matching_lines = []
+                    
+                    for i, line in enumerate(lines):
+                        if regex.search(line):
+                            # Add line number and content
+                            matching_lines.append({
+                                'line_number': i + 1,
+                                'content': line.strip()
+                            })
+                    
+                    # Add to results if there are matching lines
+                    if matching_lines:
+                        results.append({
+                            'file_path': file_path,
+                            'relative_path': os.path.relpath(file_path, directory),
+                            'matching_lines': matching_lines[:5]  # Limit to first 5 matches
+                        })
+            except Exception as e:
+                # Skip files that can't be read as text
+                continue
+    
+    return results
+
+@app.route('/')
+def index():
+    return render_template('index.html')
+
+@app.route('/search', methods=['POST'])
+def search():
+    data = request.json
+    directory = data.get('directory', '')
+    search_text = data.get('search_text', '')
+    recursive = data.get('recursive', False)
+    
+    if not directory or not search_text:
+        return jsonify({"error": "Directory and search text are required"})
+    
+    results = search_files(directory, search_text, recursive)
+    return jsonify(results)
+
+@app.route('/open_directory', methods=['POST'])
+def open_directory():
+    data = request.json
+    file_path = data.get('file_path', '')
+    
+    if not file_path:
+        return jsonify({"error": "ファイルパスが指定されていません"})
+    
+    try:
+        # ファイルパスからディレクトリパスを取得
+        directory_path = os.path.dirname(file_path)
+        
+        # ディレクトリが存在するか確認
+        if not os.path.isdir(directory_path):
+            return jsonify({"error": f"ディレクトリ '{directory_path}' が存在しません"})
+        
+        # Windowsの場合、explorerを使用してディレクトリを開く
+        # /select,"ファイルパス" を使用すると、ファイルを選択した状態でエクスプローラーが開きます
+        subprocess.Popen(f'explorer.exe /select,"{file_path}"')
+        
+        return jsonify({"success": True, "message": f"ディレクトリを開きました: {directory_path}"})
+    except Exception as e:
+        return jsonify({"error": f"エラーが発生しました: {str(e)}"})
+
+@app.route('/select_folder', methods=['POST'])
+def select_folder():
+    data = request.json
+    initial_dir = data.get('initial_dir', '')
+    
+    try:
+        # スクリプトの絶対パスを取得
+        script_dir = os.path.dirname(os.path.abspath(__file__))
+        script_path = os.path.join(script_dir, 'folder_dialog.py')
+        
+        # 初期ディレクトリが指定されていて、存在する場合はそれを引数として渡す
+        cmd_args = [sys.executable, script_path]
+        if initial_dir and os.path.isdir(initial_dir):
+            cmd_args.append(initial_dir)
+        
+        # サブプロセスとしてfolder_dialog.pyを実行（新しいウィンドウで実行）
+        startupinfo = None
+        if os.name == 'nt':  # Windowsの場合
+            startupinfo = subprocess.STARTUPINFO()
+            startupinfo.dwFlags |= subprocess.STARTF_USESHOWWINDOW
+            startupinfo.wShowWindow = 1  # SW_SHOWNORMAL
+        
+        process = subprocess.Popen(
+            cmd_args,
+            stdout=subprocess.PIPE,
+            stderr=subprocess.PIPE,
+            text=True,
+            startupinfo=startupinfo
+        )
+        
+        # 標準出力と標準エラー出力を取得
+        stdout, stderr = process.communicate()
+        
+        # エラーがある場合
+        if stderr:
+            return jsonify({"error": f"エラーが発生しました: {stderr}"})
+        
+        # 標準出力から選択されたフォルダパスを取得
+        folder_path = stdout.strip()
+        
+        # フォルダが選択されなかった場合
+        if not folder_path:
+            return jsonify({"message": "フォルダ選択がキャンセルされました"})
+        
+        return jsonify({"folder_path": folder_path, "message": "フォルダが選択されました"})
+    except Exception as e:
+        return jsonify({"error": f"エラ��が発生しました: {str(e)}"})
+
+if __name__ == '__main__':
+    app.run(debug=True)

20250315_SearchFiles/folder_dialog.py

@@ -0,0 +1,58 @@
+#!/usr/bin/env python
+# -*- coding: utf-8 -*-
+
+import tkinter as tk
+from tkinter import filedialog
+import sys
+import os
+import time
+
+def select_folder(initial_dir=None):
+    """
+    フォルダ選択ダイアログを表示し、選択されたフォルダパスを標準出力に出力する
+    
+    Args:
+        initial_dir (str, optional): 初期ディレクトリ
+    """
+    # tkinterのルートウィンドウを作成
+    root = tk.Tk()
+    
+    # ウィンドウを最小化して、タスクバーに表示しない
+    root.iconify()
+    
+    # ウィンドウを前面に表示
+    root.attributes('-topmost', True)
+    
+    # 少し待機して、ウィンドウが確実に作成されるようにする
+    time.sleep(0.1)
+    
+    # 初期ディレクトリが指定されていて、存在する場合はそこから開始
+    if initial_dir and os.path.isdir(initial_dir):
+        folder_path = filedialog.askdirectory(
+            parent=root,
+            initialdir=initial_dir,
+            title="フォルダを選択してください"
+        )
+    else:
+        # 指定がない場合はデフォルトの場所から開始
+        folder_path = filedialog.askdirectory(
+            parent=root,
+            title="フォルダを選択してください"
+        )
+    
+    # 選択されたフォルダパスを標準出力に出力
+    if folder_path:
+        print(folder_path)
+    
+    # tkinterのメインループを終了
+    root.destroy()
+
+if __name__ == "__main__":
+    try:
+        # コマンドライン引数から初期ディレクトリを取得
+        initial_dir = sys.argv[1] if len(sys.argv) > 1 else None
+        select_folder(initial_dir)
+    except Exception as e:
+        # エラーが発生した場合は標準エラー出力に出力
+        sys.stderr.write(f"エラーが発生しました: {str(e)}")
+        sys.exit(1)

20250315_SearchFiles/launch.bat

@@ -0,0 +1,5 @@
+@echo off
+
+start python app.py
+start chrome --new-tab "http://127.0.0.1:5000"
+pause

20250315_SearchFiles/launch_new.bat

@@ -0,0 +1,11 @@
+@echo off
+if not "%minimized%"=="" goto :minimized
+set minimized=true
+start /min cmd /C "%~dpnx0"
+exit
+
+:minimized
+cd your_folder_path
+start python app.py
+timeout /t 5
+start chrome --new-tab "http://127.0.0.1:5000"

20250315_SearchFiles/requirements.txt

@@ -0,0 +1,6 @@
+flask==2.3.3
+werkzeug==2.3.7
+PyPDF2==3.0.1
+python-docx==0.8.11
+python-pptx==0.6.21
+openpyxl==3.1.2

20250315_SearchFiles/static/css/style.css

@@ -0,0 +1,314 @@
+/* Modern dark theme for programmers - inspired by Apple and Google design */
+:root {
+    --primary-color: #4285f4;
+    --primary-light: #80b1ff;
+    --primary-dark: #0d5bdd;
+    --secondary-color: #34a853;
+    --secondary-light: #5cd889;
+    --secondary-dark: #1e8e3e;
+    --accent-color: #fbbc05;
+    --text-color: #e0e0e0;
+    --text-light: #9e9e9e;
+    --background-color: #1e1e1e;
+    --card-color: #2d2d2d;
+    --card-hover: #383838;
+    --input-bg: #3c3c3c;
+    --error-color: #ea4335;
+    --success-color: #34a853;
+    --border-radius: 8px;
+    --box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2), 0 1px 3px rgba(0, 0, 0, 0.1);
+    --transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+    --font-mono: 'SF Mono', 'Consolas', 'Monaco', monospace;
+}
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 20px;
+    background-color: var(--background-color);
+    color: var(--text-color);
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.container {
+    max-width: 1000px;
+    margin: 0 auto;
+    background-color: var(--card-color);
+    padding: 30px;
+    border-radius: var(--border-radius);
+    box-shadow: var(--box-shadow);
+    transition: var(--transition);
+}
+
+h1 {
+    color: var(--text-color);
+    text-align: center;
+    margin-bottom: 30px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+.form-group {
+    margin-bottom: 24px;
+}
+
+label {
+    display: block;
+    margin-bottom: 10px;
+    font-weight: 500;
+    color: var(--text-color);
+    font-size: 15px;
+}
+
+input[type="text"] {
+    width: 100%;
+    padding: 12px 16px;
+    background-color: var(--input-bg);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: var(--border-radius);
+    box-sizing: border-box;
+    transition: var(--transition);
+    color: var(--text-color);
+    font-size: 15px;
+}
+
+input[type="text"]:focus {
+    border-color: var(--primary-color);
+    outline: none;
+    box-shadow: 0 0 0 2px rgba(66, 133, 244, 0.3);
+}
+
+.checkbox-group {
+    margin: 24px 0;
+    display: flex;
+    align-items: center;
+}
+
+input[type="checkbox"] {
+    margin-right: 10px;
+    width: 20px;
+    height: 20px;
+    accent-color: var(--primary-color);
+    cursor: pointer;
+}
+
+button {
+    background-color: var(--primary-color);
+    color: white;
+    border: none;
+    padding: 12px 24px;
+    border-radius: var(--border-radius);
+    cursor: pointer;
+    font-size: 16px;
+    font-weight: 500;
+    transition: var(--transition);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+    letter-spacing: 0.3px;
+}
+
+button:hover {
+    background-color: var(--primary-dark);
+    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.25);
+    transform: translateY(-2px);
+}
+
+button:active {
+    transform: translateY(1px);
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+
+button:disabled {
+    background-color: #555555;
+    color: #888888;
+    cursor: not-allowed;
+    box-shadow: none;
+    transform: none;
+}
+
+#results {
+    margin-top: 40px;
+}
+
+.result-item {
+    margin-bottom: 20px;
+    padding: 20px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: var(--border-radius);
+    background-color: var(--card-color);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+    transition: var(--transition);
+}
+
+.result-item:hover {
+    background-color: var(--card-hover);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    transform: translateY(-2px);
+}
+
+.file-path {
+    font-weight: 500;
+    margin-bottom: 16px;
+    word-break: break-all;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    color: var(--primary-light);
+    font-size: 15px;
+}
+
+.open-dir-button {
+    background-color: var(--secondary-color);
+    color: white;
+    border: none;
+    padding: 8px 16px;
+    border-radius: var(--border-radius);
+    cursor: pointer;
+    font-size: 14px;
+    margin-left: 12px;
+    transition: var(--transition);
+}
+
+.open-dir-button:hover {
+    background-color: var(--secondary-dark);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+    transform: translateY(-1px);
+}
+
+.folder-select-button {
+    background-color: var(--secondary-color);
+    color: white;
+    border: none;
+    padding: 12px 16px;
+    border-radius: var(--border-radius);
+    cursor: pointer;
+    font-size: 14px;
+    margin-left: 12px;
+    transition: var(--transition);
+    white-space: nowrap;
+}
+
+.folder-select-button:hover {
+    background-color: var(--secondary-dark);
+    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
+    transform: translateY(-1px);
+}
+
+.match-line {
+    font-family: var(--font-mono);
+    background-color: rgba(66, 133, 244, 0.1);
+    padding: 12px 16px;
+    border-left: 3px solid var(--primary-color);
+    margin: 8px 0;
+    border-radius: 0 4px 4px 0;
+    overflow-x: auto;
+    color: var(--text-color);
+    font-size: 14px;
+}
+
+.line-number {
+    color: var(--accent-color);
+    margin-right: 16px;
+    font-weight: 500;
+    user-select: none;
+}
+
+.loading {
+    text-align: center;
+    margin: 40px 0;
+    display: none;
+    color: var(--primary-light);
+}
+
+.loading p {
+    font-size: 16px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+.error {
+    color: var(--error-color);
+    padding: 16px;
+    background-color: rgba(234, 67, 53, 0.15);
+    border-radius: var(--border-radius);
+    margin-bottom: 24px;
+    font-weight: 500;
+    border-left: 4px solid var(--error-color);
+}
+
+.search-history {
+    margin-top: 40px;
+    border-top: 1px solid rgba(255, 255, 255, 0.1);
+    padding-top: 24px;
+}
+
+.search-history h3 {
+    color: var(--text-color);
+    margin-bottom: 16px;
+    font-weight: 500;
+    letter-spacing: 0.5px;
+}
+
+.history-item {
+    padding: 14px 16px;
+    margin-bottom: 8px;
+    background-color: var(--card-color);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    border-radius: var(--border-radius);
+    cursor: pointer;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    transition: var(--transition);
+}
+
+.history-item:hover {
+    background-color: var(--card-hover);
+    transform: translateY(-1px);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+.history-item strong {
+    color: var(--primary-light);
+}
+
+.history-item small {
+    color: var(--text-light);
+    margin-left: 10px;
+    font-size: 13px;
+}
+
+.history-delete {
+    color: var(--error-color);
+    cursor: pointer;
+    font-weight: bold;
+    margin-left: 12px;
+    padding: 4px 10px;
+    border-radius: 50%;
+    transition: var(--transition);
+}
+
+.history-delete:hover {
+    background-color: rgba(234, 67, 53, 0.2);
+}
+
+/* Custom scrollbar for webkit browsers */
+::-webkit-scrollbar {
+    width: 10px;
+    height: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: var(--background-color);
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+    background: #555;
+    border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: #777;
+}

20250315_SearchFiles/templates/index.html

@@ -0,0 +1,380 @@
+<!DOCTYPE html>
+<html lang="ja">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>ファイル検索アプリ</title>
+    <link rel="stylesheet" href="/static/css/style.css">
+</head>
+<body>
+    <div class="container">
+        <h1>ファイル検索アプリ</h1>
+        
+        <div id="error-message" class="error" style="display: none;"></div>
+        
+        <div class="form-group">
+            <label for="directory">検索するフォルダのパス:</label>
+            <div style="display: flex; align-items: center;">
+                <input type="text" id="directory" placeholder="例: C:\Users\Documents" style="flex-grow: 1;">
+                <button id="folder-select-button" class="folder-select-button">フォルダを選択</button>
+            </div>
+        </div>
+        
+        <div class="form-group">
+            <label for="search-text">検索するテキスト:</label>
+            <input type="text" id="search-text" placeholder="検索したいテキストを入力">
+        </div>
+        
+        <div class="checkbox-group">
+            <input type="checkbox" id="recursive">
+            <label for="recursive" style="display: inline;">サブフォルダも検索する</label>
+        </div>
+        
+        <button id="search-button">検索</button>
+        
+        <div class="loading" id="loading">
+            <p>検索中...</p>
+        </div>
+        
+        <div id="results"></div>
+        
+        <div id="search-history" class="search-history" style="display: none;">
+            <h3>検索履歴</h3>
+            <div id="history-list"></div>
+        </div>
+    </div>
+
+    <script>
+        document.addEventListener('DOMContentLoaded', function() {
+            const searchButton = document.getElementById('search-button');
+            const directoryInput = document.getElementById('directory');
+            const searchTextInput = document.getElementById('search-text');
+            const recursiveCheckbox = document.getElementById('recursive');
+            const resultsDiv = document.getElementById('results');
+            const loadingDiv = document.getElementById('loading');
+            const errorMessageDiv = document.getElementById('error-message');
+            const folderSelectButton = document.getElementById('folder-select-button');
+            const searchHistoryDiv = document.getElementById('search-history');
+            const historyListDiv = document.getElementById('history-list');
+            
+            // 検索履歴の読み込み
+            let searchHistory = JSON.parse(localStorage.getItem('searchHistory') || '[]');
+            
+            // 前回の入力値を復元
+            const lastDirectory = localStorage.getItem('lastDirectory') || '';
+            const lastSearchText = localStorage.getItem('lastSearchText') || '';
+            const lastRecursive = localStorage.getItem('lastRecursive') === 'true';
+            
+            if (lastDirectory) directoryInput.value = lastDirectory;
+            if (lastSearchText) searchTextInput.value = lastSearchText;
+            recursiveCheckbox.checked = lastRecursive;
+            
+            // Helper function to escape HTML
+            function escapeHTML(str) {
+                return str
+                    .replace(/&/g, '&amp;')
+                    .replace(/</g, '&lt;')
+                    .replace(/>/g, '&gt;')
+                    .replace(/"/g, '&quot;')
+                    .replace(/'/g, '&#039;');
+            }
+            
+            // ディレクトリを開く関数
+            function openDirectory(filePath) {
+                fetch('/open_directory', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        file_path: filePath
+                    })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.error) {
+                        errorMessageDiv.textContent = data.error;
+                        errorMessageDiv.style.display = 'block';
+                    }
+                })
+                .catch(error => {
+                    errorMessageDiv.textContent = 'エラーが発生しました: ' + error.message;
+                    errorMessageDiv.style.display = 'block';
+                });
+            }
+            
+            // 検索履歴に追加する関数
+            function addToSearchHistory(directory, searchText, recursive) {
+                // 同じ検索条件がある場合は削除
+                searchHistory = searchHistory.filter(item => 
+                    !(item.directory === directory && 
+                      item.searchText === searchText && 
+                      item.recursive === recursive)
+                );
+                
+                // 新しい検索を先頭に追加
+                searchHistory.unshift({
+                    directory,
+                    searchText,
+                    recursive,
+                    timestamp: new Date().toISOString()
+                });
+                
+                // 履歴は最大20件まで
+                if (searchHistory.length > 20) {
+                    searchHistory = searchHistory.slice(0, 20);
+                }
+                
+                // ローカルストレージに保存
+                localStorage.setItem('searchHistory', JSON.stringify(searchHistory));
+                
+                // 表示を更新
+                updateSearchHistoryDisplay();
+            }
+            
+            // 検索履歴の表示を更新する関数
+            function updateSearchHistoryDisplay() {
+                if (searchHistory.length === 0) {
+                    searchHistoryDiv.style.display = 'none';
+                    return;
+                }
+                
+                searchHistoryDiv.style.display = 'block';
+                
+                const historyHTML = searchHistory.map((item, index) => {
+                    const date = new Date(item.timestamp);
+                    const formattedDate = `${date.getFullYear()}/${(date.getMonth()+1).toString().padStart(2, '0')}/${date.getDate().toString().padStart(2, '0')} ${date.getHours().toString().padStart(2, '0')}:${date.getMinutes().toString().padStart(2, '0')}`;
+                    
+                    return `<div class="history-item" data-index="${index}">
+                        <div>
+                            <strong>${item.searchText}</strong> in ${item.directory}
+                            ${item.recursive ? '(サブフォルダ含む)' : ''}
+                            <small>${formattedDate}</small>
+                        </div>
+                        <span class="history-delete" data-index="${index}">×</span>
+                    </div>`;
+                }).join('');
+                
+                historyListDiv.innerHTML = historyHTML;
+                
+                // 履歴項目のクリックイベント
+                document.querySelectorAll('.history-item').forEach(item => {
+                    item.addEventListener('click', function(e) {
+                        if (e.target.classList.contains('history-delete')) return;
+                        
+                        const index = parseInt(this.getAttribute('data-index'));
+                        const historyItem = searchHistory[index];
+                        
+                        directoryInput.value = historyItem.directory;
+                        searchTextInput.value = historyItem.searchText;
+                        recursiveCheckbox.checked = historyItem.recursive;
+                        
+                        performSearch();
+                    });
+                });
+                
+                // 削除ボタンのクリックイベント
+                document.querySelectorAll('.history-delete').forEach(button => {
+                    button.addEventListener('click', function(e) {
+                        e.stopPropagation();
+                        const index = parseInt(this.getAttribute('data-index'));
+                        
+                        searchHistory.splice(index, 1);
+                        localStorage.setItem('searchHistory', JSON.stringify(searchHistory));
+                        
+                        updateSearchHistoryDisplay();
+                    });
+                });
+            }
+            
+            // 検索を実行する関数
+            function performSearch() {
+                // Clear previous results and errors
+                resultsDiv.innerHTML = '';
+                errorMessageDiv.style.display = 'none';
+                
+                const directory = directoryInput.value.trim();
+                const searchText = searchTextInput.value.trim();
+                
+                if (!directory || !searchText) {
+                    errorMessageDiv.textContent = 'フォルダのパスと検索テキストを入力してください。';
+                    errorMessageDiv.style.display = 'block';
+                    return;
+                }
+                
+                // Show loading indicator
+                loadingDiv.style.display = 'block';
+                
+                // 入力値を保存
+                localStorage.setItem('lastDirectory', directory);
+                localStorage.setItem('lastSearchText', searchText);
+                localStorage.setItem('lastRecursive', recursiveCheckbox.checked);
+                
+                // 検索履歴に追加
+                addToSearchHistory(directory, searchText, recursiveCheckbox.checked);
+                
+                // Send search request
+                fetch('/search', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        directory: directory,
+                        search_text: searchText,
+                        recursive: recursiveCheckbox.checked
+                    })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    // Hide loading indicator
+                    loadingDiv.style.display = 'none';
+                    
+                    if (data.error) {
+                        errorMessageDiv.textContent = data.error;
+                        errorMessageDiv.style.display = 'block';
+                        return;
+                    }
+                    
+                    if (data.length === 0) {
+                        resultsDiv.innerHTML = '<p>一致するファイルが見つかりませんでした。</p>';
+                        return;
+                    }
+                    
+                    // Display results
+                    const resultsHTML = data.map(result => {
+                        const matchesHTML = result.matching_lines.map(line => {
+                            return `<div class="match-line">
+                                <span class="line-number">行 ${line.line_number}:</span>
+                                ${escapeHTML(line.content)}
+                            </div>`;
+                        }).join('');
+                        
+                        return `<div class="result-item">
+                            <div class="file-path">
+                                <span>${result.relative_path}</span>
+                                <button class="open-dir-button" data-filepath="${result.file_path}">フォルダを開く</button>
+                            </div>
+                            ${matchesHTML}
+                        </div>`;
+                    }).join('');
+                    
+                    resultsDiv.innerHTML = `
+                        <h2>検索結果 (${data.length} ファイル)</h2>
+                        ${resultsHTML}
+                    `;
+                    
+                    // フォルダを開くボタンにイベントリスナーを追加
+                    document.querySelectorAll('.open-dir-button').forEach(button => {
+                        button.addEventListener('click', function() {
+                            const filePath = this.getAttribute('data-filepath');
+                            openDirectory(filePath);
+                        });
+                    });
+                })
+                .catch(error => {
+                    loadingDiv.style.display = 'none';
+                    errorMessageDiv.textContent = 'エラーが発生しました: ' + error.message;
+                    errorMessageDiv.style.display = 'block';
+                });
+            }
+            
+            // フォルダ選択ボタンのイベントリスナー
+            folderSelectButton.addEventListener('click', function() {
+                // ボタンを無効化
+                folderSelectButton.disabled = true;
+                folderSelectButton.textContent = 'ダイアログを表示中...';
+                
+                // 通知メッセージを表示
+                const notificationDiv = document.createElement('div');
+                notificationDiv.style.position = 'fixed';
+                notificationDiv.style.top = '50%';
+                notificationDiv.style.left = '50%';
+                notificationDiv.style.transform = 'translate(-50%, -50%)';
+                notificationDiv.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
+                notificationDiv.style.color = 'white';
+                notificationDiv.style.padding = '20px';
+                notificationDiv.style.borderRadius = '5px';
+                notificationDiv.style.zIndex = '1000';
+                notificationDiv.style.textAlign = 'center';
+                notificationDiv.innerHTML = `
+                    <p>フォルダ選択ダイアログが表示されます。</p>
+                    <p>ダイアログが見つからない場合は、他のウィンドウの背後を確認してください。</p>
+                `;
+                document.body.appendChild(notificationDiv);
+                
+                // 少し待ってから通知を消す
+                setTimeout(() => {
+                    document.body.removeChild(notificationDiv);
+                }, 3000);
+                
+                // フォルダ選択ダイアログを表示
+                fetch('/select_folder', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        initial_dir: directoryInput.value.trim() || localStorage.getItem('lastDirectory') || ''
+                    })
+                })
+                .then(response => response.json())
+                .then(data => {
+                    // ボタンを元に戻す
+                    folderSelectButton.disabled = false;
+                    folderSelectButton.textContent = 'フォルダを選択';
+                    
+                    if (data.error) {
+                        errorMessageDiv.textContent = data.error;
+                        errorMessageDiv.style.display = 'block';
+                        return;
+                    }
+                    
+                    if (data.message) {
+                        // 成功メッセージを表示
+                        const successDiv = document.createElement('div');
+                        successDiv.style.position = 'fixed';
+                        successDiv.style.top = '50%';
+                        successDiv.style.left = '50%';
+                        successDiv.style.transform = 'translate(-50%, -50%)';
+                        successDiv.style.backgroundColor = 'rgba(76, 175, 80, 0.9)';
+                        successDiv.style.color = 'white';
+                        successDiv.style.padding = '20px';
+                        successDiv.style.borderRadius = '5px';
+                        successDiv.style.zIndex = '1000';
+                        successDiv.style.textAlign = 'center';
+                        successDiv.textContent = data.message;
+                        document.body.appendChild(successDiv);
+                        
+                        // 2秒後に成功メッセージを消す
+                        setTimeout(() => {
+                            document.body.removeChild(successDiv);
+                        }, 2000);
+                    }
+                    
+                    if (data.folder_path) {
+                        directoryInput.value = data.folder_path;
+                        localStorage.setItem('lastDirectory', data.folder_path);
+                    }
+                })
+                .catch(error => {
+                    // ボタンを元に戻す
+                    folderSelectButton.disabled = false;
+                    folderSelectButton.textContent = 'フォルダを選択';
+                    
+                    errorMessageDiv.textContent = 'エラーが発生しました: ' + error.message;
+                    errorMessageDiv.style.display = 'block';
+                });
+            });
+            
+            // 検索ボタンのイベントリスナー
+            searchButton.addEventListener('click', function() {
+                performSearch();
+            });
+            
+            // 初期表示時に検索履歴を表示
+            updateSearchHistoryDisplay();
+        });
+    </script>
+</body>
+</html>