Pake
Rustを使って、簡単にウェブページをデスクトップアプリに変換します。
## 特徴
- 🎐 Electron パッケージと比較して約 20 倍小さい(約 5M!)
- 🚀 Rust Tauri を使用しているため、Pake は JS ベースのフレームワークよりもはるかに軽量で高速です。
- 📦 パッケージにはショートカットの透過、没入型ウィンドウ、ミニマリストのカスタマイズが含まれています。
- 👻 Pake は単なるシンプルなツールです—Tauri を使用して古いバンドルアプローチを置き換えます(PWA も十分に良いです)。
## 人気のパッケージ
🏂 リリースからさらに多くのアプリケーションをダウンロードできます。ここをクリックしてショートカットの参照を展開してください!
| Mac | Windows/Linux | 機能 |
| --------------------------- | ------------------------------ | ------------------------------ |
| ⌘ + [ | Ctrl + ← | 前のページに戻る |
| ⌘ + ] | Ctrl + → | 次のページに進む |
| ⌘ + ↑ | Ctrl + ↑ | ページのトップに自動スクロール |
| ⌘ + ↓ | Ctrl + ↓ | ページの底に自動スクロール |
| ⌘ + r | Ctrl + r | ページをリフレッシュ |
| ⌘ + w | Ctrl + w | ウィンドウを隠す、終了しない |
| ⌘ + - | Ctrl + - | ページを縮小 |
| ⌘ + + | Ctrl + + | ページを拡大 |
| ⌘ + = | Ctrl + = | ページを拡大 |
| ⌘ + 0 | Ctrl + 0 | ページのズームをリセット |
さらに、タイトルバーをダブルクリックして全画面モードに切り替えることができます。Mac ユーザーは、ジェスチャーを使用して前のページまたは次のページに移動することもできます。ウィンドウを移動するには、タイトルバーをドラッグします。
## 始める前に
1. **初心者の方へ**: 「人気のパッケージ」を使用して Pake の機能を試してみてください。または、[GitHub Actions]()を使用してアプリケーションをパッケージ化してみてください。[ディスカッション](https://github.com/tw93/Pake/discussions)で助けを求めることもできます!
2. **開発者の方へ**: 「コマンドラインパッケージング」を使用してください。macOS では完全にサポートされています。Windows/Linux ユーザーは、[環境を設定](https://tauri.app/v1/guides/getting-started/prerequisites)する必要があります。
3. **ハッカーの方へ**: フロントエンド開発と Rust の両方が得意な方は、以下の[カスタマイズ開発](#development)でアプリの機能をさらにカスタマイズしてみてください。
## コマンドラインパッケージング

**Pake はコマンドラインツールを提供しており、必要なパッケージをより迅速かつ簡単にカスタマイズすることができます。詳細は[ドキュメント](./bin/README.md)をご覧ください。**
```bash
# npmを使用してインストール
npm install -g pake-cli
# コマンドの使用
pake url [OPTIONS]...
# Pakeを自由に試してみてください!初めての起動時は環境の準備に時間がかかる場合があります。
pake https://weekly.tw93.fun --name Weekly --hide-title-bar
```
コマンドラインの使用に不慣れな場合は、_GitHub Actions_ を使用してオンラインでパッケージをコンパイルすることができます。[チュートリアル]()をご覧ください。
## 開発
開始する前に、Rust `>=1.63` と Node `>=16` (例: `16.18.1`) がコンピュータにインストールされていることを確認してください。インストールガイドについては、[Tauri ドキュメント](https://tauri.app/v1/guides/getting-started/prerequisites)を参照してください。
これらに不慣れな場合は、上記のツールを使用してワンクリックでパッケージを作成することをお勧めします。
```sh
# 依存関係のインストール
npm i
# ローカル開発 [右クリックでデバッグモードを開く]
npm run dev
# アプリケーションのパッケージング
npm run build
```
## 高度な使用法
1. [コードベースの構造](https://github.com/tw93/Pake/wiki/Description-of-Pake's-code-structure)を参照して、開発前により多くの情報を得ることができます。
2. `src-tauri` ディレクトリ内の `pake.json` ファイルの `url` と `productName` フィールドを変更する場合は、`tauri.config.json` ファイル内の `domain` フィールド、および `tauri.xxx.conf.json` ファイル内の `icon` と `identifier` フィールドを同期して変更する必要があります。`icon` は `icons` ディレクトリから選択することも、[macOSicons](https://macosicons.com/#/) から効果に合ったものをダウンロードすることもできます。
3. ウィンドウプロパティの設定については、`pake.json` ファイルを変更して `windows` プロパティの `width`、`height`、`fullscreen`(またはしない)、`resizable`(またはしない)の値を変更できます。Mac の没入型ヘッダーに適応するには、`hideTitleBar` を `true` に設定し、`Header` 要素を見つけて `padding-top` プロパティを追加します。
4. スタイルの書き換え、広告の除去、JS の注入、コンテナメッセージ通信、ユーザー定義のショートカットキーについては、[高度な使用法](https://github.com/tw93/Pake/wiki/Advanced-Usage-of-Pake)を参照してください。
## 開発者
Pake の開発はこれらのハッカーたちなしにはあり得ませんでした。彼らは Pake のために多くの能力を貢献しました。彼らをフォローすることも歓迎します!❤️
## よくある質問
1. ページ内の画像要素を右クリックしてメニューを開き、「画像をダウンロード」または他のイベントを選択しても機能しない(MacOS システムで一般的)。この問題は、MacOS の組み込み webview がこの機能をサポートしていないためです。
## サポート
1. 私には汤圆と可乐という 2 匹の猫がいます。Pake があなたの生活をより良くしてくれると思ったら、缶詰をあげてください 🥩。
2. Pake が気に入ったら、GitHub でスターをつけてください。また、友達に推薦することを歓迎します。
3. 私のTwitterをフォローして、Pake の最新情報を入手することができます。また、Telegramのチャットグループに参加することもできます。
4. 皆さんが楽しんでいただけることを願っています。Mac アプリに適したウェブサイトを見つけたら、ぜひ教えてください。