top of page
執筆者の写真日向 凛

Velo by Wix でホームページの機能拡張する方法とマークしておくべきサイト9選

こんにちは、Web Aqua 代表 日向 凛です。

弊社では、ホームページ制作ツールとして Wix(ウィックス)をメインに扱っています。


Wix は「誰でも簡単にホームページを作れる」ことを目指し Wix.com が開発したツールです。ですが今は、コーディングで高度な機能拡張ができるようになりました。

そのプラットフォームが Velo(ベロ) by Wix です。


ちょうど本日、Wix Japanによるオンラインワークショップがありました。

今すぐ使える情報ばかりでしたので、ここで記事にまとめておきます。


VeloでWix をフルに活用するイメージ画像



Velo とは?


開発者が Wix 内部に入ることを可能にするAPI(Application Programming Interface)を公開し、Wix サイトの高度なカスタマイズをJavaScriptで実現できるようにしたプラットフォームです。




Veloを学ぶための情報収集サイト9選


Veloはまだまだ情報が少なく苦戦している人が多いです。

英語が苦労なく読めるなら APIリファレンスをマークしておけばほぼ事足ります。

日本語なら Wix Learn を中心に英語ページを翻訳しながら活用するとよいでしょう。


Wix ヘルプセンター

Velo について基本的な情報を読むことができます(日本語)。


Wix Learn

動画で学べる Wix 公式の Velo 講座です(日本語)。


Explore Examples

実装事例とサンプルコードを見ることができます(英語)。


Wix のAPI リファレンス

APIについての詳しい情報と、Wix Learnや実装事例・記事・フォーラムとすべての情報にアクセスできます(英語)。


Wix パートナーコミュニティ

Wix Japanが運営する公式コミュニティ。Wix のデベロッパーアドボケイト福田京平さんも参加しておられます(日本語)。


Wix Tech salon

Wix パートナー 合同会社ACTONE 和田英也さんが運営しているオンラインサロン。

Wix の認定資格 Velo Developer certification 保持者である和田さんが、日々Veloと悪戦苦闘する中で得られたTipsを随時共有してくれます(日本語)。



Wix Japan 公式YouTube 動画



JavaScript Primer 迷わないための入門書

JavaScriptの学習リソースです。


MDN Web Docs

JavaScriptの学習リソースです。




Velo が公開しているAPI

  • Page & Elements(ページや要素を直接操作できるようにするAPI)

    • Show/Hide

    • Animations

    • Interactions

    • Input Elements

    • Some Styling

  • Browser(ブラウザと連携するためのAPI)

    • Geolocation

    • Local Storage

    • Form Factor

    • Navigation

    • Query Parameters

  • Site(サイトとユーザーに関する情報を取得できるAPI)

    • Multilingual

    • Site Info

    • Contacts

    • Members

    • SEO

  • Data(コンテンツマネージャーや他のデータソースと連携するためのAPI)

    • CRUD

    • Aggregations

    • User Data

    • User of User Data

    • App Data

  • Wix Apps(Wix Appsと連携しカスタマイズすることを可能にするAPI)

    • Stores

    • Bookings

    • Events

    • Forum

    • Pricing Plans

  • 3rd Parties(サードパーティの外部システムと連携することを可能にするAPI)

    • Use 3rd Party APIs

    • Expose an API to 3rd Parties

    • External Databases

    • SPIs For 3rd Party Systems




Velo実装事例


ボールアニメーション


折りたたみ


表示/非表示(アイコンをクリックすると机の上の備品が表示/非表示されます)


マルチステートボックス


CMS構築


カスタムロジックフォーム


カスタマイズメニュー検索


Wix ストア グリーティングカードをつける


Wix ブッキング ダイナミックプライシング


Wix ブッキング 予約確認時にSMSを送信


Google Vision API連携


Web API構築


デジタル署名

Velo by Wix 実装例 デジタル署名の画面

Wix メンバーズ サイト会員カスタムダッシュボード

Velo by Wix 実装例 サイト会員カスタムダッシュボードの画面

管理者カスタムダッシュボード

Velo by Wix 実装例 管理者カスタムダッシュボードの画面

QRコードジェネレータ

Velo by Wix 実装例 QRコードジェネレータの画面

郵便番号から住所を自動入力





タグ:

閲覧数:1,271回

Comments


bottom of page