初心者向けのプログラミング学習サービスとして、100以上の国で利用されている『Progate（プロゲート）』。2014年にサービスが開始し、今では300万人以上のユーザー数を誇っています。

そんなProgateに2022年11月、新サービス『Progate Path（プロゲートパス）』が登場しています。
 『Progate』との違いは、**実務に近い経験をできるカリキュラムになっている**こと。学んだことを実際の現場でどう生かせるのか見通しづらい、実務スキルのなさゆえに採用で不利になる、という問題を解決するのが狙いです。

Progate Pathの具体的な内容は、プログラミングを学んだ経験のあるアンドエンジニア編集部員が体験して前回の記事にまとめています。

実務スキルが学べる！？Progateとその進化版「Progate Path」の体験レポート！

今回の後編では、Progate創業者でありCEOの加藤 將倫さんとProgate PathのPdMである福井 達也さんに、**Progate Pathのリリースに至る経緯や今後の展望**をお伺いしました。

1993年愛知県生まれ。小中学校時代をオーストラリアのパースで過ごす。
東京大学工学部在学中の2014年7月にオンラインプログラミング学習サービスのProgateを創業。
 『Forbes 30 Under 30 ASIA 2018 (Forbesが選ぶアジアを代表する30才未満の30人)』に選出される。

アドテクノロジー関連企業にてエンジニアとしてシステムの開発・保守・運用に携わる。
2019年4月にProgateに入社し、「Progate」のコンテンツや「Progate Journey」の制作に携わる。
現在は「Progate Path」のPdMとコンテンツリードを担当し、企画開発を進めている。

## 門戸を開くProgate、ゴールが見えるProgate Path

#### balloon eriko_ichibangase left
今回はProgate Pathのお話をメインに伺いますが、まずはProgateからProgate Pathに至る経緯をお聞かせ願えますか？

#### balloon masanori_katou right
Progateは2014年にスタートアップとして立ち上げたサービスです。最初はスタートアップやベンチャー界隈を中心に使っていただいていたんですが、2018年のProgateのアプリ版のリリースや、2020年頃のプログラミング義務教育化の流れの中で、より広い層に使っていただけるようになりました。

#### balloon masanori_katou right
ユーザーが大幅に増えたことで、創業当初の課題だった「プログラミングの楽しさを伝えたい」「始めるのは難しくないことを伝えたい」といった部分が一定達成できるようになったのはすごくよかったです。

#### balloon eriko_ichibangase left
小中学校で必修化されたり、大学共通テストの科目になったりして、プログラミングは全員が身につけるべきといった空気もありますよね。素朴な疑問ですが、本当にみんなが学ぶべきなんですか？ 

#### balloon masanori_katou right
選択肢が増えると言った意味では、誰もが一度触れてみることはとても大事だと思っています。その上で、触ってみて合わないなと思った人が我慢して嫌々学ぶ必要まではないと思います。ただ、**プロダクトマネージャーとかWebデザイナーとか、エンジニアに隣接する領域で働く人はプログラミングに触れておくほうが仕事はスムーズになる**でしょうね。

#### balloon eriko_ichibangase left
子どもはどうでしょう？誰もがエンジニアになるわけではないですが、ITスキルは必要ですよね。

#### balloon masanori_katou right
僕自身はプログラミングを始めたのが大学生になってからだったのですが、もっと早いうちに技術に触れることができていたら大きなアドバンテージになっていただろうなと思います。なのでエンジニアになるわけではなくても、子どもはみんな早いうちに一度触れて、選択肢の一つとして知ることができる機会があったほうがいいと思います。

~~2023年6月、Progateの登録ユーザー数が300万人を突破した。2021年2月から、実に1.5倍の伸びとなっている。~~

#### balloon eriko_ichibangase left
話を戻しますと、2018年のアプリ化後、2020年からはコロナ禍ですね。リモートワークが広がったり、いわゆる“おうち時間”も増えたのでさらに伸びたのでは？

#### balloon masanori_katou right
はい、コロナでオンラインでの学びが加速したことで、ユーザー数は一気に増えました。ただ、**Progateのユーザーが増えた結果、プログラミング教育の難しさもより実感することになった**んです。

#### balloon eriko_ichibangase left
プログラミング教育の難しさとは？

#### balloon masanori_katou right
**プログラミングを学ぶこととそのスキルを実務に生かすこととのギャップ**です。様々な層のユーザーが増える中で、何かを作りだしたり、エンジニアとして働いたりして世の中に価値を提供していくとなると、Progateだけでは足りないよねという声がより一層聞こえるようになってきました。そのことが、今回の新サービス『Progate Path』の構想につながっていきました。

#### balloon eriko_ichibangase left
Progateで学んだことを活かして、実務に近い経験ができるカリキュラムですね。企画からリリースまではどれくらいの期間でしたか？

#### balloon masanori_katou right
2021年頃から企画して、リリースしたのは2022年です。

#### balloon eriko_ichibangase left
Progate Pathをより有用なサービスにするために、意識したことはありますか？

#### balloon masanori_katou right
**Progateは、プログラミングを学び始めるハードルを下げることに集中したので、学習の入口から設計**しました。一方の**Progate Pathは、学んだ結果を見通せることを重視したので学習のゴールから逆算して設計**しています。そういう意味では、真逆のアプローチで企画されたサービスです。

## 実務スキルを身につければ、キャリアパスを見通せるようになる

~~Progate Pathでは、ユーザー自身が環境構築を行い、実務と同じようにローカル環境でコーディングを行うのが大きな特徴。~~

#### balloon eriko_ichibangase left
Progate Pathのサービスを開発するにあたって、カリキュラムのレベルや内容はどんな風に決めていったんですか？

#### balloon tatsuya_fukui right
自分たちの原体験とユーザーの声を参考に決めていきましたね。順番としてはまず自分たちの原体験としてどんなことに困ったか、意見を出し合いました。とはいえ、今となっては自分たちの学習時の記憶が薄れていることも多いので、Progateのユーザーさんにヒアリングしたり、TwitterなどのSNSで聞いてみたりもしました。

#### balloon tatsuya_fukui right
すると、**勉強したけど実務を経験する機会がない、志望企業があるけど募集要項が実務経験2年以上なので応募できない、といった声があることがわかりました。**

#### balloon eriko_ichibangase left
Progate Pathのサイトにも「『最初の一歩』のその先へ」というキャッチコピーがありますが、プログラミングを学んだあとのキャリアパスが見通せない悩みは切実なんですね。<br/><br/>Progate Pathがあることで、エンジニアの道を諦めなくてよくなるとしたら画期的だと思います。

### Progate Pathが定義する実務感＝自由度の高い実装・評価ができること

#### balloon eriko_ichibangase left
Progate Pathで定義している「実務感」とは、どんなものでしょう？

#### balloon tatsuya_fukui right
Progate Pathでは、**実務感があるというのは、解法に自由度があるということ**だと考えています。学習段階とは違い、実務は問題が解決すれば基本的にそれでOKです。なのでProgate Pathでは、正解にたどりつく道筋は自由である、ということを大事にしています。

#### balloon eriko_ichibangase left
でも実際の現場では、今起きている問題しか見なかった結果、別のバグを引き起こしてしまうこともよくありますよね。目の前の問題が解決すればそれでいいというわけでもないと思いますが、そこは大丈夫でしょうか？

#### balloon tatsuya_fukui right
それももちろん考慮しています。他のコードを誤って触っていないかなど、別の箇所に影響がないかどうかのチェックもタスクに入れています。

#### balloon eriko_ichibangase left
それはまさに実務的ですね。ハマりやすいアンチパターンにひっかからないようにする工夫もありますか？

#### balloon tatsuya_fukui right
アンチパターンの一覧を出すような機能は今のところありませんが、他の人の回答を参照できるようにしたり、「ひとまず解けたけどこれでいいのか？」という疑問を持った人が質問してフィードバックを受けられるようにする仕組み作りを考えています。

~~実務を小さなタスクに細分化して経験できるようにカリキュラムが組まれている~~

#### balloon eriko_ichibangase left
Progate Pathでは開発環境を構築したり、バグを修正したりといったタスクをこなしていくようですが、具体的にはどんなことができるエンジニアになれることを想定しているんでしょう？

#### balloon tatsuya_fukui right
エンジニアの仕事はざっくり分けると企画・設計・実装・評価ですが、**Progate Pathで目指すのは実装・評価ができるレベル**です。例えば、小さなバグ修正の場合は、バグ調査が評価、バグ修正が実装、動作確認が評価。機能追加の場合は、機能の実装と動作確認による評価、ですね。

#### balloon eriko_ichibangase left
実際の現場では、新規システムの開発に最初から入ることはあまりなくて、誰かが作ったもののバグを直したり、誰かが作ったものに機能追加したりするほうが多いですもんね。

#### balloon tatsuya_fukui right
今後、よりステップバイステップで学べるようにタスクを増やしていく予定です。また、テストケースを考えたり、テストコードを入れたりといった、テスト工程のタスク追加も考えています。

### 学ぶ順番は自由。興味とニーズで選べる学習方法。

#### balloon eriko_ichibangase left
Progate Pathでは**2023年7月時点で「Webエンジニアコース」と「個別タスクの買い切り」**を選べるようですが、どういう違いがあるんですか？

#### balloon tatsuya_fukui right
**「Webエンジニアコース」は、体系的に学ぶことを重要視したカリキュラムで、一方の「個別タスク」は、問題解決の方法にたどり着くための実務感を重要視したカリキュラム**になっています。

#### balloon eriko_ichibangase left
「バグは直せるけど基礎の理解が足りてないエンジニア」は、実際多いですよね。ということは、個別タスクをこなしてからWebエンジニアコース、という流れのイメージでしょうか？

#### balloon tatsuya_fukui right
どちらが先、ということではありません。まずは体系的に理解したい人もいれば、先に問題解決力を身につけたい人もいます。それぞれの興味やニーズで選んでいただければいいと思います。

#### balloon eriko_ichibangase left
たしかに。ところでProgate Pathには楽しく学習できるような工夫はありますか？Progateは、かわいいにんじゃわんこのキャラクターがいますよね？

#### balloon tatsuya_fukui right
パズル感覚の楽しさがあるという声はいただいていますが、正直今は、楽しさという意味ではちょっと弱いですね。難しいという反応も多いです。キャラクターでの演出予定はないですが、もう少し楽しめる要素は加えたいと思っています。

#### balloon eriko_ichibangase left
たしかに、学ぶ楽しさって、キャラクターやゲーム要素だけではないですよね。ゴールを見据えて挑戦すること自体を楽しいと感じる人も多いのではないでしょうか。

## 学習サービスの枠を超えた、Progate Pathの展望

#### balloon eriko_ichibangase left
Progate Pathは今後、どんな層に、どのように広がっていってほしいと考えておられますか？

#### balloon masanori_katou right
やはり、学生ですね。**社会人になってからのジョブチェンジのコストを考えても、学生時代にキャリアパスを見通せるほうが絶対いい**ので、インターンシップのマッチングにも力を入れたいと思っています。

#### balloon eriko_ichibangase left
インターンシップのマッチングは、なぜ重要なんでしょう？

#### balloon masanori_katou right
**実はインターンシップって、人脈に恵まれないと経験できないのが現実**なんですよ。しっかり勉強してスキルを身につけるだけではダメなことも多いんです。

#### balloon eriko_ichibangase left
今の学生さんたちは、気軽に体験しているイメージを持っていたんですが、違うんですね。

#### balloon masanori_katou right
そうなんです。なので、**Progate Pathを使ってインターンシップの情報収集したり、マッチングできるようにしたい**んです。Progate Pathでどんな課題をこなしたかを企業が見て、求めるスキルを満たしているか判断できる、とか。

#### balloon eriko_ichibangase left
それは、インターンシップだけでなく中途採用の求人にも役立ちそうですね。実際に働いたという意味での実務経験がなくても、実務スキルが見える化されていれば採用の道が開けそうです。

~~2023年5月～には、学生ユーザー限定でコーディング面接練習会を実施。学生が実務を経験できる機会の創出に力を入れている。~~

#### balloon eriko_ichibangase left
学生みんなに、とのことですが、実際にインターンシップで実務を経験している人にもProgate Pathのカリキュラムは有効ですか？

#### balloon tatsuya_fukui right
インターンシップ経験者は現場の実務感を知っているだけに、Progate Pathのカリキュラムを楽しんでこなしてくれる傾向にあるなと感じています。

#### balloon eriko_ichibangase left
実際に経験していることが整理されてタスクになっていると、よりゲーム感覚で楽しめるのかもしれませんね。体系的に理解するという意味でも役立ちそうです。

#### balloon masanori_katou right
**長期的には、学生はProgate Pathで学ぶのが当たり前、という時代になってほしい**と思っているんです。

#### balloon eriko_ichibangase left
その域まで目指しておられるんですね。そうなるともう、学習ツールやWebサービスという枠を超えた位置づけの場になりますね。

#### balloon tatsuya_fukui right
Progateは「創れる人を生み出す」というミッションを掲げているんですが、Progate Pathは、楽しく、コミュニティとして学習が広がっていくような場所になっていくといいなと思っています。**

#### balloon tatsuya_fukui right
Progate Pathで創り続けてくれたり、後輩に教えるような関係性ができたりしたら嬉しいですね。

過去のインタビューで、「Progateで学んだ」「今はProgateがある」という言葉を何度聞いたかわかりません。
今回、「Progateで気軽に楽しく学びを始め、Progate Pathによって学びをキャリアに生かす」というストーリーが出来上がったことを直接聞く機会をいただけて光栄でした。
コミュニティーとしてさらに発展していくProgate Pathに期待しています。

心理学科卒業後、新卒未経験でSI企業に就職し、Java系のSEとして10年。 結婚出産を経て、2015年にトラベルライターに転身。 現在はライターのほか、webディレクターや広報の業務にも携わっている。 新婚旅行では1年かけて世界50ヶ国を巡るほどの旅行好き。 日々の晩酌が何よりの楽しみ。

一番ヶ瀬 絵梨子

加藤さん

福井さん

Progate Pathは、プログラミング学習後にエンジニアの実務を疑似体験できるサービスである。

エンジニアの実務を学ぶことにより、キャリアパスを見通せるようになる。

Progate Pathによる実務スキルの可視化は、インターンシップや求人のマッチングを可能にする。

エンジニアを諦めなくてもいい環境を。キャリアパスを見える化し、エンジニアを創出するProgate Pathの役割

こんにちは、アンドエンジニア編集部です。

**「プログラミングを学んでいまの業務への活用や転職・キャリアアップに繋げたい・・・」**

そのような思いから、プログラミングを学ぼうと考え中の方・あるいは学習中の方も多いのではないでしょうか？

しかし、実際どのように環境構築やテストを行えばいいのか、分からない方も多いと思います。

プログラミング学習ができる有名なサービスのひとつにProgateがありますが、Progateで学習したユーザーが実際に開発を始めると、**「開発環境の構築方法が分からない」「エラーが発生した時にどのように解決すればいいのか分からない」**といった課題に直面することもあるかと思います。

そんな中、**Progateでプログラミングを学んだ人が「その先」の「実践的なプログラミング」を学べるサービス『Progate Path』が2022年11月に公開されました**！

参考：[Progate Pathの公式サイト](https://path.progate.com/)

そこで、今回は**ProgateとProgate Pathの間にどんな違いがあるのか？Progate Pathで学べる実践的なプログラミングとは？アンドエンジニア編集部員が実際に体験してみました**！

#### balloon nao left
文系出身の元Webデザイナーで、使用経験があるのはHTML/CSS/PHP。Progateでプログラミング言語を学んだ過去あり。

#### balloon yuu right
元Webエンジニア。前職では企業向けのWebシステム開発案件でPHPを用いて開発していた。Progateを利用してプログラミングを学んだ過去あり。

#### balloon yuu right
まずはProgateってご存じですか？

#### balloon nao left
知ってる知ってる！**プログラミング学習ができるサイトでしょ**。有名だし使ったこともある！<br/>私はHTML/CSSのレッスンとかをやったんだけど、スライドの説明がイラストになっててわかりやすかった記憶がある。

#### balloon yuu right
その分かりやすさから、プログラミングをはじめたての場合まずProgateから手を付けるという人も多いですね。しかし、**Progateは始めやすい一方で、「終わったらどうする」「簡単すぎる」といった意見もあるようです**。

#### balloon nao left
終わったらどうするはたしかにそうかも。JavaScriptレッスンとかなら、「ホームページのこの部分を作るぞ！」みたいに学んだ内容を活かすイメージがなんとなく湧くけど、Rubyとかのレッスンになると「書き方覚えた！…このあとどうするの？」ってなっちゃいそう。

#### balloon yuu right
**そんな人たちにオススメなのが『Progate Path』です**！

#### balloon yuu right
Progate Pathは「実務につながる経験を積めるプログラミング学習サービス」として、2022年11月にリリースされました。

#### balloon yuu right
Progateではプログラミング言語の書き方を中心に学べますが、エンジニアとして仕事をする上では他のスキルも必要です。例えば、「コードを読む力」や「デバッグ力」、「検索する力」や「公式ドキュメントを読む力」などです。

#### balloon yuu right
**Progate Pathでは、それらの「エンジニアの実務に必要なスキル」を学ぶことができます**。

~~Progate Pathでは、エンジニアの実務で必要とされる「技術書で学べるスキル」「実務で身につけるスキル」の両方を学ぶことができる~~

#### balloon nao left
（急に説明口調になった...）つまり、**Progateは基礎となるプログラミングをメインに学べて、Progate PathはProgateで学べるプログラミング含め実務で使用する技術も学べる**ってこと？

#### balloon yuu right
その通りです。

#### balloon nao left
なるほどね。私が始めるならもう一度Progateからかな...。昔Progateでプログラミング言語を学んだけど、十分に勉強できていないから。

#### balloon yuu right
なおさんのような「昔Progateでプログラミング言語を学んだけど、十分に勉強できていない初心者」には、Progae Pathの公式サイトに公開されている『学習ロードマップ』を元に学習を進めてみるのが良いでしょう。

#### balloon yuu right
**Progate Pathでは、本気でエンジニアを目指す人向けに『学習ロードマップ』が公開されています**。

参考：[エンジニア就職までの学習ロードマップ](https://path.progate.com/roadmap)

#### balloon yuu right
今回は、そんなロードマップに沿って体験してみました！

### Web開発コースをはじめる方へ（Node.js）

~~Progateのログイン後に表示される上部メニューから、『学習ロードマップ』を見ることができる~~

#### balloon nao left
このコースを最後までやりきったらどうなるのですか？（Progate在住 わんこさん）

#### balloon nao left
こういうのが書いてあると、**自分でも「私は何のためにこのコースを受講するんだ？」って最初に意識できていいね**！

#### balloon yuu right
**「なんとなくやりました」より「このためにやってます」と意識できていた方が真剣に取り組めそうですよね**。

#### balloon yuu right
自分は2018年頃にProgateを使っていたのですけれど、当時はこのように改めてProgateの使い方や学習前の心構えを教えてくれるページがなかったので良いなと思います。

### 学習レッスン HTML & CSS 初級編

#### balloon yuu right
**直接学習と関係ない箇所はコピペできる機能があったり、分からなくなったらコーディングの画面から直接スライドへ戻れるようになっている**んですね。

#### balloon nao left
プログラミング初心者でもついていけそう！初心者に優しい設計だね。

#### balloon yuu right
HTML&CSSなどのマークアップ言語は、PHPやPythonなどのバックエンド言語とは異なり、プログラムが間違っていても動きます。プログラミング初心者あるあるの「エラーで詰まって先に進めない」という現象に陥りにくいこともあり、ついていきやすいと思います。

#### balloon nao left
急に難易度が上がった気がする...。

#### balloon yuu right
Node.jsはサーバーサイド側だからですね。前レッスンで学んだJavaScriptは「フロントエンド言語」、Node.jsは「JavaScriptをサーバーサイド上で動かす仕組み」という違いがあるので、なおさんのような初心者には難しく感じるかもしれません。

#### balloon nao left
飛ばしちゃダメ...？

#### balloon yuu right
**Node.jsはこの後のProgate Pathでめちゃくちゃ使いますし、Progate Pathを進めるのに不可欠な「コマンドラインの操作」も併せて覚えられる**ので、頑張って進めましょう！

### Progate CLI と Node.js の開発環境の構築

#### balloon nao left
Progate一通り終わったー！いよいよProgate Pathを進めていこうと思うんだけど「Progate CLI」と「Node.js」の準備が必要って書いてあるね？「Node.js」はさっきレッスンでやったけど…「Progate CLI」ってなに？ワンチャン無しでもいける？？？

#### balloon yuu right
なんでいけると思ったんですか？**Progate Path で学習を進める上で、「Progate CLI 」は必須ツール**です！

Progateが独自に開発したコード判定ツールです。Progate CLIを導入することで、ローカル環境でコードを書きながらも、Progate Pathのブラウザ上で自分自身のコードの判定を確認することが可能になります。

~~参考：[Progate Path 公式サイト](https://path.progate.com/)~~

#### balloon yuu right
ProgateはWeb上だけで学習を進められましたが、**Progate Pathは[公式サイト](https://path.progate.com/)にある説明を見ながら、自分でローカル環境を用意してレッスンを進めていく**んです。<br/>ただ、最初の『Progate Pathとは？』でお話ししたようにProgate Pathではデバッグのレッスンも行うので、コードの判定や進捗の同期を行うために、Progate CLIが必要なんですね。

アンドエンジニア編集部員。元Webエンジニア、好きなプログラミング言語はPHP。

編集部：ゆう

アンドエンジニア編集部員。文系出身の元webデザイナー。

学習の記事（1ページ目）