Progate（プロゲート）とは
プログラミング初心者のための オンライン学習サービス。
スライド形式の教材と実際に手を動かすコーディング練習が組み合わさっており「読むだけではなく書きながら学べる」構成になっています。
Webサイト制作に欠かせないHTML、CSS、JavaScriptはもちろん、Python、PHP、Ruby、SQL、Git、Reactなど幅広い分野を網羅。
初心者が最初の一歩を踏み出すのに最適なプラットフォームと言えます。
主な機能・特徴
| スライド形式の教材 | イラスト付で初心者にもわかりやすいビジュアル解説 |
| ブラウザ上で学習できる | 開発環境の準備不要！ブラウザ上でコードを書いて実行 |
| 自動採点システム | コードを実行すると正解・不正解がすぐわかる！ |
| レベルアップシステム | 学習ごとに経験値がたまり、ゲーム感覚でステップアップ |
| 学習マップ機能 | どの言語から学ぶべきかが一目でわかるロードマップを用意 |
| スマホアプリ対応 | iOS / Android 向けのアプリがあり、スキマ時間に学習可能 |
| チーム・教育機関利用にも対応 | 法人・学校向けプランもあり導入も可能 |
活用例
- Webサイト制作の入門に
HTML、CSSの基礎を学んでデザインをブラウザで再現可能に - JavaScriptの基礎理解に
Webに動きをつけたいときに。簡単な構文からイベント処理まで練習可能 - バックエンド開発の練習に
PHPやRuby、Pythonを使って動的なWebアプリを作る感覚を身につけたいときに - 就職・転職活動の準備に
ポートフォリオ制作の前段階として基礎スキルを固めたいときに - 学習の習慣化に
毎日の学習時間を記録する「連続ログイン」機能でモチベーション維持をしたい人に
使い方
インストール：不要
ログイン：必須。メールアドレスまたは Google、X、GitHub等のアカウントで登録可能
①学習言語を選ぶ
学びたい言語を選択します。
初心者は「HTML & CSS 初級編」 から始めるのがおすすめ！
②スライドで理解する
最初にスライド形式の教材が表示されます。
イラスト付きで考え方や用語をやさしく説明してくれます。
③実際にコードを書く
スライドの次はエディタ画面に切り替わり、実際にコードを入力する演習に。
ブラウザ上で動作するため、インストール不要！
④正解を確認して次へ進む
コードを実行すると「正解」または「もう一度」と結果が出ます。
クリアすると次のスライドが解放され、少しずつレベルアップしていきます。
⑤レベルアップ・記録管理
学習を進めると経験値がたまり、レベルが上がります。
マイページでは、今まで学んだレッスン、学習時間、連続ログイン日数などを確認可能。
⑥有料プランの活用（任意）
無料でも一部コースを体験できますが有料プランでは以下が利用可能になります
・すべてのレッスンにアクセス可能
・応用編・実践編の教材解放
・Webアプリ・チーム開発などの実践的学習
サービスについて
| 料金形態 | 無料会員：0円 1ヶ月プラン：1,490円/月 6ヶ月プラン：1,290円/月 12ヶ月プラン：990円/月 |
| 対応レベル | プログラミング初級者～上級者 |
| 教材タイプ | ブラウザ上で動画講座＆演習機能 |
| 講座内容 | HTMLやCSS、JavaScript、PHPなどの他、様々なプログラミング |
| 登録・ログイン | 一部不要、有料会員必須 |
| 規約の確認先 | 公式サイト |
※掲載内容は変更される場合があります。必ず【公式サイト】で確認後、自己責任でご利用ください。
注意点
※無料プランは内容が限られている
すべてのコースを学ぶには有料プランへの加入が必要
※動画教材ではない
ドットインストールのような動画学習ではなく、スライド＋実践型の学習スタイル
※環境構築は学べない
ブラウザ内で完結するため、実際の開発環境構築（VSCodeなど）は別途学習が必要
※スマホ学習は理論中心
アプリ版ではスライド中心の学習のみ可能。コーディング演習はPC推奨
related site
