Buenos Aires - Cristian & Naoko Studio

Web Designing と Wix が、Flowplateaux の木村浩康さん、tote inc. の谷井麻美さん・山口国博さん、ium inc. の小玉千陽さんをゲストに迎え、Wix Studio を使ったプロの Web 制作の現場を徹底公開。 EC サイト・音楽体験サイト・ポートフォリオサイトの3テーマで、UX 設計の発想から制作フローの変化まで、実制作だからこそ見えてきたリアルな知見をたっぷりお話しします。さらに、Wix エンジニアによる Wix Studio のデモンストレーションも行います。 ＜チャプターリスト＞ 00:00 オープニング 05:40 ECサイト「購入体験はどう設計できるか」 -Flowplateaux 木村浩康 23:55 音楽体験サイト「表現とUXはどう両立するか」 -tote inc. 谷井 麻美・山口 国博 37:49 ポートフォリオサイト「クリエイターはどう自分を見せるか」 -ium inc. 小玉千陽 48:56 クロストーク 1:01:43 Wixエンジニアによるデモンストレーション 1:12:10 エンディング ＜Wix Studioでの制作サイト＞ Flowplateaux 木村浩康さん（ECサイト）：https://www.catstreasure.com/ tote inc. 谷井麻美さん・山口国博さん（音楽体験サイト）：https://planetooote.wixstudio.com/playlist ium inc. 小玉千陽さん（ポートフォリオサイト）：https://www.kodamamayumi.com/home Wix Studio の過去の動画はこちらから https://www.youtube.com/playlist?list=PLi-yTrdxNej6uIBkEICJ99twvzcn3oAUx Wix Studio について https://ja.wix.com/studio #WixStudio #ノーコード #Webデザイン

2026年3月にリリースされたWixの新エディター、 Wix Harmony の基本的な使い方から編集画面で押さえておきたい主要機能までを一通り確認できる動画です。 Wixには現状下記3種類のサイトビルダーがあります。 ＜Wix Harmony＞ 自動生成（バイブコーディング）と従来のドラッグ＆ドロップ編集を融合したサイトビルダー。AI を活用しながら効率よくサイトを作りたい方に最適　 ＜Wix エディタ＞ Wix のオリジナルエディター。直感的な操作で初めてサイトを作る方に最適 ＜Wix Studio＞ 制作会社様向けのプロフェッショナルなサイトビルダー。高度なカスタマイズが必要なプロ・制作会社様に最適 ぜひ用途に合わせてお試しください。 【チャプターリスト】 00:47: Wix Harmony の概要 02:43: Harmony を使ったサイトの作り始める方法 04:52: プロンプト書き方のコツ 05:34: エディタ（編集画面）のツアー 06:03: クイックサイトアクションメニュー 06:25: サイト概要 06:47: サイトブランド 07:22: プレビュー＆公開 07:53: サイトページ 08:59: レスポンシブ：モバイルビュー＆カスケーディングルール 10:11: 要素追加 11:06: AI でパーツを生成 12:26: アクションバー 12:54: Aria （AI アシスタント） 13:51: レイヤーパネル 14:21: サイトカラー変更方法 14:53: ボタンスタイル変更方法 15:23: セクション追加方法 15:40: モバイルビューの確認と微調整方法 【参考リンク】 Wix Harmony : https://www.wix.com/harmony Wix のアカウント登録方法： 個人の方：https://ja.wix.com/ 制作会社・フリーランサーの方：https://ja.wix.com/studio

想像を超えた、次世代のWeb制作ツール『Wix Harmony』へようこそ。 Wix Harmonyは、AIによる「バイブコーディング」と、Wix ならではの強力なノーコード編集機能を融合することで、AI生成が持つスピードと、ピクセル単位の精密なデザインコントロールを同時に実現します。 Wix Harmonyは無料でお試しいただけます↓ https://ja.wix.com/

想像を超えた、次世代のWeb制作ツール『Wix Harmony』へようこそ。 Wix Harmonyは、AIによる「バイブコーディング」と、Wix ならではの強力なノーコード編集機能を融合することで、AI生成が持つスピードと、ピクセル単位の精密なデザインコントロールを同時に実現します。 Wix Harmonyは無料でお試しいただけます↓ https://ja.wix.com/

本動画は、Wix が提供する制作会社向けの管理画面、Wix Studio ワークスペース（管理画面）を最短で使いこなすための内容です。 サイト管理、リソース、カスタマーケアへの問い合わせ方法、カスタマーエクスペリエンス、請求、レベニューシェア、テンプレート、Marketplace、チーム管理など、実務で使う全機能を全て解説します。 これからWixを使ってクライアント案件を扱う予定のフリーランスや制作会社の方、また既にWix Studioを導入しているけれど、全体像を整理したい方は必見です。 【目次】 0:00 オープニング 0:39 ワークスペース 1:58 サイト 2:33 リソース・資料 2:48 リソース・資料：Wix Studio Academy 3:04 リソース・資料：APIドキュメント 3:14 リソース・資料：SEOラーニングハブ 3:29 リソース・資料：Wix Studio認定書 3:44 リソース・資料：テンプレート 4:02 リソース・資料：テンプレート販売 4:24 リソース・資料：クライアントにWix Studioをピッチ 5:05 リソース・資料：Wix Studio制作事例 5:27 リソース・資料：Veloコード例 6:13 コミュニティ 7:33 ヘルプ 7:41 ヘルプ: カスタマーケア 8:19 カスタマーケアへのお問い合わせ方法デモ 9:12 ヘルプ：コミュニティに質問、バグ報告、Wix ステータス確認 10:01 通知センター 10:41 通知センター:リリース情報 10:52 通知センター:アップデート 11:07 通知センター:製品ロードマップ 11:20 アカウント設定 11:40 アカウント区別 11:59 コンテンツ編集モード 13:30 パートナーレベル 13:58 チュートリアル 14:44 サイト 15:00 サイト新規作成 15:50 モバイルアプリ 16:02 あなたのテンプレート 16:46 カスタムアプリ 17:10 カスタマーエクスペリエンス 17:25 カスタマーエクスペリエンス：リソースキット 18:33 カスタマーエクスペリエンス：クライアントレポート 18:53 カスタマーエクスペリエンス：カスタムブランディング 19:19 カスタマーエクスペリエンス：CRM・クライアント請求 20

生成 AI の進化によって、Web 制作のプロセスが大きく変わり始めています。企画・デザイン・制作・運用まで、あらゆる工程に AI が融合し、 「人の発想 × AI のスピード」 が新しい制作スタイルを生み出しています。 本ウェビナーでは、Wix が提供する AI 統合型の制作フローを、 構想 → 制作・公開 → 運用・成長 の流れに沿ってわかりやすく紹介。 実際のデモ動画を通して、AI がどのように制作を加速させるのかを体感できます。 登壇者：山下圭祐 Wix.com Japan 株式会社 フロントエンドディベロッパー 0:00 オープニング ●Step1 コンセプト＆デザイン 5:12 ビジュアルサイトマップ&ワイヤーフレーム生成 8:40 Wix Business Launcher（BETA） 13:13 Wixel 14:36 Base 44 16:31 Wix Vibe ●Step2 構築＆運用 22:08 レスポンシブ AI 23:37 AI 生成テキスト 24:59 AI コードアシスタント 27:44 Wix AI サイトチャット 29:37 CMS コレクション生成 ●Step3 最適化＆ビジネス成長支援 32:38 AI メール作成アシスタント 34:39 AI SEOツール 37:55 AI 検索結果概要 42:16 AI マーケティングエージェント Kleo 44:36 AI カスタムエージェント Omni 47:14 AI アシスタント「Astro」 49:10 まとめ 参考リンク ビジュアルサイトマップ&ワイヤーフレーム生成 https://support.wix.com/ja/article/studio-editor-generating-a-visual-sitemap-and-wireframes-for-a-new-site Wix Business Launcher（BETA） https://www.wix.com/business/business-launcher Wixel https://ja.wix.com/wixel Base 44 https://base44.com/ja Wix Vibe https://vibe.wix.com/ レスポンシブ AI https://su

今回制作したサイト：https://wixmarketingjp.wixstudio.com/shikisai 『このサイト、どうやって作ってるの？』は、プロ向けノーコードWeb制作ツール「Wix Studio」を使った制作過程を実際の編集画面を見ながら学べるシリーズです。動画は早送りになっていますので、気になる箇所は再生速度を変えてご覧ください。 Wix Studioは無料でお試しいただけます↓ https://ja.wix.com/studio 00:00 - イントロ 00:20 - 編集スタート 01:06 - 色差ブレンド用のテキストの追加 01:40 - 色差ブレンドの適用 02:01 - 下部セクションの制作 02:34 - WebGLエフェクトの適用 02:51 - タブレット/モバイルの編集 （色差ブレンド/WebGLエフェクトはモバイルでは適用されません） 重要なポイント： 01:27 - テキストの方向を縦に設定します 01:40 - ブレンドモードの「色差」は背景とその上のテキストの色差を使った視覚効果です ※サイトは動画デモ用に制作されており、追加の調整が必要な場合があります。ご不明な点はWixヘルプセンター（https://support.wix.com/ja ）をご覧ください。

今回制作したサイト：https://wixmarketingjp.wixstudio.com/game 画像素材のダウンロード：https://editor.wix.com/libraries/share/63bf7d57-9f25-4b4e-b937-6d72ec01b61e ※上記リンクを開き「Accept Library」をクリックして画像素材をダウンロードしてください。画像素材はWix Studioエディタの「アセット」に保存されます。詳細はこちらの記事の「保存したデザインを再利用する」欄をご覧ください：https://support.wix.com/ja/article/wix-studio-%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%E3%82%92%E4%BF%9D%E5%AD%98%E3%83%BB%E5%86%8D%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B 『このサイト、どうやって作ってるの？』は、プロ向けノーコードWeb制作ツール「Wix Studio」を使った制作過程を実際の編集画面を見ながら学べるシリーズです。動画は早送りになっていますので、気になる箇所は再生速度を変えてご覧ください。 Wix Studioは無料でお試しいただけます↓ https://ja.wix.com/studio 00:00 - イントロ 00:13 - ヘッダーの追加 00:50 - 縦スクロールセクション① 01:54 - 縦スクロールセクション② 02:26 - 縦スクロールセクション③ 03:13 - 横スクロールセクション① 04:50 - 横スクロールセクション② 05:47 - 横スクロールセクション③ 06:38 - 横スクロールアニメーションの適用 07:23 - 下部セクションの制作 08:22 - タブレット/モバイルの編集 （タブレット/モバイルの編集がうまくいかない場合は、こちらの動画を参考にしてください：https://youtu.be/RdxFBzLaufs） 重要なポイント： 01：05 - オフセットを設

今回制作したサイト：https://wixmarketingjp.wixstudio.com/film 画像素材のダウンロード：https://editor.wix.com/libraries/share/0cf06345-a556-48c7-a05a-7396753f2f94 ※上記リンクを開き「Accept Library」をクリックして画像素材をダウンロードしてください。画像素材はWix Studioエディタの「アセット」に保存されます。詳細はこちらの記事の「保存したデザインを再利用する」欄をご覧ください：https://support.wix.com/ja/article/wix-studio-%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%E3%82%92%E4%BF%9D%E5%AD%98%E3%83%BB%E5%86%8D%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B 『このサイト、どうやって作ってるの？』は、プロ向けノーコードWeb制作ツール「Wix Studio」を使った制作過程を実際の編集画面を見ながら学べるシリーズです。動画は早送りになっていますので、気になる箇所は再生速度を変えてご覧ください。 Wix Studioは無料でお試しいただけます↓ https://ja.wix.com/studio 00:00 - イントロ 00:14 - 編集スタート 00:34 - ヘッダーの追加 01:34 - シャッター部分の制作 02:53 - 通過する文字の追加 04:31 - アニメーションの適用 05:24 - タブレット/モバイルの編集 重要なポイント： 01：33 - 非表示にすることで新しいコンテナが既存のコンテナ内に貼り付くことを防ぎます 03：35 - オーバーフローコンテンツを「非表示」にしてコンテナの枠外の要素を非表示にします 04：31 - コンテナをアニメーションのトリガーにします ※サイトは動画デモ用に制作されており、追加の調整が必要な場合があります。ご不明な点はWixヘルプセンター（https://su

今回制作したサイト：https://wixmarketingjp.wixstudio.com/manga 画像素材のダウンロード：https://editor.wix.com/libraries/share/ee3d3fb3-f818-460d-b8b4-33b2ea2387aa ※上記リンクを開き「Accept Library」をクリックして画像素材をダウンロードしてください。画像素材はWix Studioエディタの「アセット」に保存されます。詳細はこちらの記事の「保存したデザインを再利用する」欄をご覧ください：https://support.wix.com/ja/article/wix-studio-%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%E3%82%92%E4%BF%9D%E5%AD%98%E3%83%BB%E5%86%8D%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B 『このサイト、どうやって作ってるの？』は、プロ向けノーコードWeb制作ツール「Wix Studio」を使った制作過程を実際の編集画面を見ながら学べるシリーズです。動画は早送りになっていますので、気になる箇所は再生速度を変えてご覧ください。 Wix Studioは無料でお試しいただけます↓ https://ja.wix.com/studio 00:00 - イントロ 00:12 - 編集開始 00:30 - 3Dカーソル追跡の適用 01:07 - 登場人物セクションの制作 01:51 - 集合写真/プロフィール部分の編集 03:34 - ホバー表示エフェクトの適用 04:06 - タブレット/モバイルの編集 （3Dカーソル追跡はモバイルでは適用されません） 重要なポイント： 01：28 - セクショングリッドのセルは縦/横に分割できます 01：55 - 非表示にすることで新しいコンテナが既存のコンテナ内に貼り付くことを防ぎます 04：14 - 2つのセルを選択し、右クリック→「スワップ」で内容を入れ替えます 04：18 - 列/行を反転してセクショングリッドのレイ

Wixは、生成AIの検索結果におけるブランドの引用率や言及内容を可視化・モニタリングできる新機能 「AI検索結果概要（AI Visibility Overview）」 を日本で提供開始しました。 ChatGPT、Gemini、Perplexity、Claudeなどの主要なLLMでの自社ブランドの可視性を分析し、戦略的なGEO/LLMO対策を支援。Wixのこの機能は、AI主導の検索環境でもユーザー様やパートナー様が成功できるように努めてまいります。 🔗 関連リンク • Wix公式サイト: https://ja.wix.com • Wixブログ（AIに関するビジョン）: https://ja.wix.com/blog/2025/08/avishai-abrahami-ai-vision #Wix #生成AI #AI検索 #GEO #LLMO #マーケティング #ブランド可視化 #SEO #デジタルマーケティング

今回制作したサイト：https://wixmarketingjp.wixstudio.com/tarot 画像素材のダウンロード：https://editor.wix.com/libraries/share/8b8c56f5-4ef3-457b-8c42-b049becd4cfe ※上記リンクを開き「Accept Library」をクリックして画像素材をダウンロードしてください。画像素材はWix Studioエディタの「アセット」に保存されます。詳細はこちらの記事の「保存したデザインを再利用する」欄をご覧ください：https://support.wix.com/ja/article/wix-studio-%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%EF%BC%9A%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%A2%E3%82%BB%E3%83%83%E3%83%88%E3%82%92%E4%BF%9D%E5%AD%98%E3%83%BB%E5%86%8D%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B 『このサイト、どうやって作ってるの？』は、プロ向けノーコードWeb制作ツール「Wix Studio」を使った制作過程を実際の編集画面を見ながら学べるシリーズです。動画は早送りになっていますので、気になる箇所は再生速度を変えてご覧ください。 Wix Studioは無料でお試しいただけます↓ https://ja.wix.com/studio 00:00 - イントロ 00:17 - 編集スタート 01:00 - 部分的に止まるスクロールの適用 01:34 - 回転アニメーションの適用 01:53 - セクションの複製 02:53 - タブレット/モバイルの編集 重要なポイント： 00：44 / 01：00 - オフセットを設定して要素が止まる位置を調整します 01：59 - 2つのセルを選択後、右クリック→「スワップ」で内容を入れ替えます 02：56 - 列/行を変更してセクショングリッドのレイアウトを調整します ※サイトは動画デモ用に制作されており、追加の調整が必要な場合があります。ご不明な点はWixヘルプセンター（https://support.wix.com