Wix Blocks:クイックツアー
読了時間:3分
始める前に:
Wix Blocks は高度な機能です。Wix Blocks アプリの作成方法については、Wix デベロッパーセンターをご覧ください。(英語)
ようこそ!
Wix Blocks エディタでは、Wix サイト用のアプリを作成できます。
Wix Blocks アプリには、シンプルなウィジェットレイアウトから、API とコードファイルを備えた本格的なインタラクティブ Web コンポーネントまで、あらゆるものが含まれます。
![アプリの内容が表示された Gif](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/378fd532-728d-473b-8f03-30140bda59af/2023/10/04/f38505ed-7636-4de2-a390-5007eca284f9/8c13f122-59a7-4af8-9914-99cc7ed3e81f.gif)
まずは、基本のクイックツアーから始めましょう。その後、Wix Blocks アプリのワークフローでアプリの構築を開始するか、Wix Blocks のチュートリアルをご覧ください。
Wix サイト用のウィジェットを構築する
Wix Blocks では、サイト制作者(あなた自身を含む)がプロフェッショナルなウィジェットをデザインするために必要なすべてのツールを備えています。強力なレイアウトツールとデザインツールを使用して、レスポンシブで正確、かつ美しいウィジェットを作成することができます。
![ウィジェット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/a1c38ef0-e7c3-4012-997c-9a37c0a372f6/b6538d6e-516d-418d-aaff-3532d2f9b4db.gif)
ゼロからのレスポンシブ
Wix Blocks ウィジェットを Wix サイトに追加すると完全にレスポンシブで、あらゆるビューポートやレイアウトにエレガントに適応します。
![レスポンシブな動作](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/6519e533-9008-49bb-bdcf-93a129bee397/6dd7592e-88bc-483e-9aeb-8a35b8fb0f08.gif)
無限のカスタマイズ
Wix Blocks では、通常の Wix サイト要素(テキストボックス、画像、ボタンなど)からウィジェットを作成します。豊富なカスタマイズオプションが組み込まれています。サイト制作者がウィジェットをサイトに追加しても、これらすべてのオプションは引き続き利用できるため、ほぼすべてを調整し、ニーズに合ったウィジェットを作成することができます。
![カスタマイズ](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/3022749d-d3a2-496e-80be-90f2bceed286/af9a4084-ec6b-48a6-94f0-dc0e7e44f86b.gif)
サイト制作者に最適な編集体験を提供
![編集体験](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/3b7583af-b23d-4367-a736-06522139e446/ffa196d4-d03a-4217-a436-78a73e01cff5.gif)
Velo コードでウィジェットを高速化
Velo のフルスタック開発プラットフォームは、プロフェッショナルなアプリを迅速に構築、管理、展開することを可能にします。Velo の API を使用してカスタム機能と操作を追加したり、独自のツールを使用したり、フロントエンドとバックエンドの両方でサーバーレスコーディングを楽しんだりと、すべてがオープンな拡張可能プラットフォームで実現できます。
![Velo コード](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/6fc2b9dd-b979-4f5c-9341-9f039bfd4e22/9cc75ffb-562a-4872-98b9-80cc175ed540.gif)
Wix サイトがウィジェットを操作できるようにする
独自の API を公開することで、サイト制作者はウィジェットのプロップを操作したり、public 関数を呼び出したり、イベントに反応したりして、ウィジェットをスムーズに自分のサイトに組み込むことができます。(英語)
![Velo コード](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/3d78bec4-05f0-4503-9b59-b76c23ec7b86/2022/07/25/d4520255-77bf-4c35-b199-f01768bf9fbf/8b57d5f0-9161-4ffb-be79-05a512199950.gif)