30秒でwebサイトを生成!『Durable ai』の使い方/料金を紹介!

サイトがすぐに欲しい!もしくはサイトを作ってみたいけど難しそう! そんな方におすすめなのが今回紹介するAIツール『Durable AI』です。

生成AIハッカソンの詳細情報

第1章 『Durable AI』の使い方

『Durable AI』はサイトの作成がほぼ自動で、しかも1分ほどで生成できるAIを導入したCMS(コンテンツ管理システム)です。実際に次のサイトは『Durable AI』を用いて作成されています。(リンク

今まで、HTMLやCSSなどのコーディングの知識、もしくはノーコードであってもそれなりの技術と時間を必要としたWebサイト作成ですが、Durableを使えばAIの補助を借りることで一瞬で生成できます。

他のノーコードでのwebページ制作ツールとの違いとして、簡単に操作できる点やAIがサイトの構成を考えてくれるため写真の交換や文章の変更などの微調整だけでサイト制作が完了する点などが挙げられます。

また、カスタマイズもできるので、自分の好みに作り変えることも可能です。さらにスマホから操作してサイトを作る事までできるのです。

以下ではそんな夢のAIツール『Durable ai』の使い方について詳しく紹介します。

1-1 サイトの生成

①公式サイトを開く

次のリンクを開くことで公式サイトに飛ぶことができます。(リンクはこちら

全文英語となっていますが、Google Chrome内のGoogle翻訳と併用することで、日本語に直して利用できます。

②『Generate your website』を押すと次の画面に進みます。

Duraleのホームページ試作開始画面

画像元:https://durable.co/   30秒でAIを使ってwebsiteを作成できると書いてますね

③『Get Started』を押すと次の画面に進みます。

what type of business 仕事の種類の選択画面

あなたの仕事の種類は何ですか?

④上の画像の画面になったら、作りたいホームページの職種を入力します

対応言語は英語のみで、選択肢から選ぶ形式です。もし、自分の作りたい職種が無かったり、英語が分かりにくい時は、後からカスタマイズすれば何とかなるので、とりあえず選んでみましょう。

name of your business 会社名の選択画面

あなたの仕事(会社)の名前は何ですか?

⑤上の画面に会社名、もしくは作りたいサイトの名前を入力しましょう。

ここで入力した内容がそのままサイトのタイトルになるのでご注意ください。会社のホームページを作りたい場合は会社名で良いです!

ここまで入力すればあとは自動でサイトが作成されます。ただし、最初の段階では文字が英語となっており日本向けには使いにくいです。

Googleアカウントでサインイン、またはメールアドレス登録すればカスタマイズできるようになるので、自分の好みに編集しましょう。大枠はすでに決まっているので、一から作るよりもはるかに短時間で編集できます。

1-2 サイトの編集

Durableには数多くの編集機能もついています。

AIがサイトの大枠を作成してくれるので、文字や写真を入れ替えることで、より完成度を高めることができます。

Regenerateボタンを押すことでその部分だけ文章と写真を再生成してくれます

また、ページ左上の+マークを押して、さらにCreate Pageを押すと次の画面になります。

Title欄にページの名前

Label欄にそのページの説明

Slug欄にそのページに設定したいURLの一部を書くとページを作成してくれます。

次に追加出来るブロックの種類を説明します。このブロックはWordzPressのブロックエディターと同じような概念で、部分ごとにブロックを選択して全体を構成します。

多くの種類のブロックを追加できます。順に説明していきます。

1.Banner

画面いっぱいの大きな写真の上に文字が書かれているものです。見栄えが良いのでメインページの最初に使うのがおすすめです。

画像に関してはオーバレイの濃さを変えたりも可能です。

Durableによって制作したサイトのページの一つ

画像元:https://durable.co/

2.Quote/testimonial

Durableによって制作したサイトのページの一つ

画像元:https://durable.co/

有名人の言葉を引用するときなどに使います。(英語で出力されるため、編集が必要になることを考慮すると後述するテキストと変わらず、正直あまり使えません)

3.Video

動画を載せることができます。ただし、重すぎる場合は載せられないです。

4.Text

引用文の選択画面

画像元:https://durable.co/

文章を載せられます。AIが自動生成されたものが出てますが自由に変えられます。

5.Contact form

お問い合わせ欄の一例

画像元:https://durable.co/

お問い合わせフォームの設置ができます。

 

6.image

Durableによって制作された画像の一例

画像元:https://durable.co/

画像単体を載せられます。Bannerと使いわけると良いでしょう。

7.Text+image

画面の左側に画像、右側に文章を載せることができます、また左右の入れ替えも可能です。

8.Gallery

Durableによって制作されたギャラリーの一例

画像元:https://durable.co/

たくさんの画像を並べることができます。

9.List

Durableによって生成されたサイト内のリストの一例

画像元:https://durable.co/

リストは画像とその説明を横方向に並べることができます。画像ごとに別のページを対応させるという使い方がよさそうです。

10.Location

位置情報を載せられます。

11.Embed

HTML形式でコードを書き込めます。<style>を用いればCSSコードの反映も可能です。

『Durable』は操作が簡単な分、細部にこだわると既存の機能だけでは使いにくい部分もあるので、その場合はコードで編集する必要が出てきます。

ただ正直、クオリティーの高さを何より重視するなら、『Durable』ではなく既存のCMSを使用した方が良いかもしれないです。『Durable』の良さはその手軽さと制作時間の短さにあるので、特に短時間で制作したい方や、初心者の方におすすめのツールとなります。

以上のカスタマイズ機能を生かしてより良いWebサイトにすることが可能です。

1-3 日本語の利用などについて

上記のサイトは全て英語表記になっていますが、文章は全て編集できますので、日本語に直して利用しましょう(そもそもAI生成の文章をそのままwebサイトに使用することも少ないので手間としてはあまり変わりません)

Durableは文章よりも、サイト全体の配置が自動で行われること自体に価値があるツールだと思います。

(追記)(6/15)

新機能としてAIのチャットボットが搭載されました!

Durable内で使えるChatbot機能の実際の画面

画像元:https://durable.co/

 

英語での質問にはなりますが、サイトについて気になることや要望があればいつでもAIチャットボットに尋ねることが可能となりました!

この他にもDurableにはCMS(コンテンツ管理システム)としてさまざまな機能があります。

・マーケティング補助機能

・SEO分析

・サイトを訪れた人の時間帯などの集計

・インボイス管理

・問い合わせ情報管理

・メールの自動返信

などです。ぜひフル活用してwebサイトを運用してみてください!!

第2章 『Durable AI』の料金

 

料金は、スタータープランで月15ドル(年間プランなら12ドル) ビジネスプランで25ドル(年間プランなら20ドル)です。サイト作成自体は無料でもできますが、一般公開するとなると有料プランへの変更が必要になります。これらのプランの違いを表にまとめてみました。

項目Staterbusiness
独自ドメインの取得      ○      ◎
カスタマーサポート      ○      ◎
連絡先登録    50人まで    無制限
AI生成上限    50個まで    無制限
Webサイトの公開     ○     ○
durableの料金画面

画像元:https://durable.co/


出典:Durable公式サイト

このようにそこまで大きな違いは無いため、個人利用であればStaterプランで十分だと思われます。

第3章 まとめ

今回は短時間でウェブサイトが生成できるAIツール「Durable」をご紹介しました。

やはり、作るのが難しく時間がかかるものだと思われがちなWebサイトを、ほぼ何の知識もなくとも作成可能としたサイト作成AIは、ChatGPTや画像生成AIと並んで大きな影響を今後持つだろうと個人的には予想しています。

サイト作成自体は無料で出来るので、気になった方は是非ご自身で試してみてください!

執筆者 河津大誠

「生成AIツールを導入して業務を効率化したいが、コストを抑える方法や適切なツールの選択がわからない」とお悩みの方は、お気軽に以下よりお問い合わせください。業務内容の分析から最適なツールの提案、導入のサポートまで、全面的にサポートいたします!

また、AIツールの掲載も無料で承っておりますので、お気軽にご連絡ください!

    関連記事

    日本語プレゼンを10秒生成!『Gamma ai』の使い方/料金を紹介!

    この記事は役に立ちましたか?

    もし参考になりましたら、下記のボタンで教えてください。

    関連記事

    コメント

    この記事へのコメントはありません。