マガジンのカバー画像

Wix Studio

15
事実上地上最強のウェブサイト制作ノーコード/ローコードプラットフォーム、Wix Studio について。
運営しているクリエイター

記事一覧

Wix StudioでGoogle FontsなどのWebフォントを利用する方法

Wix StudioでGoogle FontsなどのWebフォントを利用する方法

次世代型プロ向けノーコード/ローコードプラットフォームのWix Studioは、CSSのフル編集が可能です。
そのため、Wixには標準搭載以外の書体を、Google FontsなどのWebフォントで賄えることができるのです。
以下にその方法を記載します。
もちろん、Google Fonts以外のWebフォントサービスでも、@importに対応していれば同様の方法で導入できると思います。

CSSを

もっとみる
Wix Studio return と shift + return 、  段落要素と強制改行要素の実証実験

Wix Studio return と shift + return 、 段落要素と強制改行要素の実証実験

return と shift + return 、<p> 段落要素と <br> 強制改行要素の実証実験です。
Editor X の時代に私が作成した実験サンプルのページです。
Wix Studio へコンバートしたので、こちらでも紹介しておきます。

https://azmdesign.wixstudio.io/returns

HTMLを理解している人は、この実験の意味と価値、そしてその応用がで

もっとみる

ウェブ制作にノーコードプラットフォームの導入を検討している方へ、コンサルテーションやレクチャーを提供しています。宣伝会議などの講座のほか、制作プロダクションなどへの指導など、実績もあります。お気軽にお問い合わせください。

Sticky Design

Sticky Design

position: sticky を大胆に駆使したデザインのウェブサイトは、やっぱり楽しい。
世の中に、もっと増えてくれればいいな。

例えば、こんなのとか…

こんなのとか…

こんなのとか…

Editor Xなら、Grid Layout Moduleをベースにして簡単にスティッキーレイアウトを設置できる。
ツールが変われば、デザインもエフェクトも変わる。

Editor Xなどのノーコードプラットフォームであれば、提案の時点で、ワイヤーフレームやプロトタイプどころか、すでにウェブに実装化された提案サンプルをクライアントに提示することができる。つまり、「テキストと画像を入れ替えれば即納品可能」という状態を見せることができるのだ。

Editor Xの次世代型WYSIWYGエディタのUIで、ドラッグ&ドロップ操作でCSSグリッドレイアウトをオーサリングできる快感。これぞ、これからのウェブデザインワーク。残念ながら、STUDIOはグリッドレイアウトを非搭載。惜しい。

ウェブサイト構築用のノーコードプラットフォームの選定する判断ポイント

ウェブサイト構築用のノーコードプラットフォームの選定する判断ポイント

ウェブサイトを構築するためのノーコードプラットフォームを選定するポイントは、目的、制作期間および予算、ウェブサーバー、機能性と拡張性、そして、デザインの自由度です。

まずは、そのウェブサイトの目的は何かを明確にして見定めます。
一般的なコーポレートサイトなのか、ECサイトなのか、ランディングページなのか、さらには、どれほどの規模にするのか、特定の機能性などの要望はないか、などを把握します。
その

もっとみる
ノーコード時代のウェブサイトビルダーソリューション 必須条件10箇条

ノーコード時代のウェブサイトビルダーソリューション 必須条件10箇条

「ノーコード」という言葉が広まる以前から、同様のサービスは「ウェブサイトビルダー」と呼ばれ古今東西からさまざまなものがあります。

そこで、筆者が提唱する「ノーコード時代のウェブサイトビルダーソリューション 必須条件10箇条」を用いながら、現代的なウェブサイトビルダー(ノーコードプラットフォーム)の評価基準と、それぞれについての解説を記します。

条件1. WYSIWYGUIであることWYSIWY

もっとみる
2023年のお薦めのウェブ制作向けノーコードプラットフォーム

2023年のお薦めのウェブ制作向けノーコードプラットフォーム

Editor XWix エディタ同様Wix.com社が提供する、「次世代型WYSIWYGエディタ」を搭載したプロ向けのノーコードプラットフォームです。

完全なレスポンシブウェブデザインの編集機能を搭載しており、オリジナルUIのマルチデバイス対応サイトを制作可能です。
また、グラフィックソフトのような完全なドラッグ&ドロップのレイアウト操作を実現しています。

もちろん、Wixが持つ管理機能やさま

もっとみる
ノーコードプラットフォーム メリットと導入前後の注意点

ノーコードプラットフォーム メリットと導入前後の注意点

ノーコードプラットフォームのメリットと、導入する際に気を付けるべきポイントなどを紹介します。

ノーコードプラットフォームのメリットノーコードプラットフォームのメリットは、とにかく(時間と労力、および習得について)低コストであるということです。

プロトタイピング作業が要らない(デザイニング・イン・ブラウザの実現)

最も時間と労力がかかるコーディング作業が一切要らない

というのが、その理由です

もっとみる

「起業LOG」が運営する『法人向けSaaSの比較サイト SaaSLOG』からの要請で、ノーコードの専門家として執筆の協力をしました。私はウェブ制作向けのノーコードプラットフォームについて、独自の視点で解説しています。

https://kigyolog.com/service.php?id=306

Wix のメディアマネージャーと Adobe Express が連携

Wix のメディアマネージャーと Adobe Express が連携

Adobe MAX Japan 2023の開催の前に、ようやっと、アドビと Wix.com のアライアンスが1年越しで形になりました。

Wix Studio および Wix エディタ の「メディアマネージャー」の「管理」内の「アクション」に、『Adobe Express で編集』機能が実装になりました。
これで、メディアマネージャーの管理内のイメージを、Adobe Express で編集すること

もっとみる
ウェブサービスの動作を速くする方法

ウェブサービスの動作を速くする方法

※ 旧記事を改訂

Wix Studio や Adobe Express などのいわゆる SaaS のウェブサービスを Google Chrome で利用する場合に、Chromeの「設定…」の「パーフォーマンス」の『メモリーセーバー』をオンにして、特定のウェブサービスを登録することで、体感で分かるほどに編集時の動作速度を速くすることができます。

方法は、「常にアクティブにするサイト」の項目に、目

もっとみる