【初心者OK】簡単にWebサイト制作・ノーコードツール一覧【NoCode】

上記のように思われる方に役立つ記事になります。

今回はNoCode（ノーコード）や簡単にWebサイト・サービスを作ることのできるノーコードツールについてご紹介していきたいと思います。

ノーコードツールはプログラミングはできないけど、Webサイトを作りたい方やネットショップを開きたい方にオススメのWebサービスになります。

NoCode（ノーコード）とは？

NoCode（ノーコード）は、プログラミングやHTML・CSSなどのソースコードを書かなくてもWebサービス・アプリなどを開発することができるサービスになります。

コードを入力しなくても簡単にWeb開発をすることができますので、ITに詳しくない方でもすぐに試して始めることができます。

NoCode（ノーコード）のメリット・デメリット

メリット

デメリット

Webサイト制作できるノーコード（NoCode）ツール一覧

STUDIO（スタジオ）

画像出典：STUDIO

STUDIOは、日本製で無料のプランでも始めることができるノーコードのCMSです。

「日本語対応バージョン」もできたので見やすくて始めやすいですね。

わからないことは「チャットで質問できる」ところがありがたいです。

テンプレートもありますが、コードを一切書かずにテンプレートを使わなくても、白紙の状態から自由にデザインをしてWebサイト・ブログなどを作成することができます。

ボックスレイアウトなどを使ってドラッグ&ドロップで直感的にデザインすることができます。

デザインしたものが瞬時にコードに変換されるので、デザイナーなどデザインをこだわりたい方で、ノーコードツール初心者の方にもオススメですね。

もちろんレスポンシブ設定（タブレット・スマートフォン対応）も簡単にできます。

クライアントワークとして実際にSTUDIOの使用経験があるのですが、制作中のサイトを簡単に共有する機能などもありとても便利です。

STUDIO（スタジオ）はデザイナーと相性が良いオススメのノーコードツールです。

【ノーコード】STUDIOでWebサイト制作を始めよう【カンタン】

ペライチ

画像出典:ペライチ

ペライチは誰でもカンタンに高品質なホームページを制作できるノーコードツールになります。

名前が覚えやすいですね笑

ペライチは、会員数は５０万人超えで多くの人に使われていて30日間無料で試すことができます。

その後もフリープラン（１ページ）は無料で使うことができます。

1年契約の場合は、追加金額不要で月々税込3,940円〜の低価格から使うことができますね。

特徴としては、オンライン決済や予約システムを使うことができ予約受付・管理を簡単に操作することができます。

オンライン決済の手数料は売り上げの3.5%〜で業界でも最低水準になっています。

だけの３ステップでホームページを作ることができます。

分からない事があった場合は、ペライチの「サポーター」という人たちに相談してサポートやセミナーを受けることができますので、初めてホームページを作る方でも使いやすいですね。

Wix（ウィックス）

画像出典：wix

wixはドラッグ＆ドロップを使い、直感で簡単に美しいWebサイトなどを作ることができるノーコードツールになります。

wix（ウィックス）は世界１９０カ国で2億人以上の人々に利用されています。

ユーザー数が日本人口超えてますね。

個人サイトやネットショップなどさまざまな業種や目的別にデザイナーが手がけた500以上のテンプレートがあります。

簡単な質問の答えるだけでAIが最適なコンテンツを自動で生成し、独自画像と文章を無料で自動作成してくれるWix ADIのツールがあります。

ロボット（AI）凄すぎですね。。。

そしてビジネス用に必要な場合は、有料プランなどでさらにECサイト（ネットショップ）機能や、オンライン予約システムを追加することもできます。

分からない事は電話サポートもあります。

私も実際にWixを使いWebサイトを作った経験があるのですが、見出し画像、自動で写真が切り替わるスライダー、ボタンをクリックして別ページやページ内に移動させるリンクなどをドラッグ&ドロップで直感的にできるので簡単でした。

メニューボタンなどを「グイッ」と引っ張って貼り付けるような感じで配置できます。

スマホ用のレスポンシブデザインも簡単に作ることができたので使いやすかったです。

少しサイト自体がもっさりと重いのが課題ですね。

Jimdo（ジンドゥー）

画像出典：ジンドゥー

ジンドゥーは、世界中で200万ユーザーに利用されている、無料で本格的なホームページが作れるWebサービスになります。

Jimdoは英語だと読みづらいですね笑

質問に答えるだけでAI（人工知能）を使い、業種や目的に合わせて簡単なホームページを数分で作ることができます。

ホームページの雰囲気やベースカラーを選ぶだけで作ることができ、作成アシスタント機能もついているので初心者の方でも安心ですね。

コーディングできる場合は、コードを使用して編集できるCMSを使ったホームページで制作することもできます。

ECサイト制作できるノーコード（NoCode）ツール一覧

BASE（ベイス）

画像出典：BASE

BASEはノーコードで無料でカンタンにネットショップを開くことができます。

BASE（ベイス）ではショップ数が200万ショップ以上も開設されています。

デザインテーマを選んでカスタマイズしてすぐにECサイト（ネットショップ）を開くことができますね。

HTMLで編集もできるので、コードが書ける方は自由にデザインをカスタマイズできるところが良いですね。

BASEかんたん決済ではカード・キャリア決済・コンビニ払い・Amazon Payなどさまざまな決済手段があります。

スタンダードプランの場合売れるまで無料で使えて、手数料はBASEかんたん決済手数料が注文ごとに3.6％＋40円、

サービス利用手数料が注文ごとに3%かかります。

900万〜ユーザーがお買い物を楽しんでいるPay IDアプリに作ったネットショップが掲載されますので、集客も期待できるところが良いですね。

2022/4/18〜決済手数料が2.9％・月額サービス利用料5,980円の「グロースプラン」も追加され、売り上げ規模が拡大された場合でもさらに使いやすくなりましたね。

STORES（ストアーズ）

画像出典：STORES

STORESは「商売繁盛を応援！」でお馴染みのWebサービスを4つ使うことができます。

ノーコードで初期費用0円でネットショップを開設することができるので始めやすいですね。

運営費は無料で、決済手数料と振込手数料のみ費用がかかります。

決済手数料はフリープランは5%、スタンダードプランは3.6%です。

フリープランなら無料で始めることができるので気軽にネットショップを作ることができますね。

Shopify（ショッピファイ）

画像出典：shopify

Shopifyは世界中の数百万以上の店舗が使っているネットショップです。

14日間無料でクレジットカードなしでお試しできるので初心者でも始めやすいですね。

無料期間が過ぎてもベーシックプランだと月額29ドルなので、低価格で本格的なECサイトを運営することができます。

海外の本格的なECサイトツールですが日本語に対応しているので始めやすいです。

ローコードとは？

ローコード（Low Code）は、極力ソースコードを書かずに一部だけHTMLやCSSなどでコーディングしてカスタマイズしていく方法です。

ノーコードとローコード。

語呂が似ていますね笑

ローコード開発はデザインカスタマイズなどをして独自性の高いサイトを作ることができるのがメリットです。

HTMLやCSSを学びたい方は、実務経験が積めるTechAcademyの記事を参考にしてみてください。

オンラインスクールでも基礎をしっかりと体系的に学ぶことで理解できるのでオススメです。

ノーコード・ローコードでも作れるWordPress（ワードプレス）

画像出典:WordPress

ノーコード・ローコードどちらでも作成できるWordPress（ワードプレス）も、世界中で使われていてカスタマイズ性が高くオススメのCMSです。

WordPressは自分でHTML・CSS・JS・PHP（WordPress関数）などでコーディングしてオリジナルテーマを作ることもできますが、既存の「有料テーマ」や「無料テーマ」を使用することで、プログラミング言語が分からなくても簡単にホームページを作ることができます。

WordPressでホームページを作ってネット上に公開する場合は、レンタルサーバーの契約とドメインが必要なのでオススメのレンタルサーバーコノハウィングでのWordPressブログの始め方の記事を参考にしてみてください。

手順に沿うだけで簡単にWebサイト・WordPressブログを開設することができます。

ややこしいのですがWordPressには「WordPress.org」と「WordPress.com」がありまして本格的なサイト運営としては一般的に「.org」の方を使いカスタマイズしていきます。

それぞれのテーマで用意されてるウィジェットなどでできることを増やしカスタマイズしたり、専用プラグインをインストールしてホームページやブログを制作していくことができます。

Elementor（エレメンター）

画像出典:Elementor

WordPressプラグインのElementor（Elementor Website Builder）を使用すると、ノーコードでも簡単にホームページを作ることができて便利です。

既存のWordPressテーマとの相性もありますが、レスポンシブ設定（タブレット・スマートフォン対応）も簡単でドラッグ&ドロップで直感的にWebサイトを作成できるオススメのプラグインですね。

Elementorは「Hello Elementor」や「Astra」などのテーマと相性が良いです。

もちろんElementorのプラグイン自体は無料でインストールできます。

Elementorは、無料プランと有料プラン（Elementor Pro）がありますが、ある程度のことは無料プランでも代用できます。

【WordPress】Elementor（エレメンター）でWebサイトを作ろう【ノーコード】

自分で一からWordPressブログ（サイト）を作りたい場合は、直接コードも書けますが、まずはWebサイトを作りオリジナルテーマとして機能させるためにWordPress関数などを使い徐々にWordPress化させていくのが一般的で楽です。

ホームページ・ネットショップの他に名刺とかも作りたい

ホームページやネットショップを立ち上げたらロゴや名刺などもあった方が良いですよね。

やりたいこと	おすすめオンラインサービス
ロゴ・名刺を作りたい	ココナラ
印刷したい	ラクスル

ココナラなどのオンラインスキルマーケットでロゴ作成や名刺などのデザインを作ってもらって、ラクスルなどのネット印刷の会社で印刷してもらうのが簡単です。

どちらもオンライン上で完結できるので便利ですね。

【副業】便利なココナラ（coconala）を使ってみよう【スキルマーケット】

自分で作りたい

デザインなどが自分でできる・挑戦したい場合は自分で作っても良いですね。

本格的に今後もさまざまな作品を自分で作りたい場合は、Adobe CCコンプリートプランがあるとロゴ・名刺作成やチラシ作り、画像編集、動画編集、アニメーション作成などができるので便利です。

Adobe CCコンプリートプランを安く・お得に使う方法【Creative Cloud】

名刺などを印刷したい場合は、ある程度の品質の印刷なら家庭用プリンターでも気軽にできるので下記のようなものを１台・用紙もあると便利です。

名刺用の用紙も安いので気軽に名刺を作ることができますね。

急ぎの用事で翌日に名刺が必要になった場合でも作っておいたデータ、もしくは名刺を作れば自宅で印刷し用意できますので１つはあると便利です。

安いプリンターだとインクがあまり持たないのでインク切れに注意が必要で、未開封でも１〜２年以内に使い切れるくらいの在庫があった方が安心ですね。

まとめ：ノーコードでWebサイト・ECサイト運営を気軽に始めよう！

今回はNoCode（ノーコード）・ノーコードツールなどについてご紹介してきました。

ノーコードツールはプログラミングなどのITスキルがなくても、簡単に「Webサイト」や「ECサイト」などを作ることができるのが魅力的ですよね。

ノーコードツールでも徐々にできることが増えてきているので扱いやすいです。

ぜひ、自分にあったサービスを比べてみて気軽にNoCode（ノーコード）でWebサイト作成・ECサイト制作・Webサービス開発などを始めてみてください。

ノーコードについて少しでも参考になりましたら幸いです。