AIでLP制作に挑戦｜ママおすすめWeb制作学習おすすめ4選【2026年版】

LP制作をAIが全てやってくれるからWEB制作はいらない。など辛辣な言葉をSNSで目にすることが増えました。

Claude CodeやCodexのようなエージェント型AIが流行る前に私はWEB制作に挑戦したくて、自己学習を経てデイトラ受講を決めました。(もう少し前から出ていたとは思いますが実際私のような非エンジニアの耳に入るのはもう少し後でした)

では実際AIの進化によりWEB制作(プログラミング)の知識は不要なのかをどちらも経験した視点からお話しします。

AIを使ってLPを制作してみた経験をもとに、Web制作を学べるサービスも比較紹介します。

ドットインストール・Progate・Udemy・デイトラを中心に、それぞれの特徴・料金・ママ視点での学びやすさまで正直に書きました。

結論から、しっかり副業、フリーランスを目指すならAI時代にもデイトラ一択です。その理由を他サービス比較しながら説明します。

まず見てほしい｜未経験ママがAIで作ったLP

実際にAIを使って作成したLPがこちらです→架空カフェLP

これすごくないですか？使ったのは ChatGPT・Codex・Figma。AIの力を借りながら、自分でもびっくりするくらいそれっぽいLPができあがりました。

「やっぱりAIがあれば何でも作れるじゃん！」と思いますよね。でも実際に作ってみると、こんな壁がありました。

AIはすごい。これは変わりません、実際すごい時短になっています。でも、Web制作の基礎を知っている人と知らない人では、AIの活かし方に大きな差が出ます。

SNSで作れた！すごい！という人は山ほどいますが実際活かしてクライアントに提出までして収入を得た人はやっぱりデザイナーさんです。

だから、学習サービスとAIを組み合わせることが今のベストな学び方だと感じています。

なぜ今「Web制作×AI」が最強の組み合わせなのか

「今さらWeb制作を学んでも遅いかな…」と思っているママへ。むしろ今が一番のタイミングだと思っています。

① AIで制作スピードが大幅アップした

以前は「コードを1から書く＝時間がかかる」でした。でも今はAIに指示すれば、たたき台を数分で作れます。学習期間も短縮できるし、副業で稼ぎ始めるまでの時間も縮まっています。

② 子育て中でも学びやすくなった

昔は「スクールに通う」が基本でした。今はオンライン動画・AIチャット・コミュニティと、スキマ時間に学べる環境がそろっています。授乳中・寝かしつけ後・保育園の送迎待ちでも進められます。

③ LP制作はSNS運用・副業と相性バツグン

インスタやXで活動しているママ起業家・フリーランスから「LP作れる人いない？」という需要は今も高い。デザイン・コーディング・文章力を横断できる、ちょうどいいスキルです。

④ 「AIを使える人」が選ばれる時代に

同じWeb制作スキルでも、AIを活用できる人とできない人では仕事のスピードとクオリティが変わります。今学んでAIも一緒に身につけておくと、数年後に差がつきます。

Web制作学習サービスを選ぶ3つのポイント

ここからが本題です。

おすすめのWeb制作学習サービスを紹介していきます。

サービスを選ぶ前に、ここだけ確認してください。

この3つで選ぶべきサービスは全然変わります。では、一つずつ見ていきますね。

【早見表】Web制作学習サービス比較一覧

サービス	料金	学習スタイル	AI活用との相性	ママ向けか	こんな人向け
ドットインストール	無料〜月980円	動画でコツコツ	△（知識補強向け）	◎	まず動画でインプットしたい
Progate	無料〜月1,490円	スライド＋演習	△（基礎固め向け）	◎	ゲーム感覚でコードを体験したい
Udemy	セール時1,200円〜	動画講座（買い切り）	○（AI講座が多い）	○	特定スキルをまとめて学びたい
YouTube・note・X	無料	自分でかき集める	◎（最新情報が多い）	△（散らかりやすい）	お金をかけずに情報収集したい
デイトラ	¥129,800(税込)（買い切り）	実践型カリキュラム	◎（AI活用を組織導入済み）	◎	本気で仕事にしたいなら

これだけ見るとそう思いますよね。ただ提供サービスを知るとこの値段は安いと感じると思います。いかに理由と他サービスの紹介もしていきます。私はprogate→ドットインストール→デイトラで進みました。

ドットインストール

① 特徴・内容

3分前後の短い動画でプログラミングやWebデザインを学べるサービス。HTML・CSS・JavaScriptなど基礎的なコースが豊富です。progateよりも基礎知識をしっかり教えてくれます。ただし無料だとさわりしか分からないため、しっかり勉強するには月額登録必須です。

② 料金

• 無料プラン：一部コースに制限あり
• プレミアム：月980円

③ メリット・デメリット

④ AI時代との相性・ママ視点

AIと組み合わせるなら「知識補強」として使うのがおすすめ。

私がWEB制作のために受講した講座です。1ヶ月契約で関連するものは受講完了しました(1日3〜4時間の勉強時間)

詰めたら1ヶ月契約1500円前後で基礎知識が身につくのでとてもコスパはいいと思います。

ただし「これだけで副業スタート」は難しいです。

Progate｜スライド＋演習でやさしく始められる

① 特徴・内容

スライドで説明を読みながら、こんな感じでブラウザ上でコードを書いて学ぶスタイル。初めてコードに触れる人でも、ゲーム感覚で進められます。必要なエディタなどのインストールの準備なども必要なし。

② 料金

• 無料プラン：各言語の最初のレッスンまで
• 有料プラン：月1,490円

③ メリット・デメリット

④ AI時代との相性・ママ視点

AIが出すコードを「なんとなく読める」くらいの基礎力をつけるには良い。でも本格的にLP制作を仕事にしたいなら、これだけだと物足りなくなります。

ドットインストール同様月額課金も必須です。1ヶ月あれば以下の講座ぐらいであれば終わります。

Udemy｜セールを狙って特定スキルをまとめて学ぶ

① 特徴・内容

世界最大級のオンライン学習プラットフォーム。Web制作・デザイン・AI活用・動画編集まで、あらゆるジャンルの動画講座が揃っています。今は特にAI活用の動画が豊富に揃っているので足りない部分を補う意味で最強。

② 料金

• 講座単位で買い切り（通常1,500円〜2万円程度）
• セール時は1,200円〜1,500円で買えることが多い
• 月に何度もセールをやっているので、定価で買わなくてOK

③ メリット・デメリット

④ AI時代との相性・ママ視点

「ChatGPTを使ったLP制作」「Figmaの使い方」「ノーコードWebサイト制作」など、AI活用系の講座が充実しています。特定スキルを深掘りしたいときに便利。

ただし、「何を学んで、どこまで進めばいいか」のロードマップがないので、初心者がUdemy一本で副業を始めるのはハードル高め。

無料で学べる方法｜YouTube・note・X・Figma公式

お金をかけずに情報収集したいなら、以下もチェックしてみてください。

① YouTube

HTML・CSS・Figma・ChatGPT活用など、実践的な内容を無料で見られます。「LP制作 初心者」「Claude 使い方」などで検索すると出てきます。ただし情報が散らかりやすく、体系的に学ぶのは難しいです。

② note・X（旧Twitter）

フリーランスのWeb制作者・デザイナーが実践的な情報を発信しています。最新のAI活用トレンドもいち早くキャッチできる。デイトラを含む学習サービスの体験談もたくさんあります。

⚠️Xは特に情報商材やがかなり多いのでDMでのLINE誘導は気をつけてください

③ Figma公式チュートリアル

デザインツールのFigmaは、公式が日本語のチュートリアルを用意しています。デザイン力を伸ばしたいなら、ここから始めるのも一つの手。

【一番おすすめ】デイトラ｜本気でWeb制作を仕事にしたいなら

「副業・フリーランスで稼ぎたい」というゴールがあるなら、今もデイトラが一番おすすめです。

① デイトラとは

デイトラは、実践的なWebスキルをオンラインで学べる社会人向けスクールです。

Web制作、Webデザイン、プログラミング、動画編集、Python、Webマーケティング、ライティングなど、幅広い分野のコースが用意されています。

特徴は、1日1題で進められるわかりやすいカリキュラムと、実務を意識した動画教材です。現役で活躍するプロに質問できるサポート体制もあり、未経験からでも段階的にスキルを身につけやすい設計になっています。

また、サポート期間終了後もカリキュラムを見返すことができ、アップデートされた教材も追加料金なしで確認できます。学習コミュニティを通じて、同じ目標を持つ仲間とつながれる点も魅力です。

デイトラの主な特徴

• 1日1題で進められる迷わないカリキュラム
• 実務に即したわかりやすい動画教材
• 現役で活躍するプロに質問できるサポート体制
• サポート期間は1年間
• サポート終了後もカリキュラムは見放題
• 教材のアップデート分も無料で確認可能
• コミュニティを通じて学習仲間ができる
• Web系スキルを幅広く学べるコース展開
• 副業・転職・キャリアアップを目指しやすい学習内容

実際にデイトラを受講した方からは、「実務に即していて仕事で役立った」「スキルが身につき、キャリアの選択肢が広がった」といった声もあります。

未経験からWebスキルを身につけたい方や、副業・転職・キャリアアップを目指したい方にとって、デイトラは検討しやすいオンラインスクールのひとつです

② 料金

• Web制作コース：129,800円（買い切り・永久アクセス）
• 分割払いにも対応
• 無料でコース内容・レッスン例を確認できる

③ メリット・デメリット

④ AI時代との相性｜これが一番の決め手でした

ここが個人的に一番響いた部分です。

デイトラは2024年から組織全体で生成AIを導入していることを公式に発表しています。

⇒ 参考：デイトラ 生成AI活用事例レポート（公式）

代表や運営メンバーがXでAI活用についての発信を続けているのも印象的で、「AIを使いながら実践力を伸ばす方向性」がはっきり感じられます。

「AIを使えば全部自動で作れる」ということではなく、AIを活用しながら実務スキルを底上げするという姿勢が、今の学習環境としてすごく合っていると感じました。

AIツールで制作を加速させながら、デイトラで「何が良くて何がダメか判断できる力」を身につける。この組み合わせが、未経験からWeb制作を仕事にするための一番の近道だと思っています。

業界最安級、実績・口コミ多数！仕事に繋がるWebスキルを身につけるなら『デイトラ』

⑤ ママ視点での学びやすさ

Discordのコミュニティには、子育て中のママ受講生もいます。「子育てしながら学習中」という人が多いので、一人で孤独に続けるより格段に続けやすいです。

カリキュラムは動画＋テキストなので、スキマ時間に少しずつ進めることができます。

まとめ｜迷ったらまずここから

• ドットインストール：まず動画でインプットしたい、料金をかけたくない入門期に◎
• Progate：コードを初めて触る人の「体験」として◎
• Udemy：特定スキルを深掘りしたい、基礎がある人のプラスアルファに○
• YouTube・note・X：情報収集・最新トレンドのキャッチに◎（単体での学習は困難）
• デイトラ：LP制作を仕事にしたい、案件獲得まで目指したい人に◎◎

結論から言えば、「副業やフリーランスで稼ぎたい」という明確なゴールがあるなら、デイトラが今の選択肢の中で一番実践的だと感じています。

無料・低コストのサービスから始めてみて「もっと本格的にやりたい」と思ったタイミングで、デイトラへ移行する流れも全然アリです。