Wix Studio

Wix Studioでは、グリッド・スタック・コンテナという3種類のレイアウトシステムを用途に応じて使い分けることができます。カスタムブレークポイントと組み合わせれば、デスクトップ・タブレット・スマホそれぞれで細かいレスポンシブ対応が可能でした。基準となるデザインをベースに他のサイズを調整していく形式で、ある程度は自動で対応してくれますが、デスクトップとモバイルで大きくレイアウトが異なる場合は工夫が必要なこともありました。コンテナとスタックの使い分け方をマスターすると、レスポンシブ対応を含めたレイアウト作業が一気に楽になりました。

複数クライアントのサイト・編集権限・進捗を1画面で横断管理でき、コンテンツ編集権だけをクライアントに渡すといったカスタマイズ性の高い権限設定ができます。デフォルトでは共同管理者・デザイナー・編集者など、実務でよくある役割に合わせた権限設定が用意されていますが、自分でオリジナルの役割を作って作業単位で細かく設定することも可能です。

コード編集機能を有効にすると、JavaScriptベースのVelo / Wix JavaScript SDK上で、サーバーレス関数・外部API呼び出し・データベース処理を記述できます。GitHub連携・VSCode連携・ローカル開発・ヘッドレス構成にも対応しており、静的なサイトから始めて段階的に高度な動的サイトへ育てていくことも可能でした。ホームページ制作の域を超えた業務ロジックや顧客データ連携まで、同じ環境で構築できる点が印象的でした。

サイトやページ単位で細かくSEO設定ができるだけでなく、Googleと提携して開発された「SEOアシスタント」と「SEOチェックリスト」機能を備えています。最新のSEO知識がなくても、指示に従って設定を進めるだけで基本的な対応が完了するため、初めてSEO設定をする方にも安心でした。

プラン内で利用できる拡張機能「Wix Multilingual」を使えば、複数のスタイルで多言語サイトを構築できます。機械翻訳は5,000字まで無料で利用でき、多言語SEOにも対応しています。本格的に多言語展開を考えている場合、この機能は大きな強みになると感じました。

「Wixアプリ」という拡張機能で、Wix公式の予約システム・EC・会員システムなど、さまざまな機能を無料で組み込むことができます（決済機能はスタンダードプラン以上が必要）。さらにMailchimp・Stripe・Google Analytics・HubSpotなど、サードパーティのWixアプリによる機能追加・外部連携も可能です。大規模なサービス開発が必要な場合を除けば、驚くほどのコストパフォーマンスで機能を実現できてしまいます。特に会員システムは、同種のツールではなかなか見つからない機能だと感じました。

**UIやドキュメントの一部が英語のままになっている。** 基本的なUIは日本語化されていますが、最新機能のUIは英語の場合があります。ドキュメントについても最新機能は英語のみで、コーディング関連は基本的に英語しかありません。テンプレートも英語前提のデザインが多いため、文字を日本語に差し替えるだけではデザインが成立しにくい場合があります。日本語テンプレートから始めるか、フォントやレイアウトを含めて調整する前提で取り組むことをおすすめします。 **ソースコードの書き出しができず、Wix Studio外への移行が難しい。** サイト間でのコピー&ペーストは可能ですが、Wix Studio以外の環境へ移行する方法は基本的にありません。将来的な移行の可能性がある場合は、導入前に見通しを立てておく必要があります。 **公開操作はサイト全体への一括反映のみで、ページ単位の公開はできない。** 部分的な公開ができないため、作業中のページがある状態で緊急の修正を公開したい場合は対応が難しくなります。複数人で共同作業する際にも、公開タイミングの調整に配慮が必要です。 **ページが複雑になるとエディタの動作が重くなる。** サイトのコンテンツ量が多い場合や、複雑な構造・重複要素・複数ブレークポイント設計がある場合、テキスト要素をクリックしてもすぐに編集可能状態にならないなどの遅延が発生します。複雑な画面では、データセットではなくコードでのデータ出力に切り替えると動作がスムーズになりました。