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

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

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

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

プログラミング学習ができる有名なサービスのひとつに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デザイナー。

編集部：なお

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

#### balloon yuu left 
こんにちは、アンドエンジニア編集部です！年末も近づいてきましたね、1年があっという間に感じます。さて、**年末ということで「来年は新しい環境でチャレンジしたい」**と考えている方も多いのではないでしょうか。

#### balloon yuu left
自分の環境を変えるには「住む場所を変える」「興味のある分野を勉強してみる」など色々ありますが、そのうちの一つに「転職をする」があると思います。

#### balloon yuu left
そこで、今回は転職を検討しているエンジニアの方からよくあるご質問**「年収の上限が高い会社に転職したいけど、自分のスキルでも転職できるのか？」**に対する**[マイナビIT エージェント](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv_qanda)のキャリアアドバイザーによる回答**を掲載いたしました。ぜひご覧ください！

## 転職を検討しているエンジニアの方からよくあるご質問

#### balloon mynavi-agent-q left
新卒でSES企業に就職して以降、3年間ネットワークシステムの保守・運用を行ってきました。今の会社ではボーナスがなく、給料アップは資格手当のみで年収の上限が見えてしまっています。**より高い収入を目指せる会社に転職したいのですが、自分のスキルで高い収入を得られる会社に転職できるか不安**です。どのように転職活動を行ったら良いでしょうか...？

## マイナビIT エージェントのキャリアアドバイザーによる回答

#### balloon mynavi-agent-ca right
2つの観点で転職活動を進めてみることをお勧めいたします。

#### balloon mynavi-agent-ca right
1つ目は、**現在行っているネットワークシステムの保守・運用の経験を活かし、設計や構築と呼ばれる上流工程に挑戦できる企業へ転職してみる**ことです。仕事としての難易度は上がりますが、その分給与が上がる傾向にあります。

#### balloon mynavi-agent-ca right
2つ目は、IT業界は階層構造になっていると言われているので、現在より上の階層に位置する企業へ転職してみることです。一般的には、**上の階層にいくほど顧客との距離が近くなり、給与も上がる傾向**にあります。また、設計や構築といった上流工程に携わる機会もあると思いますし、**ネットワークシステムの保守・運用の経験を活かし、運用設計といった運用工程内でのステップアップも可能**です。

[マイナビIT エージェント](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv_qanda)では、*IT・Webエンジニアの転職事情に詳しいキャリアアドバイザーが、あなたのご経験やスキルをお伺いし、転職活動のプランをご提案します*。

エンジニア転職のお悩みは「[マイナビIT エージェント](https://mynavi-agent.jp/it/?utm_source=and-engineer&utm_medium=content-text&utm_campaign=acv_qanda)」へ！

業界専任のキャリアアドバイザーが、あなたの転職をしっかりサポートいたします

キャリアアドバイザー（マイナビAGENT）

エンジニア

年収の上限が高い会社に転職したいけど、自分のスキルでも転職できる？【Vol.1 / エンジニアのお悩み相談】

編集部：ゆうの記事（1ページ目）