v1.1.0

.gitignore

@@ -158,3 +158,9 @@ cython_debug/
 #  and can be added to the global gitignore or merged into this file.  For a more nuclear
 #  option (not recommended) you can uncomment the following to ignore the entire idea folder.
 #.idea/
+
+# Zunda
+log/*
+settings/*
+!settings/settings.json
+起動.bat

Readme.md

@@ -11,10 +11,9 @@ AIとチャットするアプリなのだ。質問と回答を音声で読み上
 - OpenAI GPT (Azure OpenAI Serviceも利用可能)
 - Google Gemini
 
-## 最新情報 バージョン 1.0.0
+## 最新情報 バージョン 1.1.0
 
-Google Text-to-Speech(gTTS)に対応したのだ！  
-SAPI5に対応したのだ！
+印刷機能を追加したのだ！
 
 ## スクリーンショット
 
@@ -35,7 +34,7 @@ https://github.com/led-mirage/ZundaGPT2/assets/139528700/106ec571-6c54-4bd3-83da
 - Windows 11 Pro 23H2
 - Python 3.12.0
 - VOICEVOX 0.19.2
-- A.I.VOICE Editor 1.4.9.0
+- A.I.VOICE Editor 1.4.10.0
 - COEIROINK v.2.3.4
 
 ## 必要なもの
@@ -89,7 +88,7 @@ Windowsの場合は、Windowsの検索窓で「環境変数を編集」で検索
 
 以下のリンクから ZundaGPT2.ZIP をダウンロードして、作成したフォルダに展開するのだ。
 
-https://github.com/led-mirage/ZundaGPT2/releases/tag/v1.0.1
+https://github.com/led-mirage/ZundaGPT2/releases/tag/v1.1.0
 
 #### 3. 実行
 
@@ -142,6 +141,21 @@ pip install -r requirements.txt
 python app\main.py
 ```
 
+#### 7. 起動用のバッチファイル（オプション）
+
+以下のような起動用のバッチファイルを用意しておくと便利なのだ。
+
+```bash
+start pythonw app\main.py
+```
+
+Pythonの仮想環境を使用している場合は、以下の例のようにすればOKなのだ。
+
+```bash
+call venv\scripts\activate
+start pythonw app\main.py
+```
+
 ## 注意事項
 
 ### ⚡ OpenAIの利用料金について
@@ -169,9 +183,9 @@ OpenAIやGoogle GeminiのAPIキーはあなただけのものなので、人に
 これが嫌な人は（ボクも嫌だけど）、Python本体をインストールしてPythonから普通に実行して欲しいのだ。実行ファイルのほうが手軽だし、そのほうがPythonに詳しくない人にとっては簡単なんだけど、誤認問題がついて回ることは覚えておいて欲しいのだ。
 
 VirusTotalでのチェック結果は以下の通りなのだ。  
-（72個中3個のアンチウィルスエンジンで検出 :2024/06/08 v1.0.1）。
+（74個中5個のアンチウィルスエンジンで検出 :2024/06/22 v1.1.0）。
 
-<img src="doc/virustotal_1.0.1.png" width="600">
+<img src="doc/virustotal_1.1.0.png" width="600">
 
 ### ⚡ 免責事項
 
@@ -349,3 +363,9 @@ VirusTotalでのチェック結果は以下の通りなのだ。
 - google-generativeaiのバージョンを0.6.0に更新
 - requestsのバージョンを2.32.3に更新
 - 再生環境による文末の音声途切れ問題を軽減するため、再生終了後に0.2秒間の待機時間を追加
+
+### 1.1.0 (2024/6/22)
+
+- 印刷機能の追加
+- 画面上部のボタンにツールチップを追加
+- PyInstallerのバージョンを6.8.0に更新

app/html/css/style.css

@@ -29,13 +29,13 @@ body, html {
     text-align: center;
     text-decoration: none;
     display: inline-block;
-    font-size: 0.8rem; /* フォントサイズを少し小さくする */
+    font-size: 0.9rem; /* フォントサイズを少し小さくする */
     border-radius: 3px; /* 角の丸みを控えめにする */
     cursor: pointer;
     transition: background-color 0.3s, color 0.3s; /* 背景色とテキスト色の変化を滑らかにする */
 }
 .header button.emoji {
-    font-size: 0.7rem;
+    font-size: 0.8rem;
 }
 .header button:hover {
     background-color: #e0e0e0; /* ホバー時の背景色を少し濃くする */
@@ -188,3 +188,60 @@ footer {
     font-size: 0.8rem;
     color: dimgray;
 }
+.tooltip {
+    position: relative;
+    display: inline-block;
+}
+.tooltiptext {
+    visibility: hidden;
+    max-width: 200px;
+    background-color: #555;
+    color: #fff;
+    text-align: center;
+    padding: 5px;
+    border-radius: 6px;
+    position: absolute;
+    z-index: 1;
+    top: 150%;
+    left: 25%;
+    transform: translateY(-50%);
+    white-space: nowrap;
+    opacity: 0; /* 初期状態で透明にする */
+    transition: opacity 0.5s ease, visibility 0s ease 0.5s; /* アニメーションを設定 */
+}
+.tooltip:hover .tooltiptext {
+    visibility: visible;
+    opacity: 1; /* ホバー時に不透明にする */
+    transition-delay: 2.0s;
+}
+@media print {
+    @page {
+        margin-top: 1.5cm;
+        margin-bottom: 1.5cm;
+        margin-left: 2cm;
+        margin-right: 2cm;
+    }
+    html {
+        font-size: 80%;
+    }
+    .header nav {
+        display: none;
+        visibility: hidden;
+    }
+    .chat-container {
+        display: block;
+        page-break-inside: avoid;
+    }
+    .message-delete-btn {
+        visibility: hidden;
+    }
+    .chat-reanswer-btn {
+        visibility: hidden;
+    }
+    .chat-input {
+        visibility: hidden;
+    }
+    footer {
+        visibility: hidden;
+    }
+}

app/html/index.html

@@ -29,13 +29,14 @@
     <span id="settings-name">ZundaGPT</span>
     <nav>
       <ul>
-        <li><button onclick="prevChat()">prev</button></li>
-        <li><button onclick="nextChat()">next</button></li>
-        <li><button onclick="newChat()">new</button></li>
-        <li><button onclick="deleteChat()" class="emoji">🗑️</button></li>
-        <li><button onclick="toggleSpeaker()" class="emoji" id="speaker-button">🔊</button></li>
-        <li><button onclick="settings()" class="emoji">⚙️</button></li>
-      </ul>
+        <li><button onclick="prevChat()" class="tooltip">prev<span class="tooltiptext">前の会話</span></button></li>
+        <li><button onclick="nextChat()" class="tooltip">next<span class="tooltiptext">次の会話</span></button></li>
+        <li><button onclick="newChat()" class="tooltip">new<span class="tooltiptext">新しい会話</span></button></li>
+        <li><button onclick="deleteChat()" class="emoji tooltip">🗑️<span class="tooltiptext">削除</span></button></li>
+        <li><button onclick="toggleSpeaker()" class="emoji tooltip" id="speaker-button">🔊<span class="tooltiptext">音声</span></button></li>
+        <li><button onclick="window.print()" class="emoji tooltip">🖨️<span class="tooltiptext">印刷</span></button></li>
+        <li><button onclick="settings()" class="emoji tooltip">⚙️<span class="tooltiptext">設定</span></button></li>
+    </ul>
     </nav>
   </div>
   <div id="chat-messages" class="chat-messages">
@@ -262,11 +263,12 @@
 
 // スピーカーの状態表示
 function setSpeakerStateText() {
+    let button = document.getElementById("speaker-button");
     if (g_speakerOn) {
-        document.getElementById("speaker-button").textContent = "🔊";
+        button.innerHTML = '🔊<span class="tooltiptext">音声</span>';
     }
     else {
-        document.getElementById("speaker-button").textContent = "🔇";
+        button.innerHTML = '🔇<span class="tooltiptext">音声</span>';
     }
 }
 

app/main.py

@@ -22,7 +22,7 @@
 from chat_log import ChatLog
 
 APP_NAME = "ZundaGPT2"
-APP_VERSION = "1.0.1"
+APP_VERSION = "1.1.0"
 COPYRIGHT = "Copyright 2024 led-mirage"
 
 # アプリケーションクラス