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

まずはProgateってご存じですか？

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

そんな人たちにオススメなのが『Progate Path』です！

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

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

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

その通りです。

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

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

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

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

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

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

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

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

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

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

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

正しくは、プログラムのバグを見つけ、手直しする作業のことです。
Progate CLIがあれば、自分がローカル上で書いたプログラムを、Progate Pathのサーバー上に送信し、書いたコードをCLIが判定することでテストできるようになっているんですね。

繋げるという意味では同じかもしれませんね。

普段から言ってますよねそれ。なにがそんなに怖いんですか？

触らないといつまで経っても怖いままですよ。仕事でプログラミングする時は、自分のPC内やクラウド環境にサーバーを立ててプログラミングの開発環境を構築することが多いです。
そのため、この「開発環境の構築」はすごく大変だと思いますが、実務感を養う上ではすごく重要なんですね。

エラーが出たら読んでみましょう。
ただ、エラー文読んだだけだと原因がハッキリしない場合があるので、そのような時は同じ現象が起きて解決した人がいないかググってみると良いでしょう。

Progate Pathでは、解決ページにエラーの英文の読み方から優しく書いてあるので、そちらを参照してみるのも良いかもしれませんね。

CSS修正自体は楽にできると思いますが、このレッスンを通して、エンジニアの開発現場で実施されている「修正→テスト→リリース」のステップを踏んでいるため、エンジニアの実務感を得られるようになっていて良いですね。

このレッスンでは、Progate Pathで用意された「PayCalculator」という割り勘計算アプリを開発していきます。状況としては、「PayCalculator」を開発するプロジェクトに参加したと想定して、タスクを進めていきます。

実際の開発現場では、プロジェクトに途中参加することが多いです。プロジェクトに途中から参加した際は、用意された仕様書を読んでプロダクトの仕様を把握する必要があるので、良い練習になりそうですね。

「仕様書」とはアプリやシステムなどのプロダクトを作る上で必要な要件をまとめた開発者への説明書のことを指しますが、ある程度の人数で開発が必要なプロダクトには、この仕様書が用意されていることが多いです。

途中からプロジェクトに参加した際は、用意された仕様書を読んでプロダクトの仕様を把握した上で、開発を進めていく必要があるので、このレッスンを通して仕様書を読む力も培うことができると思います。

「チャレンジタスク」は、各レッスンで覚えた内容を自分のものにできているかを確認するテストのようなものですね。
チャレンジタスクでは、タスクの概要と仕様書が手渡され、まるで実務のようにタスクを進める必要があります。

ちなみに、チャレンジタスクをクリアするために必要になる知識を「特訓タスク」で復習することができます。
まずは、チャレンジタスクに取り組んでみて、難しかった場合は「特訓タスク」で必要な知識を身につけましょう！

このレッスンからは、「Tweet App」というツイッターのようなアプリを作っていくんですね。

「Tweet App」は、Progateの「Rails」レッスンでも題材になっています。Progateの経験者には馴染みがあるのではないでしょうか。今回はそのProgate Path版のようなレッスンですね。

ProgateではレッスンがWebで完結していたため、学べることはプログラムの書き方がメインでしたが、Progate PathではGitでのソースコード管理と、ESLintとPrettierを用いたコーディング規約を学べるので、よりチームで開発する時の勉強になりそうですね。