リモートワークの浸透により、場所を選ばない働き方が普及している昨今。居住地すら自由に選択できる今、エンジニアが自分らしく働くための秘訣はあるのでしょうか。今回は合同会社DMM.comでUI/UX デザイナー兼Design Program Managerを務める河西 紀明氏にインタビューを実施。「複業クリエイター」として石川県加賀市で活躍する河西さんに、そのライフ＆ワークスタイルについてお話を伺いました。

合同会社DMM.com VPoE室所属のDesign Program Manager。組織横断部門のUI/UXデザインのエキスパートとして、エンターテインメント領域を中心に多様な事業を展開するDMM内のサービスと組織の成長を支援する。

 個人事業者としてもデザインスタジオやゲストハウスの経営を起点に地域産業の創出、デジタル人材育成などに携わる。著書に『UIデザイン みんなで考え、カイゼンする。』など。Scrum Alliance 認定スクラムマスター / 認定プロダクトオーナー。 

## UI / UXデザイナー×複業クリエイターという生き方

#### balloon kaneko left
河西さんの現在の活動内容について教えてください。

#### balloon kawanishi right
**DMM.coｍにてVPoE室に所属し、全社的にサービスやチームがスケールする際に重要なタイミングを迎える事業や、立ち上げて間もない未成熟な開発チームに、UI/UXデザインのエキスパートとして支援に入っています。**
サービスの漸進的なUX向上のために必要なテスト手法の導入やメンバーの技術的なサポート、またはチームが自発的に共創的なコラボレーションができるような仕組みづくりを行っています。

#### balloon kawanishi right
最近では、電子書籍事業のデザインシステムの設計やオンラインデジタルスクールの学習システムの設計などに関わっています。
 
その傍らで、個人の複業クリエイターとして国内外のスタートアップ支援を行ったり、ゲストハウスの運営、地域デジタル人材の育成に従事したりしています。

#### balloon kaneko left
そもそも河西さんは、なぜ現在のようなデザイナーとしてのスタイルを目指そうと思ったのでしょうか？

#### balloon kawanishi right
目まぐるしく世の中の技術基盤が変化していくなかで、キャリアとして「デザイナー」を続けていくと考えた際に、**表現や印象としてのデザインのスキルだけではなく、もっと機能的、戦術的なデザインの分野に対して専門的な技能を身につける必要があると考えました。**

#### balloon kawanishi right
**例えばサービスにおいても、単一の画面やボタンをデザインするのではなく、より大切なのは目的を持ったユーザーが滞りなく達成するための道筋づくりです。これらを最良の形で実現するにはUI/UXだけでなくエンジニアリングにも精通する必要があります。**
また、その最適解を選択するためには、さまざまなコストが制約として影響するため、ビジネスとしての深い理解も重要になります。

#### balloon kawanishi right
元々僕は「体験をデザインすること」に興味があったため、コラボレーションの渦中に立つということはとても都合が良いのです。**良い体験というものには正解がなく、サービスを利用するユーザーの属性も利用する際のコンテキストが異なります。**とても1人のデザイナーやエンジニアで良い方向に導けるものではありません。

~~ DMM.comで実施しているチームビルディングワークショップの様子 ~~

#### balloon kaneko left
だからこそ、TBD（Technology ✕ Business ✕ Design）共創に取り組んでいるということでしょうか。

#### balloon kawanishi right
そうですね。**実際の現場では、想像以上に領域ごとに認識の乖離があるんです。セクションごとに追い求める成果の指標が異れば、優先すべき取り組みが変わってきてしまう。**ただ、そのような状況では本質的にユーザーが抱えている課題を抽出することができません。サービス上の根幹的な問題はユーザー自身の口から具体的にもたらされることでもなく、Google Analyticsのようなツールが明確に示してくれるものでもありません。

#### balloon kawanishi right
**だからこそ、僕たちデザイナーは事業を開発するうえでの斥候部隊のように、先んじて市場やユーザーの本質的な課題に問いを立てる必要があります。**チームが描くビジネスやサービスの体験シナリオの仮説を定義し、チームとして価値のあるチャレンジができるような体制を作りたいと感じるようになりました。アジャイルやスクラムなど今では定番の開発手法のなかにも、UXリサーチやプロトタイピングを、適所で開発サイクルのなかに馴染ませるといった取り組みを行っています。

~~ DMM.comの新入社員研修で実施している「Design Sprint Workshop」 ~~

## 複業のポイントはドメインを厳選すること

#### balloon kaneko left
現在、DMM.comの一員でありながら、個人でも事業を営もうと考えたのはなぜですか？

#### balloon kawanishi right
自分の事業を持ったのは、実はDMMに所属する前からです。

#### balloon kawanishi right
リーマンショック以降より顕著になりましたが、**多くの組織が雇用する個人の学習やキャリアに責任を持てなくなっている状況下で、自らのキャリアや成長に紐づけて特定の組織に依存しない学習を継続していく姿勢が必要だと気づいたからです。**

#### balloon kawanishi right
複業に対して比較的寛容な会社であったことも幸いし、自分の業務ドメイン以外の領域にチャレンジしたり、コミュニティイベントで知り合った分野の違う仲間と一緒に仕事をするという機会にも恵まれました。

#### balloon kaneko left
河西さんが考える、エンジニアに理想的な複業のあり方とは？

#### balloon kawanishi right
貪欲に成長を求める方は、**自分の「できること」と「やりたいこと」がちょうどよく重なるドメインに絞ることですかね。**エンジニアやデザイナーの本分は課題解決であって、知識や経験をある程度アップデートできないと成長がとまってしまいます。

#### balloon kawanishi right
**特に複業となるとなおさら、扱う技術や経験が軸として繋がっていることで、どちらが主副であろうとキャリアにとって確かな積み上げとなるでしょう。興味がある分野であるか、スキルを伸ばせるかという点も考慮したいところです。**

#### balloon kawanishi right
また、U・Iターンなどで「地域における複業」を想定した場合、デジタル人材がそもそも不足しているので解決できる課題は山ほどあるでしょう。知識の提供や実働、どちらの側面からも切り込む余地はあります。しかし、この場合はクライアントワークとしても抽出される課題が抽象的だったり期間などが曖昧なことが多いので、プロジェクトマネジメントの知識やディレクションの経験がないと苦戦するかもしれません。

#### balloon kawanishi right
その苦戦の部分を経験として捉えて、成長に繋げられるかは個人の解釈によるところですが、単一の組織では人員構成の制約で経験したい役割やタスクを得る機会に恵まれないということも多々ありますので、チャンスと捉えるのも良いでしょう。
 
職場の環境を大きく変えてまで得たい経験かというとそうでもないことも多いので。

#### balloon kaneko left
逆に複業のデメリットはありますか？

#### balloon kawanishi right
**あまりにも本分とするキャリアに接点がない仕事は、単に時間の切り売りになってしまう点です。最低限、趣味や家族などプライベートのバランスを保つことを優先する方は「できること」と「求められること」が可処分時間とマッチするのが良いと思います。**

#### balloon kawanishi right
例えばアフィリエイトを行うにしても、自分の業務と関係がなく興味のない記事を書きつづけていても自らの成長につながりませんし、そのうち心身が疲れきってしまいます。AIに書かせたほうが早いという話になってしまえば、よほど工夫しなければすぐに陳腐化し、世の中に価値のあるアウトプットを残しているという実感は伴いません。

#### balloon kawanishi right
**仕事としてやる以上はどちらも優劣なく、誠実にやらなければキャリアとしても悪影響が出ることも多いので、まずは小さくチャレンジしていくことをおすすめします。**

#### balloon kaneko left
河西さんとしては、本業と複業のちょうどいい融合点を見つけられたような感じなのですね。

#### balloon kawanishi right
そうですね。ただ僕の場合は、田舎暮らしでスローライフを送りながら、デザインやエンジニアの仕事をしたいという学生時代からの目標があったので、必然的に今のスタイルに環境を寄せていくようにたどり着いたような気がしますね。それこそ以前は、シリコンバレーとかでキャンピングカーで暮らしている人に憧れていたのですが（笑）。結局は自分のルーツとなる場所で、拠点を持ちながら分散・拡張していくというスタイルが合っていたのかもしれませんね。

## 地域ならではのギブアンドテイクの精神

#### balloon kaneko left
現在活動の拠点を置いている石川県加賀市は、河西さんにとってどんな場所ですか？

#### balloon kawanishi right
僕自身が育ったのは金沢市に近い野々市市なのですが、先祖代々は加賀市にルーツがあります。加賀で祖父が所有していた土地に、僕たち孫の代でUターンをしたイメージです。

#### balloon kaneko left
東京でのビジネスと加賀でのビジネスを経験されて、両者の間にはどのような違いがあると感じますか？

#### balloon kawanishi right
本質的に大きな差はないと思っています。東京のほうが、より情報が集まりやすくベースとなるITリテラシーや学習レベルが高くなりがちなものの、地域でもきちんとスキルをアップデートしている人たちはたくさんいますし、顧客のためにビジネスを良くしていきたいというチャレンジ精神がすごいです。例えば漁業関係者の方々や農業や伝統工芸を担う方々なども、ITを取り入れていろいろな人と協業していますよ。

~~ 「黒崎BASE」を会場に、起業人を集めたアイディアソンやワークショップも実施している ~~

#### balloon kaneko left
地域ならではの仕事の仕方だと感じた事柄はありますか？

#### balloon kawanishi right
**「ギブアンドテイク」の精神が求められることですね。**都内からUターンした人たちにとって、「東京の相場だとこれくらいだろう、コレくらいは見積もらねば」と考えてしまいがちですが、そもそも土地代や人件費などのコストの価値観が異なるわけで、そのギャップを埋めるのは難しいんです。僕たちが提供できるソリューションは、ユーザーが目的を達成するためのプロセスを設計し、デジタルを用いてアウトプットすることです。物販のように原価が明確にかかるものではないので形として捉えづらいのです。

#### balloon kawanishi right
対価がお金以外のもの、ビジネスが成功した際のレベニューを提案することもありますが、“モノ”で対価をいただくことが多々あります。地元で水揚げされる高級魚を安価で卸してもらったり、B級木材を提供してもらったりすることもあるんですよ（笑）。古民家改装型のゲストハウスを営む僕にとってはとても価値のある対価です。

#### balloon kaneko left
なるほど、興味深いお話ですね！

#### balloon kawanishi right
**地域で仕事をするときは、誰かのビジネス上の悩みや課題を解決することで得られる信頼の蓄積が有効だと思っています。単純に仕事をして金銭的な対価をもらうという考えではなく、「誰と仕事をするか」という部分の重要度が跳ね上がるイメージですね。**

#### balloon kawanishi right
「地域移住」と聞くと最近はいろいろな失敗談やマイナスなイメージがあると思うのですが、年上／年下だからとか、長く住んでいる／いないといったことが日常のコミュニケーション面で露骨に態度として現れることはたしかにあります。

#### balloon kawanishi right
しかし、**自分が「何ができる人物であるのか」を正しく伝え、ビジョンやゴールを共有しながらフラットな関係性で目的を達成していくことはできます。**相手ときちんと期待値調整をしたうえで、同じ課題にチームとして取り組もうという姿勢が大切なのではないかと思います。一種の環境構築ですね。

## 「スクラム開発」が家族円満の秘訣

#### balloon kaneko left
河西さんの1日の過ごし方は？

#### balloon kawanishi right
事業部によりますがDMMのコアタイムが11時から17時なので、それ以外の時間の可処分時間を調整して個人活動に組み込んでいます。朝は6時頃に起き、DIYやゲストハウス周辺の開拓、魚を仕入れて仕込みをしたりなど、フィジカルな作業に充てることが多いですね。

#### balloon kawanishi right
運営しているゲストハウスも10時前後がお客さんのチェックアウト、チェックインは17時がピークとなりますので、ちょうどうまく時間を活用できている感じです。夜は複業でお手伝いしているチームのミーティングや地元の事業者との交流など、地域のなかでネットワーキングを深めるための時間にしています。

#### balloon kaneko left
かなり密度の濃い1日を過ごしているのですね！

#### balloon kawanishi right
そうですね。ただ、このような生活を送るうえでは、家族の理解が不可欠です。休日も含め、限られた時間をどう使っていくのか。タイムマネジメントが大切ですね。

#### balloon kawanishi right
ちなみに、うちは家族で「スクラム開発」をやっているんですよ（笑）。家事に加えてゲストハウス運営業務を、スクラムでいう「カンバンボード」のような形でスマホアプリのタスク管理ツールに書き出していく。そして朝起きたら各タスクの担当者と優先順位、メンバーの健康状態や気分のステータスを確認する、といったことを毎日行っています（笑）。

#### balloon kaneko left
家族を巻き込みながら進めることに意味があるということでしょうか。

#### balloon kawanishi right
はい、**家族内のタスクや状態が可視化されることでコミュニケーションの質が上がり、特定の個人に負担が集まることを防いだり、イレギュラーの際にフォローに入ったりなど、気持ちよく頼り頼られるという関係性が深まりました。**学生のときは毎日意味のない大喧嘩をしていたので、今のようにビジネスパーソンとして家族を信頼できるという日が来るとは思いませんでしたね。

#### balloon kawanishi right
週の終わりには、スプリントレビューで個々の成果をPRしてみんなで評価、課題点を振り返る機会としてレトロスペクティブを行います。そして翌週の計画を整理するスプリントプランニングを実施する。
 
家族経営は何かと衝突が起こりやすいですが、河西家の生産性は随分と向上しました（笑）。

## 地域でも楽しく活躍できる人を増やしたい

#### balloon kaneko left
河西さんの周囲にも、UIターンで移住する人たちが増えているのでしょうか？

#### balloon kawanishi right
増えていますね。理由としては、都内の地価が上がったこと。また、多くの企業でリモートワークや複業が推奨されてきたことですね。これによって良くも悪くも自分のキャリアに対して考え直す方が増えていることがあげられると思います。住みやすさの面でも今は自治体の移住サポートも手厚くなってきていますので、30〜40代で経済的にもキャリア的にも安定した方々が家族で引っ越してくる印象です。

#### balloon kaneko left
移住を行ううえで、どのような条件が必要になると思いますか？

#### balloon kawanishi right
条件というかシナリオパターンですかね。1つ目がリモートワーク・複業を推奨している企業で仕事をすること。最初から地域の仕事だけで都内と同等の報酬を求めるのが難しいので、住んでいる場所にとらわれず収入が得られるスタイルに順応するための下準備が重要です。2つ目が、地域においてフルリモートできる好待遇の転職先を探すこと。そして3つ目が、きちんと地域でポジションを確立していくことです。

#### balloon kaneko left
2つ目の「地域における雇用」という部分に関して、エンジニアとしてはどのような雇用が考えられますか？

#### balloon kawanishi right
**例えば地域でもさまざまな産業が新しいフェーズに向かって、事業を展開・変革すべくデジタル人材を募集していますし、自治体もそのデジタル人材の雇用を支援しているケースが多いです。**能力の高い人材をインハウスで雇用する難易度はそもそも高いので、フルリモート可能・複業OKであったり高待遇で条件を提示するケースも目立ってきました。
 
一次産業の六次産業化に伴い、デジタルに詳しい人材を地域で積極的に確保していく必要があります。

#### balloon kaneko left
受け皿的な面で、地域の産業や雇用を整える必要があるということですね。一方で、エンジニア自身のソフトスキルやマインドという面ではいかがでしょうか？

#### balloon kawanishi right
**「課題解決思考を持っている人」や「ネットワーキングを構築するための活動を習慣化できる人」は、地域でも継続的に活躍できると考えます。**

#### balloon kawanishi right
 地域の場合、東京ほどエンジニアの役割分担が明確でなく、タスクが整理されていないことも多々あります。そのような状況下で、自分のスキルでどこまでのことができるかという期待値調整を行うスキル。また、クライアントが見えていないゴールや目的を一緒に設定し、課題解決に向けて動けるモチベーションが重要です。そのうえで、**自分に必要なスキルをその都度補填したり、ネットワークや“頼り先”をきちんと持っていたりする人のほうが、地域での働き方に馴染みやすいと感じます。**

#### balloon kaneko left
最後に、今後の目標を教えてください。

#### balloon kawanishi right
**地域でも、楽しく活躍できる人を増やしたいですね。エンジニアやデザイナーの発想を活かしながら、別の切り口で新たな楽しみを見つけていく。**
例えば、加賀市ではブロックチェーン技術を活用したe-加賀市民というスマートシティ化の施策で、加賀市の関係人口や潜在的な興味人口を増やすという取り組みを行っています。民間が運営するふるさと納税のような仕組みや特産品のプラットフォーム開発など、サービスの社会実装企画が進んでいるなかで、デジタル人材が圧倒的に足りていません。

#### balloon kawanishi right
その受け入れ態勢として、先に移住をしている僕らが、チャレンジできる地域のコミュニティを作る一助になれたらと思っています。実際石川県でも、地場のエンジニアやデザイナーがシナジーを生み出せるような独自のコミュニティ形成を進めている最中です。このような活動を続けていくことで、移住先として興味を持ってくれる人が増えたら嬉しいですね。

12年勤務した大手人材会社を退職後、フリーランスライターに転身。会社員時代からIT業界のクライアントとの相性がよく、さまざまなIT系企業の採用活動支援や、エンジニアのスキル開発・育成支援業務に携わってきた。いまの一番の関心ごとは、子ども向けプログラミング教育の未来について。

金子 茉由

UI / UXデザイナーであり複業クリエイターでもある、河西さんの現在の活動内容とは

複業のポイントとデメリットについて

地域ならではの仕事の仕方と今後の目標について

地場のエンジニアコミュニティを活性化したい。複業クリエイターのDMM.com河西氏が地域移住を選んだ理由

初心者向けのプログラミング学習サービスとして、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のサイトにも「『最初の一歩』のその先へ」というキャッチコピーがありますが、プログラミングを学んだあとのキャリアパスが見通せない悩みは切実なんですね。 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年にトラベルライターに転身。
現在はMONOLISIX株式会社に所属し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
知ってる知ってる！**プログラミング学習ができるサイトでしょ**。有名だし使ったこともある！ 私は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/)にある説明を見ながら、自分でローカル環境を用意してレッスンを進めていく**んです。 ただ、最初の『Progate Pathとは？』でお話ししたようにProgate Pathではデバッグのレッスンも行うので、コードの判定や進捗の同期を行うために、Progate CLIが必要なんですね。

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

編集部：ゆう

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

編集部：なお

ビジネスシーンにおいて、「自分の話はなぜ伝わらないのだろう」「あのときもっとこういう伝え方をしていれば……」と反省した経験をもつ人も多いでしょう。しかし、いざ話す力や伝える力を鍛えようと思っても、一体なにから手をつければよいのか悩ましいものです。

そんなモヤモヤを解消してくれるサービスが『[kaeka score](https://kaeka.jp/kaeka-score)』。世の中にはほとんどないとされる、自分自身の「話す力」を数値化できる診断ツールです。

新しい記事