【AIで爆速】HostingerでWebサイトを“5分で”作ってみたら想像以上にすごかった件

こんにちは、なりかくんです！

皆さんはWebサイトを作ったこと、作りたいなって思ったことはありますか？私はブログを書いている時点でWebサイトを作ったことがある人間なのですが、Webサイトを作るのにも知識や時間がかかります。

具体的には、レンタルサーバーを契約して、ブログであればWordPressをインストールして、テーマを設定して、etc…など。いろいろな手順を踏む必要がありますよね。

今回は、そのような面倒くさいWebサイト作りが一瞬で簡単にできるサービス「Hostinger」について紹介していこうと思います。

Hostingerとは？
早速Webアプリを作ってみる
- Hostingerのパネルからサイトを作成
WordPress × Hostingerが凄い
「サイト作成ツール」を試してみる
料金プランについて
最後に

Hostingerとは？

Hostingerは、2004年に設立された世界中で利用されているWebホスティングサービスです。簡単に言うと、レンタルサーバー会社ですね。

何といっても低価格で高性能なレンタルサーバーを利用することができます。レンタルサーバーであれば、48ヶ月契約で１ヶ月当たり299円で使うことが出来ます。（1ヶ月契約だと月1,269円）

まあ、ここまでは普通のレンタルサーバーと大差変わらないのですが、ここからが本題です。このHostingerは、AIを利用してWebサイト・Webアプリを作ることが出来るんです！
それもなんと、ブログのデザインから、ECサイト立ち上げ、Webツールの作成、WordPressでのブログ構築などAIに一言投げかけるだけで作ってくれるんです。

そんな素晴らしいWebサイト作成ツールを今回はメインで紹介していきます。

早速Webアプリを作ってみる

では、早速Hostingerの実力とやらを見てみましょう。今回は、なかなか作るのが面倒くさいであろう、ブログシステム（CMS）を作ってもらおうかと思います。

Hostingerのパネルからサイトを作成

まず最初に、誰のサイトを作ろうとしているのかという質問があります。もちろん私自身で使うサイトなので、「自分自身または自分のビジネス」を選びます。

次に、Webサイトを作るのか、既存のWebサイトをHostingerに移行するのか。などの質問があります。今回は、新しくブログシステムを作りたいので、一番上の「Webサイトを作成する」を選びます。

ここで、Webサイトをどのように作るのか選ぶ選択肢があります。右から順に、「WordPress」「Horizons」「サイト作成ツール」の３つです。今回の記事で全て試しますが、今回はAIに全て任せて作らせるので、真ん中の「Horizons」を選びます。

Horizonsでは、AIとチャットしながらサイトを作成、アイデアを入力するだけで、簡単にサイトを作ることが出来るので、自分でコードが一つも書けなくても、文章さえ書ければ問題無いです。

Horizonsを選ぶと、このようにHorizons専用のダッシュボードに移動します。
ここで、どのようなアプリを作りたいのかを詳細にAIに入力します。今回は、以下のような要件で作成してもらいました。

・CMSシステム
・記事一覧や記事ページ、編集ページ
・データベースはJSON

入力してから、約5分ほど待つとこのようにサイトが出来上がりました。自分で作ったら、丸一日ぐらいかかりそうなシステムを、HostingerのAIは5分ぐらいで仕上げてくるなんてもう勝てるわけが無いですね。

右側で作成したサイトのプレビュー、左側でAIと会話することが出来ます。例えば、「サイトのテーマカラーを緑にしたい」などとAIに指示すればすぐに緑に変更してくれます。

また、私の望んでいたブログのCMSシステムがしっかりと実装出来ていました。

コード自体を見ることも、自分で変更することも可能です。コード自体は、Reactで作成されているみたいです。なお、コードのエクスポートも一応できるみたいです。（私がいただいたアカウントでは、プランの問題なのか出来なかった。）

また、外部のAPIとも連携が出来るみたいで、SupabaseというBaaSでユーザー登録機能やログイン機能、データベースなどのバックエンドも簡単に実装できる他、オンラインストアの支払い機能や分析機能などが簡単に実装できるみたいです。

作成したサイトは、右上の「公開」ボタンを押すことで簡単に公開することが出来ます。ドメインも一時的なサブドメインでURLを発行してくれるほか、独自ドメインと紐づけすることも可能みたいです。

WordPress × Hostingerが凄い

次にWordPressも構築できるみたいなので、構築してみようと思います。最初はただ単にWordPressを構築できるだけなのかな？って思っていたのですが、そうじゃなかったんです。

なんと、WordPressを構築する中でHostinger AIが登場して、デザインやサイトの内容まですべて生成をしてくれるんです。まあ、実際に作成したところを見せたほうが分かりやすいと思うので、お見せします。

まず最初に、WordPressのアカウント作成から始まります。これは、普通のWordPressの設定と変わりません。

次に、Webサイトの構築をAIで行うか、事前に用意されているテーマを使って構築するかを選べます。もちろん今回は、AIを活用するので「AIでWebサイトを作成」を選択します。

ドメイン名の入力画面があります。ドメインがある場合は、入力してもいいですが、今回は仮なので右下の「一時ドメインを使用する」を選択します。

すると、早速WordPressのインストールが始まります。このWordPressのインストールも1分ほどで完了します。めちゃ速いです。

WordPressのインストールが終わったら、既にWordPressの管理画面にいました。WordPress上でもHostingerのUIデザインと変わらないのが、凄いですね。

WordPressのエディタを選べるみたいです。ブロックエディタかElementerというドラックアンドドロップだけでWebサイトを作れるツールで作るかの2択みたいです。

今回は、ブロックエディタを選びます。サイト名（ブランド名）やWebサイトの種類を選びます。今回は、私のポートフォリオサイトを作ってもらおうと思います。

説明には、どのような内容を入れたいのかを入力するみたいです。説明の入力欄の右上にある「説明の改善」を押すと、これもAIがいい感じにしてくれました。

完了したら、右下の「作成」を押すと作成が始まります。

1分もしないうちに、サイトが完成しました。凄いですね。下の「再作成する」ボタンで気に入らなかったら再作成することもできるみたいです。

今回は、これでいいので「サイトの編集」をクリックしてみます。

すると、私は見慣れているWordPressの編集画面に移動しました。ここで、サイトの内容を変えれるみたいです。これで、WordPressでのサイト作成は完了です。

「サイト作成ツール」を試してみる

では、最後に「サイト作成ツール」を試してみたいと思います。こちらも、HorizonsやWordPressのAIで入力する形と同じで、どのようなサイトにしたいのか最初にAIに入力する部分があります。この説明は、80字以上ぐらいじゃないと作成できませんでした。

作成を押してから、大体30秒ぐらいでサイトが出来上がりました。やっぱり速い。
ここで、再作成やサイトのカラー選択をすることが出来るみたいです。問題無ければ「続ける」を押します。

すると、メインのサイト作成ツールが開きます。ここでは、WordPressのElementerのように様々な要素が用意されていて、ドラックアンドドロップでサイトを作成することが出来ます。（Horizonsが凄いから、サイト作成ツールの説明はこれぐらいでいいよね？）

料金プランについて

今回紹介した、HorizonsやWordPress、サイト作成ツールについての料金プランについて紹介していきます。

それぞれ価格が異なります。

Horizonsの料金プラン

Horizonsの料金プランは、4種類あります。分かりやすいように表にまとめてみました。

AIクレジットというのは、新しいWebサイトを作成したり、AIにメッセージを送信するごとに1クレジット使用されます。あと大きく違うのは、サイト作成数ですね。

	Explorer プラン	Starter プラン	Hobbyist プラン	Hustler プラン
価格	1,569円 / 月	3,129円	8,759円	15,649円
サイト作成数	1個まで	25個まで	50個まで	50個まで
AIクレジット数	30回分 / 月	70回分 / 月	200回分 / 月	400回 / 月

WordPressの料金プラン

WordPressの料金プランは、3種類です。一番安いPremiumプランでは、今回紹介したAI機能は利用できずに、普通のWordPressでの提供みたいです。

	Premium プラン	Business + AI プラン	Cloud Startup + AI プラン
価格	299円 / 月	469円 / 月	1,049円 / 月
サイト作成数	3個まで	50個まで	100個まで
容量	20GB (SSD)	50GB (NVMe)	100GB (NVMe)
AI機能	無し	あり	あり