「何周したか」ではなく「Progateの外で書けるか」で決める・2026年10月時点の料金とプラン・道場レッスンで答えを見る順番・解約しても学習データは残る
Progateの有料プランをいつまで続けるかは、「何ヶ月」でも「何周」でも決まりません。区切りは、Progateの外に出て、指示なしで60分書けるかどうかです。Web制作を目指す方なら、HTML & CSSのコースを1周したところでこのテストをします。通ったら解約して模写コーディング(実在のサイトを見て同じものを作る練習)へ進み、通らなければ落とした項目のレッスンにだけ戻ります。
周回そのものが害になるわけではありません。危ないのは、周回している間は「進んでいる感覚」が途切れないことです。演習はクリアでき、2周目は1周目より速く終わります。そのあいだに、自分のPCで白紙から書く日が1ヶ月、2ヶ月と後ろへずれていきます。
この記事では、2026年10月時点のProgateの料金とプランを公式ページで確認したうえで、次の5つを書きます。対象はWeb制作志望の方です。学習全体の順序は独学ロードマップ本編の5ステップに譲り、本記事はProgateの続け方とやめ方に絞ります。
- 2026年10月時点の料金・プラン・解約の仕様(公式で確認できた範囲)
- 有料プランを続けるか解約するかを「いまの状態」で決める表
- 次へ進む判定に使う「Progateの外で60分書くテスト」
- 道場コース(道場レッスン)でつまずいたときの向き合い方
- 「Progateは意味ない」という声への答えと、終えたあとの最初の1週間
2026年10月時点のProgateの料金とプラン
個人向けの有料プランは「プラス」と「プロ」の2つで、Web制作の基礎にあたるHTML & CSSコースはプラスの範囲です。下の表は、2026年10月5日にProgate公式の料金ページ・コースページ・よくある質問で確認した内容です。
| プラン | 料金(税込) | 学べる範囲 | Web制作志望での使いどころ |
|---|---|---|---|
| 無料 | 0円 | 各コースの冒頭部分 | 教材との相性を確かめる |
| プラス | 1ヶ月プラン 1,490円/月 12ヶ月プラン 11,880円(月あたり990円相当) |
プラス対象のコンテンツすべて。HTML & CSSコースの7レッスンは全てプラス表示 | HTML/CSSの基礎を1周する |
| プロ | 1ヶ月プラン 4,990円/月 12ヶ月プラン 29,880円(月あたり2,490円相当) |
プラスの全機能に加え、実務で求められるスキルを幅広く学べる(公式の説明) | 発展的な演習や模写のレッスンまでProgateの中で進めたい場合 |
出典はProgate公式の料金ページと、よくある質問の「プラスプランを利用したい」・「プロプランを利用したい」・「無料プランと有料プランの違い」です。料金と範囲は変わることがあるので、申し込む前に公式の料金ページを見てください。
判断に関わる仕様は5つです。
- 自動更新。解約しないと、同じプラン・同じ期間で更新される
- 解約しても元の利用期限までは使える。返金はない(有料プランの解約)
- 休会の機能はない(有料プランを休会したい)
- 解約しても学習データは残り、再開すれば続きから学べる。退会(アカウント削除)をすると消える(有料プラン解約時の学習データについて)
- 銀行振込の12ヶ月プランは、期間途中の解約・返金に対応していない
検索結果には「月額980円」「月額1,078円」と書かれた記事が残っていますが、2026年10月時点の公式の金額は上の表のとおりです。直近の変更は2026年5月で、旧「Progate Professional」がプロプランに統合されました(公式のよくある質問)。
検索で「道場コース」と呼ばれているものは、公式のコースページでは「道場」のラベルが付いたレッスンです。HTML & CSSコースには初級編・中級編・上級編の3本があり、目安は順に2時間30分・3時間20分・1時間40分です。公式のよくある質問には「道場コース」「道場レッスン」の両方が出てくるので、以下では「道場レッスン」と書きます。
有料プランは「何ヶ月」ではなく「いまの状態」で決める
期間は結果として決まるもので、先に決めるものではありません。目安だけ先に計算しておくと、HTML & CSSは1ヶ月プラン1回、JavaScriptとjQueryを足しても2回前後に収まる量です。
公式ページの目安時間は、HTML & CSSが19時間、JavaScriptが13時間、jQueryが11時間で、合計43時間です。初めての方は目安どおりに進まないことが多いので、倍で見積もります。HTML & CSSだけなら38時間、週10時間で約4週間。3コース合わせた86時間でも、週10時間で約9週間(約2ヶ月)です。
そのうえで、続けるか解約するかは次の表で決めます。
| いまの状態 | 有料プラン | 次にやること |
|---|---|---|
| HTML & CSSの 1周目の途中 |
続ける | 最後まで1周する。分からない演習は答えを見て先へ進む |
| 1周したが、 外で書いたことがない |
更新日の前に判定する | 次章の「60分テスト」を、更新日の数日前までに済ませる |
| テストの4項目が 全部○ |
解約してよい | 模写コーディングへ進む |
| テストに×がある | 戻る間だけ続ける | ×の項目に対応するレッスンだけやり直す。全体をもう1周しない |
| 模写を進めていて、 Progateを開いていない |
解約する | JavaScriptのコースを使う月に再開する |
| JavaScript・jQueryの コースを進めている |
続ける | 1周で区切り、メニューやスライダーの実装へ移る |
解約をためらう理由の多くは「あとで復習したくなったら困る」です。前章のとおり、解約しても学習データは残り、再開すれば続きから学べます。公式のよくある質問を読んでいて意外だったのは、休会がない代わりに、利用しない期間は一度解約するよう公式自身が案内していた点です。Progateの解約は「やめる」ではなく、「使う月だけ払う」ための操作です。
12ヶ月プランが合うのは、8ヶ月以上使い続ける見込みがある場合です。1ヶ月プランの8回分は11,920円で、ここで初めて12ヶ月プランの11,880円を上回ります。複数の言語を1年かけて学ぶ方には12ヶ月プラン、HTML/CSSとJavaScriptの基礎が目的の方には1ヶ月プランが合います。
次へ進む判定｜Progateの外で60分書くテスト
次へ進んでよいかは、Progateの中では判定できません。自分のPCで、スライドを開かずに60分書き、4つの項目で合否を決めます。このテストはProgate公式のものではなく、当校が判定用に組んだ目安です。
- 自分のPCにエディタ(VSCodeなど)を入れ、空のフォルダを1つ作る。手順はProgate公式の環境構築記事(macOS用・Windows用)にある
- 題材は「ロゴとメニューが横に並んだヘッダー」と「見出し・説明文・ボタンを置いたトップ部分」
- タイマーを60分にする。Progateのスライドと過去の自分のコードは開かない。タグ名やプロパティ名の検索は使ってよい
- 60分で手を止め、下の表で採点する。完成していなくて構わない
| 項目 | ○の基準 | ×だったときに戻る場所 |
|---|---|---|
| 1. 準備 | index.htmlとstyle.cssを自分で作り、CSSを読み込ませてブラウザに表示できた | 公式記事「HTML & CSS の開発環境を用意しよう！」 |
| 2. 骨組み | ヘッダーとトップ部分のHTMLを、スライドなしで書けた | 初級編の「HTMLの全体構造」「ヘッダーの構造」 |
| 3. 横並び | ロゴとメニューを横に並べられた | Flexbox編(目安1時間) |
| 4. 原因の特定 | 崩れた箇所(なければ余白を1箇所)を検証ツールで開き、効いているプロパティを言えた | 公式記事「検証ツール(デベロッパーモード)の使い方」 |
| 5. 言葉にする | できなかったことを、検索できる言葉で3つ書けた | 戻る場所はない。模写の中で鍛える |
1〜4が全部○なら、Progateは卒業です。2〜4は本編のステップ1の卒業判定(白紙から書ける・横並び・検証ツール)に対応させ、Progateの利用者が自分で試せる形にしました。
5は合否に入れません。ただし×のまま模写に入ると、詰まったときに検索も質問も成立しにくくなります。「なんか崩れる」ではなく「メニューが右に寄らず、ロゴの下に落ちる」と書けるかどうかです。
当校の見立てでは、最初に×が付きやすいのは2や3ではなく1です。Progateはブラウザだけで書けるので、ファイルを作ってCSSをつなぐ作業を経験しないまま1周できます。ここで手が止まっても、文法の理解が足りないわけではありません。
周回が止まらなくなる理由｜Progateが引き受けている3つの仕事
周回が止まらないのは意志の弱さではなく、Progateの中にいる限り「まだ足りない部分」が見えない構造だからです。
基礎教材を何周もしてしまう一般的な仕組みは、本編の「遠回りした人の3パターン」に書きました。Progateの演習は、初心者が最初につまずく3つの仕事を、教材の側で引き受けています。
| 引き受けている仕事 | Progateの中 | 外に出たとき |
|---|---|---|
| 環境 | ブラウザを開けばすぐ書ける(公式も「環境構築不要」と説明) | エディタ・フォルダ・ファイルのつなぎ方を自分で用意する |
| 次に書くもの | スライドと演習の指示が決めてくれる | どのタグを使い、どの順で組むかを自分で決める |
| 合っているかの確認 | 演習ごとに判定が出る | 見本と見比べ、検証ツールで自分で確かめる |
この3つは欠点ではなく、初日から「書いたら表示が変わった」という体験に集中させるための設計です。ただし周回で伸びるのは、3つを引き受けてもらった状態での速さです。2周目が1周目より速く終わるのは、指示の流れと答えの形を覚えたぶんが大きく、白紙の前に座ったときの手はあまり変わっていません。速くなった手応えがあるだけに、もう1周が「努力している時間」に見えてしまいます。
もう1つ、外に出ると判定が消えます。模写の最初の週は「これで合っているのか分からない」状態が続き、判定のあるProgateに戻りたくなります。戻る先を「全体をもう1周」ではなく、「テストで×だった項目のレッスン」にしてください。
何周すればよいかの答えは、1周です。2周目をやるなら、Progateの中ではなく自分のエディタで同じページを作り直します。3つの仕事が自分に返ってくるので、1周目とは別の練習になります。
道場コース(道場レッスン)が難しいときの向き合い方
道場レッスンで手が止まるのは、初めて「次に書くもの」を自分で決める場面だからで、学習量が足りない証拠ではありません。答えは見て構いません。見る順番だけ決めておきます。
難しく感じるのは、学習レッスンと問われ方が違うから
公式ページは道場レッスンの初級編を、与えられた仕様書に沿ってWebページを一から作るレッスンだと説明しています。学習レッスンではスライドが次に書くものを示しますが、道場では仕様書と見本をもとに、何をどう書くかを自分で決めます。前章の3つの仕事のうち、「次に書くもの」だけが自分に返ってきた状態で、環境と判定は引き受けてもらったまま練習できます。
答えを見てよいか｜見る順番を決める
Progate自身がコードdiff機能のお知らせで、どうしても分からないときは答えとの差異を確認して前に進むことも習得のために重要だ、と書いています。よくある質問の「道場レッスンがクリアできません」でも、答えのコードとの比較が対処法に挙がっています。
- 見本のページと自分のページを「要素の検証」で見比べる(公式が最初に挙げている方法)
- 該当する学習レッスンのスライドに戻って読む
- 同じ箇所で30分止まったら、答えのコードとの差分を見る
- 差分で分かった箇所を一度消し、答えを閉じてから書き直す
1は公式のよくある質問にある方法で、2〜4の順番と30分の区切りは当校の見立てです。効くのは4です。答えを写して通すと判定はクリアになりますが、次の道場で同じ場所に戻ってきます。30分で区切る理由は、1日2時間の学習設計の記事に書いた打ち切りのルールと同じです。
道場レッスンをどこまでやるか
初級編の道場は、答えを見ながらでよいので最後まで通してください。中級編と上級編は選べます。判定のある環境でもう少し練習したい方は続け、60分テストの1〜4が○になった方は残りを飛ばして模写へ進めます。模写も「完成形だけを見て一から作る」練習なので、鍛えられる力は道場と重なります。
道場の手前、学習レッスンの段階で難しいと感じる場合は、全部を理解してから進もうとしないでください。公式も、一部のレッスンを除いて演習はスキップできると案内しています。1周してから×の項目に戻るほうが、同じ演習の前で止まるより早く抜けられます。
「Progateは意味ない」は本当か｜効くものと、残るもの
意味がないのではなく、担当範囲がはっきりしている教材です。
効くものは3つあります。1つ目は、環境構築なしで初日からコードを書き、表示を確かめられること。2つ目は、HTMLとCSSで何ができるのかという全体像を、公式目安19時間の1周でつかめること。3つ目は、道場レッスンで、判定付きのまま仕様書から自分で組む練習ができることです。
残るものは、前々章の3つの仕事と、実務の品質です。デザインどおりに組む再現度と、他人が後から直せるコード。どちらも本編のステップ4の範囲で、どの教材でも入門の段階では扱いきれません。
「意味ない」という感想が出やすいのは、全レッスンを終えたのにサイトが1枚も作れない、と気づいた場面です。原因は教材の質ではなく、外で書く段階にまだ入っていないことにあります。意味が薄れるのは、卒業の条件を満たしたあとも周回を続けた時間のほうです。
スクールを運営する当校から見ても、Web制作の入口からProgateを外す理由は見当たりません。当校の見立てでは、遠回りの原因になりやすいのは教材選びより、やめどきを決めていないことです。
Progateが終わったら｜最初の1週間でやること
いきなり難しい模写に入らず、最初の1週間は「Progateで作ったものを、Progateの外で作り直す」ことに使います。
- 1〜2日目: 環境を作る(エディタ、フォルダ、index.htmlとstyle.css)。60分テストの1が○なら飛ばす
- 3〜5日目: 初級編で作ったページを、自分のPCで最初から作り直す。スライドは詰まったときだけ開く
- 6〜7日目: 画像と文章を自分のものに差し替える。検証ツールで余白や色を1箇所ずつ変えてみる
- 2週目から: 実在するサイトを見て再現する模写コーディングに入る
3〜5日目は、新しいことを1つも学びません。引き受けてもらっていた3つの仕事ごと、自分でやり直すだけです。それでも1周目より時間がかかる方が多いはずで、その差がProgateの中では見えていなかった部分です。模写の進め方と卒業判定は、本編のステップ2にあります。
Progate自身も、この先の段階を用意しています。公式の「Web制作入門」コース(17レッスン・目安41時間)には、ポートフォリオサイトや会社のトップページを題材にした模写のレッスンがあります。コースの説明には、mosyaなど関連サービスのコンテンツも使って学ぶと書かれています。演習の多くはプロプランの表示です。Progateの中で続けたい方はこのコース、実在のサイトの再現に早く慣れたい方は自分で題材を選ぶ模写が合います。
模写で崩れの原因が分からないときは、CSSのレイアウトが崩れる原因と特定手順の記事を使ってください。JavaScriptに入る前の迷いにはJavaScriptとjQueryのどちらを学ぶかの記事が答えます。外に出てから何度も止まり、独学という方法そのものに限界を感じたときは、やめる前に独学の限界を感じたときの原因の切り分けを読んでください。
当校の場合｜最初の到達点も「作れること」に置いている
AddedPallasの5段階カリキュラムでも、最初の段階(STEP1)の到達点は「HTMLとCSSだけで、シンプルで動きのないサイトを作れる」ことです。本記事の60分テストは、その手前にある「白紙から書き始められるか」を確かめるものです。
外に出ると消える「合っているかの確認」は、当校では専属講師のコード添削が受け持ちます。質問はチャットで回数の制限がなく、フィードバックは1営業日以内です(サポート体制)。独学で進める場合は、見本との見比べと検証ツールがこの役を担います。どちらの道でも、確認の手段を1つ決めてから模写に入ってください。
よくある質問
- Progateの有料プランはいつまで続ければいいですか？
- 期間ではなく状態で決めます。HTML & CSSコースを1周したら、自分のPCでスライドを見ずに60分書くテストをしてください。ファイルの準備、骨組み、横並び、検証ツールでの原因の特定の4つができれば、解約して模写コーディングへ進めます。
- Progateの有料プランの料金はいくらですか？
- 2026年10月5日に公式の料金ページで確認した金額は、プラスプランが1ヶ月1,490円・12ヶ月11,880円です。プロプランは1ヶ月4,990円・12ヶ月29,880円です(いずれも税込)。料金は変わることがあるので、申し込む前に公式で確認してください。
- Progateは何周するのがいいですか？
- 1周です。2周目は指示の流れを覚えたぶん速く終わりますが、白紙から書く力はあまり増えません。もう一度やるなら、自分のエディタで同じページを作り直してください。
- 道場コース(道場レッスン)が難しくて進めません。答えを見てもいいですか？
- 見て構いません。Progate公式も、どうしても分からないときは答えとの差異を確認して前に進むことも重要だと書いています。要素の検証で見本と見比べる、スライドに戻る、30分止まったら答えとの差分を見る、分かった箇所を消して書き直す、の順が当校のおすすめです。
- 「Progateは意味ない」と言われるのは本当ですか？
- 意味がないのではなく、担当範囲が決まっている教材です。環境構築なしでHTML/CSSの全体像をつかむ入口として役に立ちます。ファイルを自分で用意する、何を書くか決める、合っているか確かめる、の3つはProgateの外で身につける部分です。
- Progateを解約すると、学習の記録は消えますか？
- Progate公式のよくある質問によると、有料プランを解約しても、退会(アカウント削除)をしない限り学習データは残ります(2026年10月時点)。プランを再開すれば続きから学べるので、使わない期間は一度解約し、必要になった月に再開できます。
まとめ｜やめどきは、Progateの外で決まる
Progateの続け方とやめ方で押さえることは4つです。
- 有料プランは「何ヶ月」「何周」ではなく状態で決める。HTML & CSSを1周したら、自分のPCで60分書くテストをする
- テストの1〜4(準備・骨組み・横並び・原因の特定)が全部○なら解約して模写へ。×があれば、その項目のレッスンにだけ戻る
- 解約しても学習データは残り、再開すれば続きから学べる(2026年10月時点の公式仕様)。使う月だけ有料にしてよい
- 道場レッスンは答えを見てよい。見比べる・スライドに戻る・30分で差分を見る・消して書き直す、の順を守る
60分テストの結果を見ても戻る場所の判断がつかないときは、無料カウンセリングで学習の進め方を相談できます。どの項目が×だったかをメモしておくと、相談が具体的になります。