tauri-scaffold

このスキルを使用する場面

ユーザーが次の内容に言及した場合は、必ずこのスキルを使用してください。

• Tauri v2 プロジェクトのスキャフォールディング／Tauri v2 プロジェクトの雛形作成
• プロジェクト構造または初期設定
• フレームワーク統合のための静的エクスポートまたは SSG

トリガーフレーズには次のものが含まれます。

• "create-tauri-app"、"scaffold"、"project structure"、"static export"、"SSG"
• "スキャフォールディング"、"プロジェクト構造"、"静的エクスポート"、"SSG"

このスキルの使用方法

1. 対象プラットフォームとフロントエンドフレームワークの選択肢を確認します
2. 適切なオプションを指定して create-tauri-app を使用します
3. 選択したフレームワークに合わせて SSG または静的エクスポートの設定を適用します
4. プロジェクトをビルドし、ローカルアセットが正しく読み込まれることを確認します

出力

• スキャフォールディングのコマンドとオプション
• プロジェクト構造と設定のチェックリスト

対象範囲

• 境界：create-tauri-app の選択と初期設定
• 重要なポイント：Next.js などのフレームワークの SSG／エクスポート設定

キーワード

tauri scaffold, create-tauri-app, project structure, static export, ssg

よくある落とし穴（Gotchas）

1. バージョンの互換性：フレームワークのバージョンと依存ライブラリの互換性に注意してください。バージョンによって API が異なる場合があります
2. 設定ファイルの形式：設定ファイルの形式の誤りは最もよくある問題です。エディターの構文チェックを使用することをおすすめします
3. 環境変数：必要な環境変数がすべて正しく設定されていることを確認し、機密情報をハードコードしないでください
4. 依存関係の競合：複数のバージョンが共存する場合は依存関係の競合に注意し、lock ファイルを使ってバージョンを固定してください
5. パフォーマンスの落とし穴：大量のデータを扱う場合はパフォーマンスの最適化に注意し、N+1 クエリなどのよくある問題を避けてください

使用手順

Step 1: 環境の準備

開発環境に必要な依存関係とツールがインストールされていることを確認します。

Step 2: 初期設定

プロジェクトの要件に応じて基本設定を行います。

Step 3: コア機能の使用

サンプルコードに従ってコア機能を実装します。

Step 4: テストと検証

テストを実行して、機能が正常に動作することを確認します。

Step 5: デプロイ

開発が完了したら、デプロイと監視を行います。