Web Analytics

clip-save

⭐ 366 stars Japanese by snsogbl

剪存 - 剪贴板历史管理工具

Wails + Vue 3 + TypeScript に基づくマルチプラットフォーム対応のクリップボード履歴管理ツール。

App Storeで公開中

https://apps.apple.com/us/app/剪存/id6754015301

機能特徴

プロジェクトスクリーンショット

Capture

技術スタック

依存関係のインストール

1. Wails CLIをインストール

go install github.com/wailsapp/wails/v2/cmd/wails@latest

2. プロジェクト依存関係のインストール

# Go 依赖
go mod tidy
前端依赖

cd frontend
npm install

开发

启动开发服务器

wails dev
これによりホットリロード開発サーバーが起動します：

開発時のデバッグ

開発モードでは、アプリが自動的にデベロッパーツールを開き、以下を確認できます：

ビルド

本番版のビルド

wails build

ビルドが完了すると、実行可能ファイルは build/bin/ ディレクトリに配置されます。

カスタムスクリプトの Cloudflare Pages へのデプロイ

プロジェクトは Cloudflare Pages を使用してオンラインスクリプトリストをホスティングしており、ユーザーは「スクリプトマーケット」から直接スクリプトをインストールおよび更新できます。

#### 1. Wrangler CLI のインストール

npm install -g wrangler

#### 2. Cloudflare にログインする

wrangler login

これによりブラウザが開き、あなたの Cloudflare アカウントにログインします。

#### 3. スクリプトのデプロイ

wrangler pages deploy scriptingExample --project-name=clip-save-plugins

部署完了ら、スクリプトは以下の URL でアクセスされます：

#### 4. スクリプトの更新

scriptingExample ディレクトリ内のファイルを変更するたびに、再度デプロイコマンドを実行してください：

wrangler pages deploy scriptingExample --project-name=clip-save-plugins

#### 5. 注意事項

macOS ビルドオプション

# 构建 Intel 版本
wails build -platform darwin/amd64
构建 Apple Silicon 版本

wails build -platform darwin/arm64
构建通用二进制（推荐）

wails build -platform darwin/universal

Windows ビルド

wails build -platform windows/amd64

Linux ビルド

wails build -platform linux/amd64

プロジェクト構造

.
├── main.go                      # 主程序入口
├── app.go                       # Wails 应用结构和 API
├── wails.json                   # Wails 配置文件
├── go.mod                       # Go 依赖管理
├── common/                      # 共享代码
│   ├── clipboard.go             # 剪贴板逻辑
│   ├── clipboard_darwin.go      # macOS 特定代码
│   └── db.go                    # 数据库操作
├── frontend/                    # 前端代码
│   ├── src/
│   │   ├── App.vue              # 主应用组件
│   │   ├── components/
│   │   │   └── ClipboardHistory.vue  # 剪贴板历史组件
│   │   ├── main.ts              # 前端入口
│   │   └── style.css            # 全局样式
│   ├── index.html               # HTML 模板
│   ├── package.json             # 前端依赖
│   ├── vite.config.ts           # Vite 配置
│   └── tsconfig.json            # TypeScript 配置
└── build/                       # 构建资源和输出
    ├── bin/                     # 编译后的可执行文件
    ├── appicon.png              # 应用图标
    └── darwin/                  # macOS 特定配置

API 说明

バックエンド API（Go）

app.go に定義されたメソッドは自動的にフロントエンドに公開されます：

フロントエンド呼び出し例

import { SearchClipboardItems } from '../wailsjs/go/main/App'
// 搜索剪贴板项目
const items = await SearchClipboardItems('关键词', '所有类型', 100)

使用説明

OCR文字認識機能

データ保存

クリップボード履歴は ~/.clipsave/clipboard.db に保存されます

データベースは自動生成され、以下のフィールドを含みます：

システム要件

開発上の注意事項

Go API を更新した後

app.go 内のメソッドを変更するたびに、フロントエンドのバインディングを再生成する必要があります：

wails generate module

または開発モードを使用すると、自動的に生成されます：

wails dev

前端开发

前端は Vite + Vue 3 + TypeScript を使用：

CGO 依存

プロジェクトは CGO（SQLite とクリップボード操作用）を使用しており、ビルド時に以下が必要：

よくある質問

1. ビルド失敗

すべての依存関係がインストールされていることを確認してください：

# macOS
xcode-select --install
Windows


安装 MSYS2 和 MinGW-w64
Linux

sudo apt-get install build-essential libgtk-3-dev libwebkit2gtk-4.0-dev

2. 前端がバックエンド API を呼び出せない場合

wails generate module を実行してフロントエンドのバインディングを生成したことを確認してください。

ライセンス

MIT ライセンス

支援のお願い

💗 作者にコーヒーをおごってください

このソフトウェアがあなたの時間を節約した（あるいは少なくともイライラさせなかった）なら、作者にコーヒー ☕ やビール 🍺 をおごってください！

一杯のコーヒーは魔法のように変わります：新機能、バグの減少（できる限り）、そして作者が徹夜でコードを書く際の精神的支えに。

あなたの Star ⭐ と寄付はバグ修正や新機能追加の原動力（そして私のコーヒー代）です！

WeChatでスキャン

支援コード

「私にコーヒーをおごってください ☕」

プロジェクトに Star ⭐ をつけてください

このプロジェクトが役に立ったら、ぜひプロジェクトに Star ⭐ をつけてください。これが私への最大の応援になります！

謝辞

--- Tranlated By Open Ai Tx | Last indexed: 2026-07-16 ---

Original README: View on GitHub

Translated by OpenAiTx | Last updated: 2026-07-16