Getting Started
このプラグインのインストール手順とフルマークダウンガイドを含むセットアップの案内をコピーしてください。
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-photo-library`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/photo-library/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
インストール
「インストール」のセクションCapgoのAI-Assisted Setupを使用してプラグインをインストールできます。AIツールにCapgoスキルを追加するには、以下のコマンドを実行してください。
npx skills add https://github.com/Cap-go/capgo-skills --skill capacitor-plugins次に、以下のプロンプトを使用してください。
Use the `capacitor-plugins` skill from `Cap-go/capgo-skills` to install the `@capgo/capacitor-photo-library` plugin in my project.Manual Setupを使用する場合は、以下のコマンドを実行してプラグインをインストールし、以下のプラットフォーム固有の指示に従ってください。
bun add @capgo/capacitor-photo-librarybunx cap syncインポート
「インポート」セクションimport { PhotoLibrary } from '@capgo/capacitor-photo-library';API オーバービュー
「API オーバービュー」セクションcheckAuthorization
「checkAuthorization」セクションユーザーに質問することなく、現在の認証状態を取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.checkAuthorization();requestAuthorization
「requestAuthorization」セクション写真ライブラリへのアクセスが必要な場合に、ユーザーにアクセスを求めます。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.requestAuthorization();getAlbums
「getAlbums」セクション利用可能なアルバムを取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getAlbums();getLibrary
「getLibrary」セクションライブラリのアセットと表示できるURLを取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getLibrary();getPhotoUrl
「getPhotoUrl」セクションアセットのフル解像度版の表示可能なURLを取得します。
既に「with」メソッドを呼び出した場合は、このメソッドを呼び出す必要はありません。 getLibrary クリップボードにコピー includeFullResolutionData「getPhotoUrl」メソッドを呼び出す必要はありません。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getPhotoUrl({} as { id: string });getThumbnailUrl
getThumbnailUrlのセクションアセットの縮小したサムネイルの表示可能なURLを取得します。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.getThumbnailUrl({} as { id: string; width?: number; height?: number; quality?: number; });pickMedia
pickMediaのセクションユーザーが写真ライブラリへの完全なアクセスを許可せずにメディアを選択できるように、システムのネイティブピッカーを開きます。 選択されたファイルは、ポータブルなURLとともにアプリケーションキャッシュにコピーされ、返されます。
import { PhotoLibrary } from '@capgo/capacitor-photo-library';
await PhotoLibrary.pickMedia();Type Reference
Type ReferenceのセクションPhotoLibraryAuthorizationState
PhotoLibraryAuthorizationStateのセクションexport type PhotoLibraryAuthorizationState = 'authorized' | 'limited' | 'denied' | 'notDetermined';PhotoLibraryAlbum
PhotoLibraryAlbumのセクションexport interface PhotoLibraryAlbum { id: string; title: string; assetCount: number;}GetLibraryOptions
ライブラリのオプションを取得export interface GetLibraryOptions { /** * Number of assets to skip from the beginning of the query. */ offset?: number; /** * Maximum number of assets to return. Omit to return everything that matches. */ limit?: number; /** * Include images in the result. Defaults to `true`. */ includeImages?: boolean; /** * Include videos in the result. Defaults to `false`. */ includeVideos?: boolean; /** * Include information about the albums each asset belongs to. Defaults to `false`. */ includeAlbumData?: boolean; /** * Include assets stored in the cloud (iCloud / Google Photos). Defaults to `true`. */ includeCloudData?: boolean; /** * If `true`, use the original filenames reported by the OS when available. */ useOriginalFileNames?: boolean; /** * Width of the generated thumbnails. Defaults to `512`. */ thumbnailWidth?: number; /** * Height of the generated thumbnails. Defaults to `384`. */ thumbnailHeight?: number; /** * JPEG quality for generated thumbnails (0-1). Defaults to `0.5`. */ thumbnailQuality?: number; /** * When `true`, copies the full sized asset into the app cache and returns its URL. * Defaults to `false`. */ includeFullResolutionData?: boolean;}GetLibraryResult
ライブラリの結果を取得export interface GetLibraryResult { assets: PhotoLibraryAsset[]; /** * Total number of assets matching the query in the library. `assets.length` can be less * than this value when pagination is used. */ totalCount: number; /** Whether more assets are available when using pagination. */ hasMore: boolean;}PhotoLibraryFile
写真ライブラリのファイルexport interface PhotoLibraryFile { /** Absolute path on the native file system. */ path: string; /** * URL that can be used inside a web view. Usually produced by `Capacitor.convertFileSrc(path)`. */ webPath: string; mimeType: string; /** Size in bytes if known, otherwise `-1`. */ size: number;}PickMediaOptions
メディアの選択オプションexport interface PickMediaOptions { /** * Maximum number of items the user can select. Use `0` to allow unlimited selection. * Defaults to `1`. */ selectionLimit?: number; /** Allow the user to select images. Defaults to `true`. */ includeImages?: boolean; /** Allow the user to select videos. Defaults to `false`. */ includeVideos?: boolean; /** Width of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailWidth?: number; /** Height of the generated thumbnails for picked items. Defaults to `256`. */ thumbnailHeight?: number; /** JPEG quality for generated thumbnails (0-1). Defaults to `0.7`. */ thumbnailQuality?: number;}PickMediaResult
メディアの選択結果export interface PickMediaResult { assets: PhotoLibraryAsset[];}PhotoLibraryAsset
写真ライブラリのアセットexport interface PhotoLibraryAsset { id: string; fileName: string; type: PhotoAssetType; width: number; height: number; duration?: number; creationDate?: string; modificationDate?: string; latitude?: number; longitude?: number; mimeType: string; /** Size in bytes reported by the OS for the underlying asset, if available. */ size?: number; albumIds?: string[]; thumbnail?: PhotoLibraryFile; file?: PhotoLibraryFile;}PhotoAssetType
PhotoAssetTypeのセクションexport type PhotoAssetType = 'image' | 'video';真実の源
真実の源のセクションこのページはプラグインの src/definitions.tspublic APIがアップストリームで変更された場合に再度Syncを実行してください。
Getting Startedから続けてください
Getting StartedのセクションCapgoを使用している場合 Getting StartedからDashboardと__CAPGO_KEEP_0__の計画を実行するには、 Capgoを使用してDashboardとAPIの計画を実行するには Capgoを使用して@capgo/capacitor-photo-libraryを使用する native capabilityの使用に@capgo/capacitor-photo-libraryを使用します。 APIの概要 APIの実装詳細 導入 __CAPGO_KEEP_0__のキー APIの実装詳細 for the implementation detail in API Keys, and __CAPGO_KEEP_0__の実装詳細 編集