tauri-app-splashscreen について
起動画面や初期ロードを扱う Tauri 開発者向けのスキルです。設定、表示タイミング、エラー時のフォールバック、クロスプラットフォームでの検証を案内します。
主な機能
- 01スプラッシュ画面の素材とウィンドウ設定
- 02メインウィンドウの表示時期の計画
- 03遅いロードとエラー時のフォールバック対応
- 04各プラットフォームでの起動動作の検証
活用シーン
- 01起動時の白画面の回避
- 02スプラッシュ画面の表示と終了時期の計画
- 03複数プラットフォームでの起動動作の確認
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/tauri-app-splashscreenを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSE.txtagents/openai.yamlexamples/usage.mdtemplates/capabilities.json詳細
このスキルを使用する場面
ユーザーが次の内容に言及した場合は、必ずこのスキルを使用してください。
- アプリの起動時のスプラッシュ画面／起動時のスプラッシュ画面
- スプラッシュ画面を非表示にするタイミング
- 初回読み込み中の白い画面
トリガーとなるフレーズ：
- 「splashscreen」「startup screen」「white screen」「loading」
- 「起動ページ」「白い画面」「読み込み」
このスキルの使用方法
- スプラッシュ画面のアセットとウィンドウ設定を構成します
- スプラッシュ画面を非表示にしてメインウィンドウを表示するタイミングを決めます
- フロントエンドの読み込みが遅い場合の処理とエラー時のフォールバックを設定します
- クロスプラットフォームでの起動動作を検証します
出力
- スプラッシュ画面のライフサイクル計画／起動ページのライフサイクル案
- 起動タイミングのチェックリスト
範囲
- 対象範囲：スプラッシュ画面の構成とライフサイクルのみ
- 要点：白い画面の回避と起動タイミング
参考資料
- https://v2.tauri.app/llms.txt
- https://v2.tauri.app/learn/splashscreen/
- https://v2.tauri.app/zh-cn/learn/splashscreen/
キーワード
tauri splashscreen, startup, window, white screen
よくある落とし穴
- バージョン互換性：フレームワークのバージョンと依存ライブラリの互換性に注意してください。バージョンによって API に違いがある場合があります。
- 設定ファイルの形式：設定ファイルの形式の誤りは最もよくある問題です。エディターの構文チェックを利用することをおすすめします。
- 環境変数：必要な環境変数がすべて正しく設定されていることを確認してください。機密情報をハードコードしないでください。
- 依存関係の競合：複数のバージョンを共存させる場合は依存関係の競合に注意し、lock ファイルを使ってバージョンを固定してください。
- パフォーマンス上の落とし穴：大量のデータを扱う場合はパフォーマンスの最適化に注意し、N+1 クエリなどのよくある問題を避けてください。
使用手順
Step 1: 環境の準備
開発環境に必要な依存関係とツールがインストールされていることを確認します。
Step 2: 初期設定
プロジェクトの要件に応じて基本設定を行います。
Step 3: コア機能の使用
サンプルコードに従ってコア機能を実装します。
Step 4: テストと検証
テストを実行して、機能が正常に動作することを確認します。
Step 5: デプロイ
開発完了後、デプロイして監視を行います。
コメント
Markdown 対応