Wix Studio:カスタムアプリを作成する
読了時間:5分
Wix Studio では、すべての Wix サイトに追加できるカスタムアプリをデザイン、構築、管理することができます。アプリとウィジェットのビルド環境である Wix Blocks でアプリを作成・コーディングし、Wix Studio ワークスペースの「カスタムアプリ」でこれらのアプリを管理します。
![Wix Studio のワークスペースの「カスタムアプリ」タブのスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/27/a2324ab7-4d14-4bf5-9654-88ff92cb15b6/5b9e307f-a8a2-4bab-aa26-a8782c44f07e.jpg)
ワークスペース内の他のユーザーと簡単に共同作業を行い、アプリを作成しましょう。作成したアプリは、カスタムテンプレートや Wix サイトに追加することができます。また、作成したアプリを Wix App Market に提出することで、収益化して世界中にリリースすることができます。
この記事では、以下の項目について説明します:
アプリを作成する
Wix Blocks 内でアプリを作成します。シンプルにすることも、基本的なウィジェットレイアウトからインタラクティブな Web コンポーネントまで、API とコードファイルを備えたものを追加できます。
アプリを作成する方法:
- Wix Studio ワークスペースの「カスタムアプリ」にアクセス します。
- 右上の「+アプリを作成する」をクリックします。
- アプリの種類を選択するをクリックします。
- ウィジェット、要素、コードなどを追加してアプリを構築します。
Wix Blocks 内で「作成」をクリックし、アプリの名前と詳細を追加すると、Wix Studio ワークスペースの「カスタムアプリ」タブに表示されます。
![アプリの名前と説明のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/27/7f8beaff-19b7-4753-bd98-61f438223665/7a2ecbee-4065-403d-bf8b-889838d3042f.png)
アプリを管理する
アプリが作成されると、Wix Studio ワークスペースの「カスタムアプリ」エリアに表示されます。
Wix Studio ワークスペースの「カスタムアプリ」から、チームが作成したアプリを編集・管理することができます。リストでアプリを見つけるには、アプリのリストをフィルターするか、表示されるカラムをカスタマイズします。
![カスタムアプリの管理オプションを示すスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/27/fefab692-54d4-4ca5-924b-6151d55971c5/3d143077-0ff5-4b35-9f0e-a965d0b35f93.jpg)
アプリ管理の権限は、ワークスペース内での役割によって異なります:
- サイト所有者はすべてのアクションを実行できます。
- 共同所有者は、複製とアーカイブを除くすべてのアクションを実行できます。
- 編集者権限を持つその他のすべての役割は、複製、アーカイブ、名前の変更、共同管理者の追加を除くすべてのアクションを実行できます。
アプリを管理する方法:
- Wix Studio ワークスペースの「カスタムアプリ」にアクセス します。
- 該当するアプリ横の「その他のアクション」アイコン
をクリックして、実行する内容を選択します:
- アプリを編集:Wix Blocks 内でアプリにアクセスし、必要な変更を加えます。
- 名前を変更:アプリの名前を変更します。
- 複製:Wix Blocks 内でアプリのコピーを作成し、新しい名前で保存します。
注意:複製されたアプリは、名前を付けて作成 / 保存するまで、Wix Studio ワークスペースのカスタムアプリエリアには表示されません。 - アプリの詳細を表示:アプリのバージョン情報と、アプリがインストールされているワークスペース内のサイト一覧にアクセスします。
- アーカイブ:アプリをアーカイブに移動します。アーカイブされたアプリは、過去にアプリが追加されたサイトでは引き続き機能しますが、編集したり、新しいサイトに追加したりすることはできません。
注意:一度アプリをアーカイブすると、元に戻すことはできません。
アプリに共同管理者を追加する
アプリのデザイン、構築、管理のあらゆる側面でチームメイトやクライアントと共同作業を行います。招待メールを送信して、一緒にアプリで作業してくれる共同管理者を招待しましょう。
![Blocks アプリの共同管理者への招待メールを示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9432a2ad-f01d-4a3d-ae53-370c37e15e62/2023/07/26/17a2b6e5-145b-4c88-9afd-e33ce833fb15/6d8e8a75-7e7c-4b53-8bb2-9ebda4698dbd.png)
アプリに共同管理者を追加する方法:
- Wix Studio ワークスペースの「カスタムアプリ」にアクセス します。
- 該当するアプリ横の「その他のアクション」アイコン
をクリックします。
- 「共同管理者を追加」をクリックします。
- 招待者のメールアドレスを入力します。
- 「招待を送信する」をクリックします。
アプリをインストールする
アプリを使用する準備ができたら、すぐにワークスペース内の Wix サイトに追加することができます。
近日公開予定:
アプリのインストールリンクを他の Wix サイト制作者と共有する機能を近日公開予定です。このサイト制作者は、リンクをクリックすることで、あなたのアプリをサイトに追加することができます。
![サイトにカスタムアプリをインストールする方法を示したスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/27/8428c3fe-e4ee-4048-9d53-6c30dcc94a8c/699b31f8-9057-448a-9f66-502682e2d183.png)
アプリをインストールする方法:
- Wix Studio ワークスペースの「カスタムアプリ」にアクセス します。
- 該当するアプリ横の「その他のアクション」アイコン
をクリックします。
- 「サイトにインストール」をクリックします。
Wix App Market でアプリを公開する
Wix App Market にアプリを提出して、すべての Wix ユーザーが有料または無料でサイトに追加できるようにします。Wix App Market 用にサードパーティ製アプリを作成する方法はこちら
![Wix App Market のスクリーンショット。](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2024/03/27/686e46d3-e5ff-4320-b432-dc244f08ff1f/3bb0f814-4da1-4368-ad87-f75671da7009.png)
Wix App Market にアプリを提出する方法:
- Wix Studio ワークスペースの「カスタムアプリ」にアクセス します。
- 該当するアプリ横の「その他のアクション」アイコン
をクリックします。
- 「App Market に公開」をクリックします。
Wix デベロッパーセンターに移動し、アプリのリリースプロセスを開始することができます。