uniappx-project について
uniappx-project は uni-app-x 開発者向けのリファレンススキルです。組み込みコンポーネントと API の例を公式ドキュメントへのリンクやプラットフォーム対応情報とともに整理しています。
主な機能
- 01コンポーネントと API 別のサンプル
- 02サンプル内の公式ドキュメントリンク
- 03パラメーターと戻り値の参照情報
- 04プラットフォーム対応情報
- 05Vue 3、TypeScript、Vite を使う開発
活用シーン
- 01組み込みコンポーネントの例を探す
- 02API のパラメーターと戻り値を確認する
- 03対象プラットフォームへの対応を調べる
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ partme-ai/ full-stack-skills --skill uniappx-projectインストール後、Claude Code で/uniappx-projectを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSE.txtexamples/api/device/get-battery-info.mdget-network-type.mdget-screen-brightness.mdget-system-info.mdset-screen-brightness.mdexamples/api/file/get-file-info.mdget-saved-file-list.mdsave-file.mdexamples/api/location/choose-location.mdget-location.mdopen-location.mdexamples/api/media/choose-image.mdchoose-media.mdchoose-video.mdget-image-info.mdpreview-image.mdsave-image-to-photos-album.mdexamples/api/navigation/navigate-back.mdnavigate-to.mdre-launch.mdredirect-to.mdswitch-tab.mdexamples/api/network/download-file.mdrequest.mdupload-file.mdexamples/api/storage/clear-storage.mdget-storage-info.mdget-storage-sync.mdget-storage.md詳細
このスキルを使用する場面
ユーザーが以下を希望する場合は、このスキルを使用してください。
- uni-app-x の組み込みコンポーネントを使用する
- uni-app-x の API(ネットワーク、ストレージ、デバイス、UI、ナビゲーション、メディアなど)を使用する
- コンポーネントまたは API ごとのサンプルと公式ドキュメントへのリンクを参照する
- uni-app-x のコンポーネントと API のプラットフォーム互換性を確認する
- Vue 3 + TypeScript + Vite で uni-app-x アプリケーションを構築する
このスキルの使用方法
このスキルは、uni-app-x の公式コンポーネントおよび API ドキュメントに沿って構成されています。
-
コンポーネントまたは API のカテゴリを選択します。
- コンポーネント →
examples/components/built-in/ - API →
examples/api/(ドメイン別に分類)
- コンポーネント →
-
該当するサンプルファイルを開きます。
- 各コンポーネントまたは API には、専用のサンプルファイルがあります。
- 各サンプルには、公式ドキュメントの URL が含まれています。
- サンプルは公式ドキュメントの例に準拠しています。
-
詳細な仕様が必要な場合は、リファレンスを参照します。
- 組み込みコンポーネントについては
references/components/built-in/ - API のパラメーター、戻り値、互換性については
references/api/
- 組み込みコンポーネントについては
サンプルとリファレンス
コンポーネント(組み込み)
- サンプル:
examples/components/built-in/*.md - リファレンス:
references/components/built-in/*.md - 公式ドキュメント:https://doc.dcloud.net.cn/uni-app-x/component/
API
- サンプル:
examples/api/{category}/*.md - リファレンス:
references/api/*.md - 公式ドキュメント:https://doc.dcloud.net.cn/uni-app-x/api/
ベストプラクティス
- コンポーネント/API ごとに 1 ファイル:各コンポーネントと API には、公式ドキュメントへのリンクを含む個別のサンプルファイルがあります。
- プラットフォーム互換性に従う:各サンプルまたはリファレンスの互換性セクションを確認してください。
- 条件付きコンパイルを使用する:プラットフォーム固有のロジックには
#ifdef/#endifを使用してください。 - サンプルを公式ドキュメントに合わせる:公式ドキュメントのサンプルを信頼できる情報源として使用してください。
- 仕様にはリファレンスを優先する:詳細なパラメーターテーブルと互換性については
references/を使用してください。
リソース
- コンポーネント:https://doc.dcloud.net.cn/uni-app-x/component/
- API:https://doc.dcloud.net.cn/uni-app-x/api/
- uni-app-x:https://doc.dcloud.net.cn/uni-app-x/
キーワード
uniappx, uni-app-x, コンポーネント, API, 組み込みコンポーネント, サンプル, リファレンス, Vue 3, TypeScript, Vite, H5, App, ミニプログラム, クロスプラットフォーム, コンポーネント, API, 公式ドキュメント
コメント
Markdown 対応