3分でWEBサイトを作れる「Wegic」を使ってみた。子供向けプログラミング教室を探す子供向けプログラミング教室を探すサービス・スクール名から子供向けプログラミングスクールを探す地域・エリア名から子供向けプログラミングスクールを探す路線から子供向けプログラミングスクールを探す駅から子供向けプログラミングスクールを探す検索カートカートにアイテムが追加されましたカートを見るご購入手続きへTopページへ戻る3分でWEBサイトを作れる「Wegic」を使ってみた。2024年7月9日ShareShareリンク共有を閉じるリンクをコピーだーだいフリーランスWebライター兼Web製作者。Webライターとしてガジェットメディアやプログラミングに関する記事を執筆する傍ら、LP制作とWordPressの改修案件もこなしつつ、活動しています。profileWegicはAIとチャットしながらWebサイトを作成できるサービス。使用することで下記のようなWebサイトを生成できます。トップ画面Wegicより内部のセクションWegicよりチャットで指定したジャンルに合った複数のセクションを作成でき、シンプルかつ洗練されたデザインで作成できるのが特徴です。本記事ではWebサイト生成AIツール「Wegic」の特徴と料金プラン、具体的な使い方について解説します。内部のセクションWegicとはWegicのプラン内容Wegicの使い方Wegicで作ったWebサイトを編集する方法AI機能を使って修正する方法Wegicで作ったWebサイトを公開するWegicとはWegicは自然言語でWebサイトを作成できるAIツール。Googleアカウントかメールアドレスでアカウント登録してすぐに利用できます。テキストで作りたいサイトの特徴を入力し、チャット形式でサイトを作成可能。早ければ数分ほどで高品質なWebサイトを作成できます。Wegicは日本語にも対応しているのも魅力。Webデザインを作るAIには日本語非対応のツールも多いため、その中でも実用性に優れています。Python基礎・実践(Django)企業・法人向けのPython研修では、基礎から応用まで体系的に学べます。けのDX研修では、実務に繋がるリスキリングでITレベルを向上させます。けのJavaエンジニア育成研修では、Javaの基礎から応用まで確実に習得できます。向けたプログラミング研修を提供しています。新入社員研修の詳細コードキャンプのIT研修を全て見るWegicのプラン内容Wegicの料金プランは下記の通りです。SSL証明書ひとつのWebサイトを作るのに40クレジット、AIにて修正するごとに10クレジット消費します。Wegicの使い方はじめにWegicの公式サイトへアクセスします。in」をクリックします。WegicよりGoogleアカウントかメールアドレスのいずれかでアカウント登録して下さい。WegicよりWebサイトを作るためのチャット開始画面が表示されます。右上にある120という数字がクレジット数で、1つのWebサイトを作るのに40クレジット消費します。website」をクリックしてください。WegicよりWebサイトの詳細をチャット形式で入力していきます。チャットボットが作りたいWebサイトの要素について質問します。その回答を赤矢印が指しているチャット欄へ回答を入力してください。質問と一緒に回答例も記載してくれるので、その内容を参考にするのがおすすめです。Wegicより上記のように初めの質問は英語ですが、日本語で回答したあとは日本語で質問してくれます。上記の画像を見る限り、無料で利用できるFreeプランだとクイックモードのみ利用できるようです。チャット欄に「クイックモードでお願いします。」と入力することで次の質問に進みます。Wegicよりまた、質問と一緒に提示される候補を複数選択することも可能です。WegicよりWebサイトの対応言語も選択できます。Wegicより質問が終わると上記のように作りたいWebサイトをまとめた情報が表示されます。now」と入力して実行します。Wegicよりすると上記のようにWebサイトのプレビュー画面が表示されます。Wegicより各セクションごとに分けられており、シンプルかつ洗練されたデザインで作成できています。Wegicよりお客様の声に関するセクションも導入されていることから、テーマに最適化されたデザインを実現できるようです。おすすめのPython研修一覧Python研修を提供しているおすすめの企業・法人を一覧で掲載しております。Python研修の一覧を見るおすすめのDX研修一覧DX研修を提供しているおすすめの企業・法人を一覧で掲載しております。DX研修の一覧を見るおすすめのJava研修一覧Java研修を提供しているおすすめの企業・法人を一覧で掲載しております。Java研修の一覧を見るおすすめのJavaScript研修一覧JavaScript研修を提供しているおすすめの企業・法人を一覧で掲載しております。JavaScript研修の一覧を見るWegicで作ったWebサイトを編集する方法Wegicよりプレビュー画面の内容をダブルクリックすると、テキストを編集したりやリンク先URLを指定したりできます。AI機能を使って修正する方法Wegicよりプレビュー画面の右側にあるチャット欄へ編集内容を記載し、AIへ修正してもらうことも可能。Effect」を選択して編集してもらいます。Wegicよりすると提案通り、画像の上へカーソルを当てるとホバーされる機能が追加されました。Wegicで作ったWebサイトを公開するWegicよりプレビュー画面の上にある「http://brew.wegic.app」という欄をクリックすると、Webサイトを公開するための設定画面が表示されます。WegicよりFreeプランの場合はwegicのドメインを使って公開可能。赤矢印の欄に希望の名前を記載し、画面下の「Publish」ボタンをクリックすることで公開できます。実際に作成したWebサイトは下記URLから確認できます。https://testwegic.wegic.app/home※上記コンテンツの内容やソースコードはAIで確認・デバッグしておりますが、間違いやエラー、脆弱性などがある場合は、コメントよりご報告いただけますと幸いです。ITやプログラミングに関するコラムオンラインホワイトボート「FigJam」の使い方。FigJamとMiroの比較結果や料金プランも併せて解説AI搭載のプレゼンツール「gamma」の使い方。Machineの新機能「キーフレーム」を使ってみた。Toolkitを発表。1.91をリリース、AI機能とPython開発環境を大幅強化Microsoftが個人向けTeamsを大幅アップデート。*コメントは公開前に承認される必要があることにご注意ください。