AI WEB制作

AI Webサイト制作サービス「Solo」を使ってみた

投稿日:2023年12月27日 更新日:

こんにちは、デザイナーのSです。
今回は、MozillaがAIによるWebサイト制作サービス「Solo」を公開したということで、実際に使ってみました。

最初に「すでに持っているウェブサイトのURL」「事業内容」「ビジネスネーム」「勤務地」の入力欄が表示されます。必須項目は「事業内容」と「ビジネスネーム」のみです。

今回は「事業内容」「ビジネスネーム」「勤務地」の3箇所を入力しました。

 

Solo使い方

 

次に好きなフォントを選択します。

Solo使い方

 

続いて好きなカラーを選択。

Solo使い方

 

Webサイトに表示する項目を選択します。今回はデフォルトのままにしました。

Solo使い方

 

「Compose your site→」ボタンを押すと、AIによる制作が始まります。

 

サイトが作成できました。
右の編集画面から画像やテキストの編集ができます。

AI Webサイト制作サービス「Solo」を使ってみた

 

好きな画像を選択して「Save」をクリック。

Solo使い方

画像が変えられました。

Solo使い方

完成したサイトはこんな感じです。

Solo使い方

さらに、右上の「Publish」ボタンをクリックし「https://soloist.ai/」に続く文字列を設定すると、そのURLでこのWebサイトを公開することができます。

Solo使い方

 

今回は、AIによるWebサイト制作サービス「Solo」をご紹介しました。

使ってみた印象としては、デザインのクオリティがあまり高くないというのが正直な感想です。。。
他社との差別化やブランディングの構築をしたい場合には、あまり向かないかもしれません。

テキストを入れるだけで簡単に作成できるので、スピーディーにホームページを開設できる点は魅力的ですね。
今後、さらにカスタマイズを増やし、独自ドメインへの対応などを予定しているそうなので是非活用してみてください。

-AI, WEB制作

関連記事

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

面白い動きや便利な機能をJSで実装! その2:いろんな種類のグラフを簡単に作成!

以前ご紹介しました面白い動きや便利な機能をJSで実装! その1:簡単にグラフを作成する方法!の応用編になります。 前回は折れ線グラフをご紹介致しましたが、今回は「棒グラフ」「レーダーチャート」「円グラ …

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

脱初心者!CSSのちょっとしたテクニック!CSSが効かない問題を回避!

「CSSを設定したのに効かない!?」っていうことありますよね。 その場合、一概には言えませんが、もしかしたらCSSの書き方が原因かもしれません。 下記を参考に、CSSを書き直せば直る可能性もぐっと高ま …

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

WEBデザイナーが仕事を依頼されたとき、まず最初に聞いておくべき7つの事。

こんばんわ。WEBデザイナーのKです。 本日は、WEBデザイナーがWEBディレクターから案件を依頼された時に、 必ず聞いておくべきことをまとめてみました。 ざっくりなので、細かく分けるとまだまだ沢山あ …

jQueryを使ってみよう【親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」】

jQueryを使ってみよう【親要素の大きさに合わせて画像をリサイズできるjQueryプラグイン「imgLiquid」】

html・CSSでのマークアップは何となく分かるけどjQueryはちょっと分からないという方、 今からjQueryを使ってみようと思っている方必見。 今回は便利なjQueryプラグイン「imgLiqu …

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

【CSS3】簡単なドロップシャドウや光彩(グロー)の付け方!

デザインを格好よくするためにシャドウを付けたりしますよね。 しかし、サイズが異なるたびに画像を背景に指定したりしなければならないのは大変です。 しかも、シャドウの幅の分だけはみ出ているということもあり …