「10Web」の使い方－AI（人工知能）活用のウェブサイト自動生成ツール

AIツール「10Web」の使い方

ここでは、AI（人工知能）を用いたウェブサイト作成ツールとして話題の、「10Web」の具体的な利用方法等について、確認を進めて参ります。

「10Web」のAIを使ってウェブサイトを新規作成する手順

AIツール「10Web」を利用して、実際に、ウェブサイトを新たに生成する場合、その手順は以下の通りです。

「10Web」の公式サイトにアクセス

まずは、「10Web」の公式サイトにアクセスします。
URLは以下の通りです。

https://10web.io/

「ウェブサイトを生成する」をタップ

「Generate your Website」のバナーをタップします。

ウェブサイトの生成手順の選択

• AI（人工知能）を用いて、ウェブサイトを新たに作成するのか、
• それとも、既存のウェブサイトのレイアウトを、WordPress（ワードプレス）で利用可能な形態にコンバートするのか

任意の手法をタップで選択します。

なお、今回は、前者を選択しています。

作成したいウェブサイトの種類を選択

• 主に情報提供を目的としたウェブサイトを生成したいのか、
• それとも、オンラインストアとして利用できるウェブサイトを作成したいのか、

任意の物を選択します。

なお、以下の記事では、前者を選択しています。

ビジネスの種類を選択

今回生成するウェブサイトが、どのようなタイプのビジネスに関係するものなのか、を、プルダウンメニューから選択します。
また、併せて、今回作成するウェブサイトにて、オンライン決済を受け付けるか、どうか、も、スイッチで選択します。

なお、以下の記事では、

• テクノロジー・カンパニー
• オンライン決済の受付予定は、無し

と選択しています。

会社名や、会社概要を入力

「Company Name」の箇所には、任意の会社名を入力します。
また、「Describe your company」の箇所には、会社が提供しているサービス内容等について記述するのですが、

面倒な場合は、このように、単語を数点、入力したうえで、「Enhance with AI」のテキスト部分をタップすると、

このように、概要欄のテキストが自動生成されます。

会社が提供している主なサービス・機能を指定

今回、10Webを使用してウェブサイトを生成する会社が顧客向けに提供している主なサービスを3点、記載します。
なお、ユーザーが記載する前に、10WebのAIが、サービス3点を自動記述してくれているケースもあります。

ウェブサイトの文調の選択

• やや、くだけた表現か（＝Informal）、
• フォーマルな表現か、

のいずれかから、ウェブサイトで用いる文調を選択します。

10Webへのアカウント登録

ウェブサイトのプレビューを確認するためには、10Webへのアカウント登録が必要となります。

• 10Webの利用規約、及び、
• プライバシーポリシーの内容を、

よく確認したうえで、同意する場合は、任意の方法で、アカウント作成を行います。

10Webによるウェブサイトの自動生成が始まる

アカウント登録が完了すると、いよいよ、10WebのAIによるウェブサイト自動生成が始まります。
なお、ウェブサイトの生成完了までは、数分程度、時間がかかるケースもあります。

ウェブサイトの生成完了

このようなポップアップが表示されれば、10Webによるウェブサイトの自動生成は完了です。
「Preview & Edit」のバナーをタップします。

AIツール「10Web」によって自動生成されたウェブサイトがこちら

こちらが、実際に10WebのAIによって自動生成されたウェブサイトのプレビューです。

ユーザーのレビュー・パラグラフ

アイキャッチの下には、ユーザーからのレビューを表すパラグラフは挿入されています。

提供しているサービスも並んで表示される

事前に設定した、会社が提供しているサービス内容に関しては、このように並んで表示されています。

主な機能やベネフィットも自動生成されている

このように、

• Features（＝主な機能）
• Benefits（＝ユーザー側の利点

についても、AIが生成した内容が挿入されています。

会社の運営チームに関するパラグラフも

自動生成されたウェブサイトの中段以降からは、このように、会社の運営チームに関する情報も、（あくまでも、仮定の情報ですが）生成・挿入されています。

AIによって生成された「お客様の声」も

生成されたウェブサイトの末尾には、このように、AIによって自動生成された「お客様の声」も、段落として挿入されていました。

クイック・カスタマイズの可能

自動生成されたウェブサイトの右側に表示されている、「クイック・カスタマイズ」のアイコンをタップすると、

• サイトの色調や、
• 文字フォント

などを、簡易的に編集することが出来ます。

「10Webビルダー」で編集も出来る

生成されたウェブサイトの右下に表示される「鉛筆」アイコンをタップすることで、「10Webビルダー」を起動し、より細かな編集を行うことが出来ます。

ページの追加も可能

画面の右上に表示されている、「Add Page」のバナーをタップすると、トップページ以外のページを追加作成することが出来ます。
一方、「ダッシュボード」をタップすると、自身のマイページにアクセスすることも可能です。

AIツール「10Web」概要・公式サイト等

Twitterアカウント

https://twitter.com/10Web_io

公式サイト

https://10web.io/

YouTubeチャンネル

https://www.youtube.com/c/10Web

Facebookページ

https://www.facebook.com/10Web.io/

インスタグラム

https://www.instagram.com/10web.io/

Trustpilot

https://www.trustpilot.com/review/10web.io

Linkedin

https://www.linkedin.com/company/10web/