3分でWEBサイトを作れる「Wegic」を使ってみた。料金プランや具体的な使い方を詳しく解説

3分でWEBサイトを作れる「Wegic」を使ってみた。料金プランや具体的な使い方を詳しく解説

公開: 更新:
だーだい
フリーランスWebライター兼Web製作者。Webライターとしてガジェットメディアやプログラミングに関する記事を執筆する傍ら、LP制作とWordPressの改修案件もこなしつつ、活動しています。 profile

WegicはAIとチャットしながらWebサイトを作成できるサービス。使用することで下記のようなWebサイトを生成できます。

トップ画面

Wegicの使い方

Wegicより

内部のセクション

Wegicの使い方

Wegicより

チャットで指定したジャンルに合った複数のセクションを作成でき、シンプルかつ洗練されたデザインで作成できるのが特徴です。

本記事ではWebサイト生成AIツール「Wegic」の特徴と料金プラン、具体的な使い方について解説します。



Wegicとは

Wegicは自然言語でWebサイトを作成できるAIツール。Googleアカウントかメールアドレスでアカウント登録してすぐに利用できます。

テキストで作りたいサイトの特徴を入力し、チャット形式でサイトを作成可能。早ければ数分ほどで高品質なWebサイトを作成できます。

また、Wegicは日本語にも対応しているのも魅力。Webデザインを作るAIには日本語非対応のツールも多いため、その中でも実用性に優れています。


Python基礎・実践(Django)

企業・法人向けのPython研修では、基礎から応用まで体系的に学べます。

Python研修の詳細

DX社員研修

企業・法人向けのDX研修では、実務に繋がるリスキリングでITレベルを向上させます。

DX研修の詳細

Javaエンジニア育成研修

企業・法人向けのJavaエンジニア育成研修では、Javaの基礎から応用まで確実に習得できます。

Java研修の詳細

新卒・新入社員向け研修

企業・法人に新入社員・新卒社員に向けたプログラミング研修を提供しています。

新入社員研修の詳細

コードキャンプのIT研修を全て見る

Wegicのプラン内容

Wegicの料金プランは下記の通りです。

プラン 料金 (/月) 内容
FREE ¥0
  • 120クレジット/月
  • 3つのWebサイトAI生成または12のAI修正に使用可能
  • 月1K訪問者
  • SSL証明書
BASIC 9.9ドル
  • 400クレジット/月
  • 10つのWebサイトAI生成または40のAI修正に使用可能
  • Wegicバッジの削除
  • 月10K訪問者
  • SSL証明書
PRO 15.9ドル
  • 1000クレジット/月
  • 25つのWebサイトAI生成または100のAI修正に使用可能
  • Webサイトのページ数無制限
  • カスタムドメイン
  • Wegicバッジの削除
  • 月訪問者無制限
  • SSL証明書

ひとつのWebサイトを作るのに40クレジット、AIにて修正するごとに10クレジット消費します。

Wegicの使い方

はじめにWegicの公式サイトへアクセスします。

Wegicの公式URL:https://wegic.ai/

Wegicの使い方

Wegicより

トップページが表示されたら、画面右上にある「Log in / Sign in」をクリックします。

Wegicの使い方

Wegicより

Googleアカウントかメールアドレスのいずれかでアカウント登録して下さい。

Wegicの使い方

Wegicより

Webサイトを作るためのチャット開始画面が表示されます。右上にある120という数字がクレジット数で、1つのWebサイトを作るのに40クレジット消費します。

画面中央にある「Create new website」をクリックしてください。

Wegicの使い方

Wegicより

Webサイトの詳細をチャット形式で入力していきます。チャットボットが作りたいWebサイトの要素について質問します。その回答を赤矢印が指しているチャット欄へ回答を入力してください。

質問と一緒に回答例も記載してくれるので、その内容を参考にするのがおすすめです。

Wegicの使い方

Wegicより

上記のように初めの質問は英語ですが、日本語で回答したあとは日本語で質問してくれます。

上記の画像を見る限り、無料で利用できるFreeプランだとクイックモードのみ利用できるようです。チャット欄に「クイックモードでお願いします。」と入力することで次の質問に進みます。

Wegicの使い方

Wegicより

また、質問と一緒に提示される候補を複数選択することも可能です。

Wegicの使い方

Wegicより

Webサイトの対応言語も選択できます。

Wegicの使い方

Wegicより

質問が終わると上記のように作りたいWebサイトをまとめた情報が表示されます。内容に問題がなければチャット欄に「OK now」と入力して実行します。

 

Wegicの使い方

Wegicより

すると上記のようにWebサイトのプレビュー画面が表示されます。

Wegicの使い方

Wegicより

各セクションごとに分けられており、シンプルかつ洗練されたデザインで作成できています。

Wegicの使い方

Wegicより

お客様の声に関するセクションも導入されていることから、テーマに最適化されたデザインを実現できるようです。

おすすめのPython研修一覧

Python研修を提供しているおすすめの企業・法人を一覧で掲載しております。

Python研修の一覧を見る

おすすめのDX研修一覧

DX研修を提供しているおすすめの企業・法人を一覧で掲載しております。

DX研修の一覧を見る

おすすめのJava研修一覧

Java研修を提供しているおすすめの企業・法人を一覧で掲載しております。

Java研修の一覧を見る

おすすめのJavaScript研修一覧

JavaScript研修を提供しているおすすめの企業・法人を一覧で掲載しております。

JavaScript研修の一覧を見る

Wegicで作ったWebサイトを編集する方法

Wegicの使い方

Wegicより

プレビュー画面の内容をダブルクリックすると、テキストを編集したりやリンク先URLを指定したりできます。

AI機能を使って修正する方法

Wegicで作ったWebサイトを編集する方法

Wegicより

プレビュー画面の右側にあるチャット欄へ編集内容を記載し、AIへ修正してもらうことも可能。今回は提示された修正案にある「Add an Image Hover Effect」を選択して編集してもらいます。

Wegicで作ったWebサイトを編集する方法

Wegicより

すると提案通り、画像の上へカーソルを当てるとホバーされる機能が追加されました。

Wegicで作ったWebサイトを公開する

Wegicの使い方

Wegicより

プレビュー画面の上にある「http://brew.wegic.app」という欄をクリックすると、Webサイトを公開するための設定画面が表示されます。

Wegicで作ったWebサイトを編集する方法

Wegicより

Freeプランの場合はwegicのドメインを使って公開可能。赤矢印の欄に希望の名前を記載し、画面下の「Publish」ボタンをクリックすることで公開できます。

実際に作成したWebサイトは下記URLから確認できます。

https://testwegic.wegic.app/home

※上記コンテンツの内容やソースコードはAIで確認・デバッグしておりますが、間違いやエラー、脆弱性などがある場合は、コメントよりご報告いただけますと幸いです。

ITやプログラミングに関するコラム


ITやプログラミングに関するニュース

ブログに戻る

コメントを残す

コメントは公開前に承認される必要があることにご注意ください。

コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア フューチャーアーキテクト株式会社が実現した新入社員向けIT研修プログラムでタスクフォース制度が主体的な学びと成長を生み出す - IT・プログラミングを知って学べるコネクトメディア コードキャンプDX人材育成研修 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【IT新入社員研修】オンラインとオフラインの最適バランスを実現したFutureOneの導入事例 - IT・プログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/【新入社員研修】柔軟なハイブリッド型Java研修で実現した新卒20名の成長と成果|サークレイス株式会社 - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/現場により近いところにデジタルを根付かせるDX基礎講座研修|株式会社ブリヂストン - ITやプログラミングを知って学べるコネクトメディア コードキャンプIT・プログラミング研修事例/業務の効率化・DX推進に向けたIT人材育成への第一歩|株式会社カナエ - ITやプログラミングを知って学べるコネクトメディア 企業・法人向けのIT・プログラミング研修 - ITやプログラミングを知って学べるコネクトメディア

新着記事

対象者別で探す

子供(小学生・中学生・高校生)向け
プログラミング教室検索する

子供(小学生・中学生・高校生)がロボットやプログラミング言語を学ぶことができるオフラインからオンラインスクールを検索、比較することが可能です。

子供(小学生・中学生・高校生)
プログラミング教室検索する

ITやプログラムなどの
最新情報を検索する

日々、新しいITやプログラミング言語の情報が流れていきますが、特定の情報を時系列でニュースやコラムを確認することができます。

ITやプログラムなどの
最新情報を検索する