小学校でのプログラミング教育が必修化し、誰もがプログラミングを学ぶ機会を得られるようになりました。

しかし、国をあげてのIT人材育成が進められるなか、解消すべき課題はまだ残されています。

IT分野におけるジェンダーギャップも残された課題の一つでしょう。

平等な教育機会の提供が進む一方で、社会には「IT分野は男性が得意とするもの」といったイメージが根強く残っています。

今回は、そんなIT分野のジェンダーギャップ解消に取り組むために設立された一般社団法人「Waffle」の活動についてご紹介します。

Waffleとは、２０１９年にIT分野のジェンダーギャップを解消するために２人の女性によって設立された一般社団法人です。

主に、女子中高生に向けたIT教育・プログラミング教育の機会を提供する活動を行っています。

設立者のひとりである、田中沙弥果さんはForbes JAPAN誌「世界を変える３０歳未満３０人」を受賞した、世界が注目する女性です。

田中沙弥果さんは、Waffle設立以前より文部科学省後援事業に従事し、全国の教育委員会と連携して学校の先生がプログラミング教育を授業で実施するための教員養成プログラムの普及に努めてきました。

田中沙弥果さんとともにWaffle設立に携わった斎藤明日美さんも、Forbes JAPAN誌「世界を変える３０歳未満３０人」を受賞しています。

斎藤明日美さんは、アリゾナ大学卒業後に外資系企業やスタートアップ企業を経て、Waffleの設立に至りました。

冒頭でも述べた通り、日本は未だ理系・IT分野のジェンダーギャップを抱えています。

２０１７年にIPA（情報処理推進機構）が行った調査では「７割強のIT企業でIT人材の女性の割合は２０%以下」という結果が出ています。

また、大学での理工系分野に進学する女子割合も低く、女性研究者の割合も諸外国と比較すると低い水準にあることがわかっています。

これは、女子の理数系科目の学力不足だけが原因ではなく、周囲の女子の進学動向や家庭の意向、身近にロールモデルとなる人物がいないことなども大きく影響していると考えられています。

参考：IT人材白書２０１７

日本が抱えるIT分野のジェンダーギャップの原因について、Waffleは「社会的な固定観念や女性の自信の低さ、またメンターシップやサポートの少なさ、そしてハラスメントなど（※）」と捉えています。

※引用：Why we are doing　　私たちが取り組む理由

そして、このジェンダーギャップを解消するため、Waffeは女性のIT人材育成を目指しています。

ジェンダーギャップの解消により女性のIT人材が増えることで、

• ８０万人も不足しているといわれるIT人材不足の解消
• GDPの上昇
• 女性の高収入な職への就業機会の増加

など、格差解消のその先のよりよい社会を目指しているのです。

なかでも、Waffleが注力しているのが「女子中高生向けのプログラミング教育」です。

女子中高生がプログラミングを学べる機会の提供、教員側の女性IT人材育成の取り組みを進めてきました。

次章では、Waffleのプログラミング教育における取り組みをご紹介します。

Waffleでは、女性へのプログラミング教育機会の提供として大きく３つの活動を行っています。

１つ目は、女性のためのウェブサイト開発のスキルとプログラミング学習コミュニティをもつオンライン・プログラム「Waffle Camp」の提供、２つ目は、小学校の女性教員向けにつくられたプログラム「SteP（ステップ）」、そして３つ目は、女子中高生向けの国際的なアプリコンテスト「Technovation Girls」の日本公式アンバサダーとしての活動です。

 

Waffle Camp

Waffle Campは女子中高生向けに作られた初心者のためのウェブサイト制作プログラムです。

HTML/CSSとJavaScriptの２つのコースから選ぶことができ、HTML/CSSコースでは、事前課題で作ってみたいサイトを考え、受講者のアイディアを元にWebサイトを制作していきます。

JavaScriptでは、スライドショーや時計など用意した題材の中から、受講者が作りたいものを選んでオリジナルのWebサイトを制作します。

どちらのコースも、受講中は生徒２人につきメンターが１人が担当となり、受講者の疑問をその場ですぐに解消できるので、ウェブサイト制作の初心者にも安心です。

また、受講１週間後に１時間のメンタリング、受講後２週間はチャットでいつでも質問ができるアフターサポートも備えています。

受講日の１週間前に事前課題を受け取り、受講日当日はZoomを使って１３：００〜１８：００のプログラムに参加します。

受講当日は、基礎講座から制作物の発表、メンターからのフィードバックなど多くのコンテンツが用意されています。

女性エンジニアによるトークと受講者からの質疑応答を行うキャリアセッションも受講者からの評価が高いコンテンツのひとつです。

実際にIT分野で活躍する女性を身近に感じたり、受講者の将来の選択肢を広げたりする良い機会となっているのではないでしょうか。

参考：Waffle Camp

 

プログラミング教育の女性教員養成プログラム「SteP（ステップ）」

「SteP（ステップ）」とは、特定非営利活動法人「みんなのコード」とWaffleが協働で取り組む、小学校の女性教員向けに特化したプログラミング教育の教員養成プログラムです。

プログラミング教育において、小学校の女性教員の積極的な参画促進を目指しています。

取り組みの背景には「小学校教員のうち約６割が女性にも関わらず、教育現場でのプログラミング教育を担当するのは男性教員が多い」というジェンダーバランスの不均衡がありました。

特定非営利活動法人「みんなのコード」が実施した、小学校教員向けのプログラミング教育に関する研修に参加する教員の８割が男性だったのです。

そこで、学校教育において「ITや理系は男性が選択するもの」といったイメージを解消するために女性教員に特化したプログラムがつくられました。

StePでは、インプットのための２日間の研修を経て、参加者が所属校にて授業の実践を行います。

さらに実践内容をプログラム参加者同士で共有します。

プログラミング教育の知識の習得に加え、専門家からのジェンダーステレオタイプに関するレクチャーを受けられることや、全国の教員とのネットワークを構築できることも特徴です。

参考：国内初、小学校の女性教員向けにプログラミング教育の養成プログラムを開始 〜ITや理系を目指す女性を増やすため、小学校段階からの意識改革を目指す〜

 

国際的なアプリコンテスト「Technovation Girls」

Waffleは、アメリカのNPO「Technovation（テクノベーション）」が主催する女子中高生を対象とした社会課題解決のためのコンペティション「Technovation Girls（テクノベーション・ガールズ）」の日本リージョン公式アンバサダーとして活動しています。

「Technovation Girls（テクノベーション・ガールズ）」とは、貧困、気候変動、コロナ禍における生活など社会課題を解決するアイディアをアプリにするコンペです。

世界中から約２０００チームが参加し、そのアイデアを競います。

日本では、中学２年生以上１８歳未満の女性及び、ジェンダーマイノリティの方に参加資格があります。

参加者は無料で起業家講座とアプリ開発講座を​受講することができるので、ビジネスやプログラミングが初めての方でも参加できるのが特徴です。

参考：Technovation Girls

IT分野、プログラミング教育においてのジェンダーギャップに着目し、Waffleのさまざまな取り組みをご紹介しました。

子供たちのよりよい未来のために、大人が取り組むべき社会課題はまだ多く残されています。

ジェンダーにかかわらず子供自身がプログラミングを学びたいと思ったときに、学びをスタートできる環境であるとよいのではないでしょうか。

Awesome Ars Academia（オウサムアルスアカデミア）は、多様な国籍のスタッフとともに英語環境でプログラミングを学べるオンラインスクールです。

中学生以上向けコースでは、最大１０名の受講生に対して外国人講師１名、日本人TA（ティーチングアシスト）１名を配置し、講師２名体制での運営となります。

受講期間は３ヶ月〜／６ヶ月を選択でき、学ぶ内容もアプリ開発コースやPythonプログラミングコース、AIプログラミングコース、Webデザインコースなど多岐に渡ります。

受講者のキャリアを見据え、身につけたいスキルに合った講座を組み合わせて受講いただくことができます。

そのほか、小学生向けから中高生向けのものまで幅広いコースをご用意しておりますので、ご興味がございましたらぜひ資料請求くださいませ。

ここではCIといわれる継続的インテグレーションについて解説していきます。

これはチーム開発を行う上で非常に便利なものなので、複数人で開発を行う場合は導入することが多いです。

では、そもそもCIとはどのようなものなのかを説明していきます。

継続的インテグレーションとは、開発者のコード変更を定期的にマージし、自動かつ定期的にテストおよびビルドを行うものです。

英語では「Continuous Integration」なので略してCIと呼ばれます。

インテグレーションという言葉には「統合」といった意味があり、それを継続的に行うものとなります。

導入の目的としては、リリース時間の短縮やコードの品質維持などが挙げられます。

今まで手動で行っていた作業がCIの導入により自動化することが可能です。

また、定期的に自動でテストを行うため、バグを迅速に発見することも可能になります。

これにより開発者の生産性向上が実現できるのです。

単体テストでは各々うまく動作していたはずが、結合テストでバグを出してしまう、といったことはCIによって解決させることができます。

リポジトリにコミットしてすぐにCIツールが自動テストを行い、開発者にフィードバックを行ってくれるので、後々バグを洗うのに膨大な時間を費やすといったことがありません。

すぐバグに気づいて問題を最適化することができます。

CI（継続的インテグレーション）が必要な理由は、チームで開発を行っている場合に開発の生産性を大幅に向上させるためです。

大きな結果をもたらすのはバグが発生してしまったときです。

従来はある程度個人でコードを書いて、ある程度完成したら中央ブランチにマージといった方法でした。

この流れは、実は小さなバグが発見されず、どんどん蓄積されてしまう原因につながります。

後の方の工程で結合し、バグが確認されたら原因究明までに膨大な時間がかかり、精査しなければならないコードの範囲がとても広くなります。

最悪の場合、障害の発見がリリース後になってしまう可能性も高くなります。

ですが、CIを導入するとリポジトリにコミットするだけでバグなどの問題点が発見され、開発者にフィードバックされます。

開発者はフィードバックの問題点を修正し再度コミットすれば、上のようなバグの原因究明は必要なくなるのです。

では、具体的にCI（継続的インテグレーション）を導入するメリットを、次項では３点紹介します。

①コードの品質維持

リポジトリへのコミット時に自動テストが行われるため、後々にバグに気づくといったことがありません。

よって、バグが累積することなく質の高いコードで開発していくことが可能になります。

また、チェックツールを組み込めば、その後の工程で発生する可能性のある問題を発見することができるため、保守性の向上にも繋がります。

 

②リリース時間の短縮

CIで可能になるのは自動テスト＆自動ビルドです。

これは手動でやるよりも時間がかからない上に、その間エンジニアは別の作業に専念することができます。

上記で述べた「コードの品質維持」に通ずるものがありますが、バグの原因究明のためのソースコード精査が少なくなるため、その分の時間を別のことに当てられます。

また、継続的インテグレーションの拡張に継続的デリバリーというものがあります。

ここでの詳しい説明は省きますが、簡単に言うと環境構築＆デプロイなどリリースの手順を自動化してくれます。

自動化できるところはすべて自動化させることによって、開発者は次の行動に移ることができるので、結果的に大幅な時間短縮に繋がります。

 

③生産性の大幅向上

従来の方法でチーム開発を行う場合は、最新の情報共有が必須です。

Aさんが修正したコードをBさんが別のコードで上書きしてしまい、不具合や意図しない挙動を引き起こしてしまう可能性があります。

また、新しいファイルを古いファイルで上書きしてしまい、更新したコードが無駄になってしまうことなどがあれば時間の浪費でしかありません。

実際の現場でそのようなことはまず無いとは思いますが、時間の無駄になってしまっている作業は少なからず存在はしていると思います。

それらの作業をCIによってカットできるので、生産性の大幅向上が期待されます。

①Jenkins

Jenkins（ジェンキンス）は、企業や個人事業主など数多くの方々に使われています。

特徴としては、ブラウザのダッシュボードが用意されていることです。

GUIで直感的な操作のため、初めてCIを扱う方でも使いやすいです。

複数のプロジェクトをひとつのJenkinsで管理することが可能です。

また、プラグインというもので機能の拡張が容易に行えます。

さまざまなバージョン管理システムに対応しているので、多くのチームで採用されています。

 

②TravisCI

TravisCI（トラヴィスシーアイ）は、コードのテストをTraviceCIで行うため、最小限の環境構築のみで使用することができるといった特徴があります。

オープンソースのソフトウェアであれば、無償で使用することができ、ソースコードはGitHubにて公開されます。

プライベートリポジトリと連携させる場合には有料になります。

最小限の環境構築で使用が可能なため、小規模のチームや初めてCIを導入するといった場合におすすめです。

 

③Circle CI

Circle CI（サークルシーアイ）は、ビルド＆テスト＆デプロイが最小限の環境構築で可能です。

１コンテナかつ１０００分のビルドまででしたら無料枠で利用が可能です。

Jinkinsはサーバーに導入させるツールでしたが、こちらはSaaS型になります。

SaaS型というのは「Software as a Service」の略で、パッケージ販売するのではなく、機能をインターネットを通じて提供する形態を指します。

FacebookやSpotifyなどの有名企業もCircle CIを採用しています。

いかがだったでしょうか。

専門用語が多く混乱された方もいらっしゃるかと推察しますが、要はCIを導入することでチームの効率化が図れるようになり、今までの作業を圧倒的に効率化することができるようになるのです。

今後、CIを導入する場合は、プロジェクトの途中から導入しても混乱を招く恐れがあるので、新しプロジェクトから導入を進めてみてはいかがでしょうか。

 

---

近年では、

• 一部のウェブ開発のサーバ側でもJavaScriptを利用できるようになってきている
• スマートフォンアプリケーションやデスクトップアプリケーションもJavaScriptで開発できるようになってきている
• スマホアプリの開発をWeb開発の技術で置き換えるパラダイムであるPWAという開発手法においては、HTML, CSS, JavaScriptが開発言語として主要アクターである

などの理由から、Web開発周りにおけるJavaScriptの役割が大きくなってきているので、JavaScriptをきちんと使えることは非常に大きな強みとできる時代となっています。

そのため、JavaScriptをきちんと学び、スキルとして身に付けていくことは非常に重要だと言えるでしょう。

さて、今回はそんなJavaScriptを、初心者が一から勉強するためのガイドとなるような記事をお届けします。

これまでAwesome Ars Academiaでは、下記のような初心者向けの初期学習向けの記事を公開させていただいています。

• 『初心者がHTML/CSSを勉強するベストプロセス』
• 『初心者がPHPを勉強するベストプロセス』
• 『初心者がPHP/Laravelを独学で学習するベストプロセス』
• 『初心者がRuby on Railsを勉強するベストプロセス』

すべての学習プロセスをご紹介する記事で毎回書かせて頂いてはいるのですが、弊スクールAwesome Ars Academiaでは、プログラミング学習にあたって常に下記のような３つのプロセスを一つのセットとして実施することが大切だと考えています。

 

下記が、弊社が大切だと思っている学習の３つのステップです。

1. 見よう見まねでとりあえず動かしてみるハンズオン学習
2. 理論や概念などの理解を深める概念学習
3. 理解した内容をベースに作りたいものを作り上げようとする実践・演習学習

多くの人がプログラミングがコンピュータを相手にする仕事だからなのか、そこには何か正解があって、それを知識として積み上げるように学んでいくものだ、という考えを持たれているのですが、弊社スクールの考え方だと、スポーツなどと同じようななもので、繰り返し練習していく中で徐々に身についてくるものだと考えています。

野球でバッティングをするときに、バッティングとは何か、肘の角度とは何か、というようなことをすべて座学で学んでからバットを振り始める人は居ないと思います。

とりあえずバットをちょっと振ってみるところからスタートするのが一般的でしょう。

そして上級者になるにつれて、肘の角度や体の使い方に対して感覚が鋭くなるため意識できることが増えていき、それがプロともなれば、バットの振り方を動画で撮影してスローモーションで分析して、より効率的な体の使い方を考えていく、という形になっていきます。

プログラミングも実は同じで、「まずちょっとやってみてどんな雰囲気かを掴んでみる」というところからスタートして、その意味を少しずつ理解し、それを応用していく、という同じ様なプロセスを通ります。

そんなプロセスをJavaScriptというプログラミング言語において踏み出すためのプロセスを紹介していければと思います。

また、JavaScriptはHTML, CSSと一緒にそれらへ動きを付けていくことのできるプログラミング言語ではあるので、本記事の内容を学習する前に、ぜひ『初心者がHTML/CSSを勉強するベストプロセス』を実施しておくのをおすすめします。

さて、それではここからが本題の「JavaScriptを独学で学習するベストプロセス 2020年更新版」です。

 

JavaScript学習の第一段階 - ハンズオン学習

 

もはや初心者向けのプログラミング学習題材としては定番と言って良いProgateの登場です。
JavaScriptの学習の初期段階として、やはりまずProgateをハンズオン学習として触っておきましょう。

Progateだけをやっても実務に必要なレベルの実践的なスキルは身に付きはしない、というのがリアルではあります。
ですが、実際のProgateというコンテンツ、Progateのプロダクトビジョンも含めてですが、「プログラミングの最初のハードルを徹底的に低く」して「初心者から創れる人を生み出す」というのが、彼らのプロダクトです。
そして、そのプロダクトビジョン通り、「初心者が挫折せずにプログラミングの初期理解」をサポートしてくれる素晴らしいコンテンツを提供してくれていると思います。

まずはProgateのJavaScriptに関するところのコンテンツを１周しましょう。
すぐに理解できないな、と思う人は、あまり詳細な理解にこだわらずさらっと１周したあと、２周目をしてみるのも良いかも知れません。

ここではJavaScriptと直接関連しないエンジニアとして知っておくべき関連知識として、Command LineやGit、SQLなどの講座もピックアップしておきますね。

ひとまずこれらの内容を触ってみることで、JavaScriptを中心にプログラミングの世界への第一歩を踏み出してみてください。

• https://prog-8.com/languages/html
• https://prog-8.com/languages/es6
• https://prog-8.com/languages/react
• https://prog-8.com/languages/commandline
• https://prog-8.com/languages/git
• https://prog-8.com/languages/sql

※ ProgateのjQuery講座は参考になるのですが、ベースとしているJavaScriptがES5と少し古いものになっています。
そのため、敢えてここではおすすめコンテンツからは外しています。

※ 月額980円の有料プランに入らないと見れないものもありますが、めちゃくちゃ安いと思うので、迷わず月額980円払っちゃいましょう！

 

JavaScript学習の第二段階 - 概念学習・理解深化編

 

上記Progateを触ってみることによって、なんとなくJavaScriptとはなにか、プログラミングとは何かということを掴んでもらった上で、次のステップとしては書籍をベースにした概念理解を深めていきましょう。

この段階ではきちんとJavaScriptというプログラミング言語自体を深めていくことが大切です。その際に最も参考になるJavaScript入門書は、もはやJavaScript入門書としては圧倒的な定番書となった『JavaScript本格入門』です。

言わずと知れた入門書執筆者として著名な山田祥寛さんの書籍ですが、おそらく最も定番化している一つかもしれません。

 

また、ちょっとハンズオン学習が少ない状態で書籍学習に入って飽きちゃいそうな人は、下記のドットインストールシリーズで、動画での学習も並行してやってみましょう。

動画学習のほうが飽きは来ないので、動画で基本的な理解を作った上で、書籍で詳細化していく、という順序でも良いかも知れません。

• はじめてのJavaScript
• 詳解JavaScript 基礎文法編
• 詳解JavaScript オブジェクト編
• 詳解JavaScript DOM編

※ Progateと同様、月額980円のプレミアムプランに入らないと見れないものもありますが、学習に対する金額としては安いです。迷わず課金しましょう！

 

JavaScript学習の第三段階 - 実践・演習編

 

第三段階では、第一・第二段階を経て基礎的な理解度を持っている状態で、より実践的なアウトプットをより深めていきましょう。
プログラミング学習においては、「多くのアウトプットを実施すること」が知識の定着と応用力を身につけるために非常に大切になってきます。

その際、JavaScript学習における初心者向けのアクティビティとしてAwesome Ars Academiaがおすすめするのは、こちらもおなじみのドットインストールでのいくつかのアクティビティです。

実際にここで開発するアウトプットは、ちょっとした練習課題のようなものなのですが、「実際に何かまとまった機能を持ったアプリケーションを作ってみる」というのは楽しいものです。

そのため、ぜひこれらの遊び心も持ったサンプルアプリをたくさん作ってみることをおすすめします。

関連：プログラミングと英語を学ぶ価値とは？学習法までご紹介！

さて、ここまで、プログラミング初心者がJavaScriptを独学開始してみるプロセスについて紹介させていただきました。
実際JavaScriptは、特に環境構築なくプログラミング学習を開始できるので、非常に初期コスト低くプログラミング学習を開始できますし、ブラウザ上で目に見える動きがわかりやすいので、楽しく学び始めることができる言語の一つです。

ただ、ここまでの内容が完璧であったとしても、まだまだ仕事ができるエンジニアになるには遠い道のりがあります。

今回のJavaScript入門は、内容自体が非常にビギナー向けな内容となっているということもあるのですが、きちんとしたプログラマとして仕事をしていくためにはもっと幅広い周辺知識も含めた学習が必要と言えるでしょう。

たとえば、

• 小さい規模の開発においては、jQueryを利用した開発は最低限当たり前のスキルとして求められる
• 一定規模以上の実際のプロダクト開発では、ReactやVue.jsのようなJavaScriptフレームワークの理解と利用が当たり前となっている
• チーム開発で求められるGit, Githubなどの利用経験を積めていない
• 先輩にコードレビューを受けるなどの経験がないため、現場で求められる「美しいコード」「読みやすいコード」などを意識できない
• APIを利用した実践的なフロントエンド開発の経験も理解もまだ持てていない
• サーバ、インフラ、ネットワークなどコンピュータ周辺の知識が足りない

など、JavaScriptを利用した本格的なアプリケーション開発をするにあたって必要なスキルや学習が足りない状況です。

自分の力でトライアンドエラーをしながら、上記のようなスキルセットを高めていく経験を積んでいく必要があるでしょう。

より本格的な学習をされるにあたってプログラミングスクールを検討される方は、本記事で学べるようなことの「次のステップ」を学べるようなスクールを選んだ方が良いでしょう。また、もしどこかにインターンやアルバイトとして低いスキルからでも業務経験が積めるところへ入り込めるのであれば、いち早く現場へ入り込むことも大切です。

近年プログラミングスクールも多く存在するため、初心者レベルの応募者が多くなっており、多くの企業がエンジニア不足に悩みながらも安易に初心者を採用しなくなっているので、就業のハードル自体はそこまで低くない状況になってきている印象があります。
そのため、実践的な経験やハイレベルな経験を積める「学習品質の高いスクール」へ行って、世の中に溢れているスクール卒業生の中から１つ頭抜け出すような努力をすることは、非常に大切です。

みなさんにとっても、「独学でも学習できる範囲が何か」「スクールに行くのであればスクールに求める経験は何か」「そもそもプログラミングを仕事にしたいと本当に思えるのか」など、一歩踏み込んでより良い判断をできるようになっていただくために、ぜひまずは独学で基礎的なプログラミング学習へチャレンジして頂ければと思っています。

 

また、今回はJavaScriptの初期学習のためのガイドとなる記事を書かせて頂きましたが、Awesome Ars Academiaとしては、初心者が初めに本格的に学習する言語としては、PHPやRubyなどのサーバサイドの言語を学習することを推奨しています。

理由としては、サーバサイド言語を学ぶことによって、サーバやインフラ、インターネットなどの周辺知識を自然と学ぶことができるため、コンピュータサイエンス自体の学習に大学などで触れていないプログラミング初学者にとっては、周辺知識も自動的に学んでいくという一石二鳥な学習をできるから、です。

そのため、「本格的にプログラミングを勉強するんだ」という風に考えて動き出した方には、サーバサイド言語である「PHP/Laravel」や「Ruby/Ruby on Rails」などの学習から入ることをおすすめしています。

 

とはいえ、冒頭で紹介したとおり、JavaScriptは現在のウェブ開発周りにおいて非常に幅広く利用されている言語であることも事実です。

そのため、初期の数ヶ月から半年間はきちんとサーバサイド言語を学んだ上で、JavaScriptとJavaScript周辺のフロントエンドのスキルを高めていく、というプロセスを持たれる方が良いのではないか、と考えています。

このような記事の情報も含めて、今後プログラミング学習を開始されるみなさまの一助になれますと幸いです。

Awesome Ars Academia（オウサムアルスアカデミア）では、多くのベンチャー・スタートアッププロダクト開発で使われる２大巨塔とも呼べる「Ruby/Ruby on Rails」や「PHP/Laravel」などを実践的に学べる海外プログラミングスクールを提供しています。

そんな中で、既に「Ruby on Railsの独学方法」についてのご紹介はしていたのですが、「PHP/Laravelの独学での学習開始方法」については、まだご紹介できておりませんでした。

今回ようやくですが、弊社スクール・Awesome Ars Academiaが考えるPHPフレームワークまでをカバーした「PHP/Laravelの独学プロセス」についてまとめましたので、ぜひご覧ください。

世界には既に信頼に足る独学のための優良コンテンツが沢山あります。ぜひ弊社が吟味した優良コンテンツで独学での初期学習を実施頂き、独学では本来カバーできない範囲を学習するために、弊社のようなスクールへの通学をご検討頂ければ嬉しく思います。

さて、それではここからが本題の「PHP/Laravelフレームワークを独学で学習するベストプロセス」です。

 

PHPフレームワーク学習/Laravel学習の第一段階 - ハンズオン学習

やはりまず第一に、日本語の動画チュートリアルベースで初期学習をするのが、最も学習効率が高い独学方法になります。

そんな中で、Laravel独学の最初期においてやりやすいチュートリアルは、ドットインストールの「Laravel 5.5入門」となるでしょう。

本コンテンツはドットインストールの中でもプレミアムプランでないと視聴できない有料コンテンツですが、月額たった980円です。

Progateと共に、相当良心的な価格だと思いますし、きちんと学習されるのであれば、１週間も必要ないはずです。

そのため、まずはドットインストールへ有料課金頂き、こちらのコンテンツを実施頂くのが良いでしょう。

ドットインストール: Laravel 5.5入門

※ 補足として、Laravel系のまとまった記事としては有名な「ララ帳: はじめてのLaravel 5.6」のシリーズを参考資料として読まれるのもおすすめです。

はじめてのLARAVEL 5.6 - ララ帳

 

PHPフレームワーク学習/Laravel学習の第二段階 - 概念学習・理解深化編

上記ハンズオン学習をされた後は、次にフレームワーク理解を深めるために、例によって書籍を中心とした概念学習を進めるのがおすすめです。
そのために重要なのは、

1. 「MVCとはなにか」というフレームワークの基礎的な仕組みをきちんと学習すること
2. 「フレームワークの中身がどのようになっているのか」をきちんと理解すること

の２点が相当大切になります。

ここで、弊社がおすすめするのは、少し古い書籍であるというのが玉にキズなのですが、『パーフェクトPHP』の第八章までを実施することです。

言語仕様をおさらいする第一章〜第五章をやり直すのがどうしてもテンションが上がらない方は、ひとまず第六章〜第八章の、「自分自身でフレームワークを作る」という部分をやりきろうとされるのが大切です。

よりレベルの高いエンジニアにスキルアップをして頂く際には、未来の話として「デザインパターン」というようなよりレベルの高い概念や開発パターンの学習をしていって頂くことが必要になります（これは、プログラマとして中級者へステップアップしていく際には必須な学習になります）。

「MVCフレームワークを理解する」ということは、そのようなソフトウェアデザイン・ソフトウェア開発のアーキテクチャなどを学習するための、最初期に理解するべき設計思想・設計パターンのようなものになっています。

そのため、『パーフェクトPHP』のコンテンツを利用して、「自分でフレームワークを開発するという経験」を通じて、「フレームワークとは何なのか」ということに対する理解を深めておくことが大切です。

 

PHPフレームワーク学習/Laravel学習の第三段階 - 実践・演習編

さて、Laravelフレームワーク初期学習の最後の仕上げとしてはやはり、世界的に最も閲覧されているLaravel初学者向けのコンテンツ、「Laravel5.7 from Scratch 2018」を紹介せざるを得ないでしょう。

そもそも上記コンテンツを配信しているLaracastというのは、「PHPエンジニアのためのNetflix」を標榜しており、Laravelフレームワーク自体を作っている世界トップエンジニアのメンバーなどもコンテンツ作りに入っている、世界のLaravel, PHPエンジニア誰もが見ている動画チュートリアルサイトです。

PHP自体の機能にアップデートがある時、Laravel自体がバージョンアップがある時、Laravelと一緒に使われるJavaScriptフレームワークのVue.jsの入門コンテンツ、PHP/Laravel開発をするにあたって便利なエディタの設定方法など、PHP, Laravel開発とその周辺の世界的スタンダードの最新情報を知るためのベストチュートリアルサイトです。

こちらも月額1000円ほどのチュートリアルサイトなのですが、上記の初心者向けの「Laravel5.7 from Scratch 2018」は、全て無料で閲覧可能なので、こちらを無料で完遂することで「Laravel初期学習の総仕上げ」とするのがいいでしょう。

実際ここまでの学習を独学でやりきれた人は、PHPプログラミング、Webプログラミングに対して相当適性が高い方かと思います。

Laracastをご紹介しましたが、Laracastを中心にPHP/Laravel開発の周辺学習を継続頂ければ、そのまま独学でいっぱしのPHP/Laravelエンジニアとして成長していって頂くことが可能ではないかと思います。

とはいえ実際には、多くの方が、ここまでの学習を独学で乗り越えられることは不可能であるケースが多いです。

実際に文系出身で初心者からエンジニアとして就職をした弊社スクールのマネージャーも、「現場の仕事でフレームワークを利用した開発が必要」で、家でも自身でこのような形での「フレームワークを使った学習」を独学でやっていたそうです。

ですが、彼いわく、「結局の所、独学だけでは自分は成長しきれなかったと思うし、彼の場合仕事ができるエンジニアとして成長するにあたって必要だった要素は、下記のようなものだった」と、言っています。

それは、

1. 仕事で成果を出す必要がある、という強制力がある環境（学習を継続せざるを得ない環境）
2. 仕事で達成するべきプロジェクトとゴールが与えられている状態（必然的にプロジェクトベースの学習が求められたこと）
3. 共にスキルアップしつつある種ライバルでもあった同期という存在（学習コミュニティの存在）
4. 困ったら的確なアドバイスとかわいがりをしてくれる先輩という存在（頼れる相手であり、成長に必要な次のステップを常に提示してくれる存在）

という４点だそうです。

そのため、「一緒に学ぶ仲間」や「困ったときに相談できる相手もおらず」、「学習を継続してスキルアップをしないといけない強制力もなく」、単純にスキルアップしたいという想いだけで、上記のスキルを問題なく身につけられた人は、相当プログラミング適性が高い人だと言えるのではないかと思います。

上記のような観点に基づき、ここまでのステップを独学で完遂出来た人は、PHPエンジニアとして充分現場へ入る準備のできた「初級者」として自認頂くことが可能でしょう。

そして、「初級者」であるならば、スクールへの通学を検討することなく、弊社スクールマネージャーが言う、上記４点を間違いなく得られる環境として、「インターン先」や「エンジニアアルバイト先」を探し、「仕事としてお給料をもらいながらスキルアップできる環境」を探してみる価値があると思います。

これに関しては、「スクールのレベルに依る」という前提条件を付けた上で、上記のようなスキルを独学で身につけられた人にとっても価値のあるプログラミングスクールは存在するでしょう。

たとえば、弊社が運営しているAwesome Ars Academiaの場合は、

• 上記紹介したLaracastでのLaravel学習やMVCフレームワークの構造を知った上で、さらなる演習として開発するプロジェクト演習を経験できる（E-Learningシステムの開発、Airbnbクローンアプリケーションの開発）
• Pull Requestを投げて、現役のエンジニアにソースレビューをしてもらうことで、より読みやすく、効果的なコードの書き方のフィードバックがもらえる
• Git, git-flowを利用した実践的なGitの利用方法が学べる
• Dockerを利用した開発環境の構築をサポートの元経験できるなど、より現場感のある開発環境構築や仮想化技術についても学べる

など、スキル面で更なる高みを目指せるカリキュラムとなっているため、独学でスキルを身に付けた人にとっても有効な学習内容が満載です。

上記のような独学を問題なくクリアできた方で、うまくインターンやアルバイトなどの実務先が見つからない方は、弊社スクールでのプロジェクト演習などの経験は非常に有効な経験となるかと思います。

また、Awesome Ars AcademiaはこれらのようなAdvancedなコンテンツに加え、

• 海外英語圏で働いている日本人エンジニアとも知り合える
• 英語が当たり前で仕事をしているフィリピン人エンジニアと知り合える
• 英語の学習もできる
• 海外であるがゆえにこそ、学習に集中できる環境である

など、多くの付加価値も経験していただけます。

本記事の独学法と独学におすすめのコンテンツなどを参考にしていただきながら、よりレベルの高いエンジニアを目指したい、という方は、ぜひ弊社スクールへの入学もご検討頂ければ嬉しく思います。

Awesome Ars Academia（オウサムアルスアカデミア）では、多くのベンチャー・スタートアッププロダクト開発で使われる２大巨塔とも呼べる「Ruby/Ruby on Rails」や「PHP/Laravel」などを実践的に学べる海外プログラミングスクールを提供しています。

ですが、それ以前にWeb系のプログラミングを学び始める多くの方はまず、「HTML/CSS」の学習から始めることになるでしょう。

厳密にはこれら「HTML/CSS」は、プログラミング言語ではありませんが、文法構造を持った言語の記述によってウェブページの見た目を制御するという直感性の高さから、「プログラミング学習の一段手前」として、プログラマーとなるための準備学習として必須です。

弊社Awesome Ars Academiaの学習でも、１週間ほど、HTML/CSSについて学ぶ（おさらいする）期間は設けておりますが、このあたりの知識は独学でも簡単に身につけられるものであるため、プログラミングスクールを検討する前に学習しておく方が良いでしょう。

今回の記事では、そんなプログラミング学習開始の一歩手前、「HTML/CSSを独学するベストプロセス」として、弊社の方でおすすめする独学プロセスをご紹介いたします。

以前公開させていただいた『初心者がPHPを勉強するベストプロセス』『初心者がRuby on Railsを勉強するベストプロセス』などでも紹介させて頂いたのですが、大切な学習への考え方なので、こちらでも再度紹介させて頂ければと思います。

私たちは、プログラミングの学習の特に初期段階においては、下記の３つのステップが非常に大切だと考えています。
それは、

1. 見よう見まねでとりあえず動かしてみるハンズオン学習
2. 理論や概念などの理解を深める概念学習
3. 理解した内容をベースに作りたいものを作り上げようとする実践・演習学習

という３段階のステップです。

以下、次の具体的な学習サポート内容の中では、この３つのステップに対応する形で、各おすすめ学習方法を紹介させて頂ければと思います。

さて、ではここからが本題の「初心者がHTML/CSSを勉強するベストプロセス」です。

 

HTML/CSS学習の第一段階 - ハンズオン学習編

毎度の登場で大変恐縮なのですが、ここでもまず初心者の第一ステップとして弊社がおすすめするのはProgateです。

どこに行っても、最初の一歩としてのProgateのパワーは圧倒的です。まずはProgateからやりましょう。

実際弊社のマネージャーは、Progateの海外支社長や役員と友人ですが、本当に彼らは「初心者が楽しく・躓かずに学習を開始できるために質の高いコンテンツを作ること」に対する思い入れが強いですし、実際にわかりやすいです。

「まずはProgateから始めてみる」は、鉄板として考えて良いでしょう。

ただ、こちらも毎度付言する注意点なのですが、Progateだけをやっても「現場での戦力には全くならない」というのも理解しておきましょう。

Progateさんの素晴らしいところは、まず最初の一歩を楽しみながらスタートできる、というところの価値だと思います。

そのため「第一歩としてのみ」Progateを認識し、Progateだけをやって満足しては、次のステップにいけない、ということも理解しておいてください。

上記注意点を認識していただいた上で、まず第一歩としてやるべきProgateのコンテンツは下記となります。

下記のコンテンツは、有料箇所もあるかと思いますが、必ず１周やりきりましょう。

実際、初めての方が１周やっただけだとなんとなく終わってしまうので、２周やってみるのがおすすめです。

・HTML&CSS: https://prog-8.com/languages/html

また、HTML/CSSだけに絞ると、Progateだけだと基礎学習が充分な分量がありません。

そのため、Progate終了後は、ドットインストールで下記の４つを、お使いのマシンに合わせてやってみてください。

・HTML/CSSの学習環境を整えよう [Windows編]
https://dotinstall.com/lessons/basic_pcsetup_win

・HTML/CSSの学習環境を整えよう [macOS編]
https://dotinstall.com/lessons/basic_pcsetup_mac

・はじめてのHTML
https://dotinstall.com/lessons/basic_html_v4

・はじめてのCSS
https://dotinstall.com/lessons/basic_css_v4

 

HTML/CSS学習の第二段階 - 概念学習・理解深化編

次に、第１段階を通じてなんとなくHTML/CSSを理解した方は、より理解を深めていくために、書籍を利用して、より細かな概念を拾いながら、学習を深めていくことが重要です。

Awesome Ars Academiaでは、この段階の１冊目の書籍として、『よくわかるHTML5+CSS3の教科書【第三版】』をおすすめしています。

本書籍では、現在主流のHTML5, CSS3とは何か、というのを、HTML4などの旧バージョンとの比較などにも触れながら解説があり、その上で各種タグなどの意味を一つ一つきちんと押さえながら理解を深めていくことができるようになっています。

また、今回紹介している第三版では、きちんと最新のトレンドを押さえた書き方なども紹介しているので、基礎知識・基礎理解としてうまく全体像を掴むことができる書籍になっています。

また、こちらもより理解度を深めるために、ドットインストールから下記の２つのコースを平行で学習されるのもおすすめです！

・HTML基礎文法入門
https://dotinstall.com/lessons/basic_html_tags
・CSS基礎文法入門
https://dotinstall.com/lessons/basic_css_styles

 

HTML/CSS学習の第三段階 - 実践・演習編

そして、第三段階としては、第一・第二段階を経て、基礎的な理解を身に付けて頂いたため、より多くの実践的なアウトプットをすることによって、知識の定着と応用力を身に付けて行きます。

その際、HTML/CSSにおいて、Awesome Ars Academiaがおすすめするのは下記の２つのプロセスになります。

１つ目は、さらなるアウトプットとしてドットインストールから下記の２つのコースをやってみるのがおすすめです。

・実践！ウェブサイトを作ろう
https://dotinstall.com/lessons/website_html_v3
・実践！スマートフォンサイトを作ろう
https://dotinstall.com/lessons/spsite_html

上記２つのコースを通じて、実際に基本的なレイアウトをもったウェブページを作ってみる経験を、パソコン・スマートフォン双方に向けて経験することができます。

２つ目は、上記簡単な演習をやった上で、さらに本格的な３つのパターンのレイアウトを実際にコーディングして、より演習的に学ぶことができる『HTML5/CSS3モダンコーディング フロントエンドエンジニアが教える3つの本格レイアウト スタンダード・グリッド・シングルページレイアウトの作り方』という書籍をやってみるのがおすすめです。

本書を見ながら３パターンのレイアウトのコーディングを実現できるのですが、この３パターンのコーディングができれば、簡単なウェブサイトのコーディングスキルは充分に身につきます。

特に、ちょっとした小銭を稼ぎたい、というときによくあるのが「縦に長いランディングページのコーディング」というようなお仕事なのですが、まさにそんなランディングページをスマホ対応したレスポンシブでコーディングする、という題材もあったりするので、アウトプット・演習型の学習コンテンツとしてのこの書籍は非常に良い題材となるかと思います。

おそらく、ここまで学習した内容を「使いこなせる」という風になれば、月に５万円ほどの収入をちょっとしたコーディングのお仕事を引き受けることで得られる、というスキルも実現可能になってきているかもしれません。

関連：プログラミングと英語を学ぶ価値とは？学習法までご紹介！

上記ちょっとしたお金も稼げるスキルを身につけられるかも？というお話を書かせていただいたのですが、実際にHTML/CSSを利用した簡単なコーディング仕事はここまでのスキルで少しはできるようになっているかもしれません。

ですが、これはIT業界からすると、本当に雑務で誰にやってもらっても良い、というちょい仕事ができるようになった、という本当に初歩の初歩のスキルだと言えるでしょう。

HTML/CSSという観点でさらなるスキルアップをするためには、Bootstrap4などに代表される、より簡単にキレイなレイアウトやデザインを実現できるCSSフレームワークを使いこなせるようになっていく必要があります。

（たとえば、おすすめ書籍だと『Bootstrap 4 フロントエンド開発の教科書』などはオススメです）

また、そのあたりが使いこなせるようになったとしても、まだまだお仕事としては「コーダー」というレベルですし、個人としてちょっとしたWebページ作成ができる、というところまでのスキルが身に付けられる、というところが限界となってしまいます。

実際に「エンジニア」という仕事を「チームとして実施できる」という風になっていくためには、

• HTML, CSSのより正しい設計とは何かという観点はまだまだ身についていない
• チームで開発するために必須となる周辺知識、ツールの理解は全く身についていない
• 現場の仕事で必要とされる「美しいコード」「他のエンジニアが読みやすいコード」というような作法はまだ学べていない
• チーム開発を実際にするための開発プロセス論の知識もない（アジャイル開発など）
• 個人でやっていくにしてもWordPressなどの知識くらいはさらに身につける必要がある

など、まだまだ身につけるべきスキルが沢山ある形になります。

 

個人でちょっとしたフリーランスで稼いでいくことを目的とされる方は、ここで学んだスキルにCSSフレームワークなどの知識を身に付けながらWordPressの運用方法などを学び、ウェブマーケティングの手法などを学んでいけば、ちょっとしたフリーランスの仕事を受けていく、ということはできるようになるかもしれません。

他方で、自身の開発したプロダクトや、「エンジニアとして」より本格的なスキルを身に付けていきたい、という方は、

• 「JavaScriptのスキルを身に付けて、フロントエンドエンジニアと呼ばれる、よりレベルの高いスキルセットを持った人材を目指していく」
• 「PHP/Laravelや、Ruby/Ruby on Railsなどのフレームワークなどのスキルを身に付けて、バックエンドエンジニアとしてエンジニアスキルを高めていく」

など、よりハイレベルなスキルアップを図っていく必要があります。

このさきは、目指す方向によってやるべきことが変わってくるのではないか、というのがAwesome Ars Academiaでは考えています。

既に上述したとおり、「ちょっとしたフリーランスの仕事をしていく」ということをゴールとして目指されるのであれば、ここから先をさらに独学で、WordPressの使い方、ウェブマーケティングの手法（特にSEO）、よりレベルの高いコーディングスキル・CSSフレームワークスキル、などを身につけることで、低額フリーランス領域の仕事を取っていくことはできるかと考えています。

他方で、イケてるITベンチャーなどで働ける「エンジニア」を目指していくのであれば、PHP, Ruby, JavaScript, Pythonなどのような「プログラミング言語の学習」へさらに学習の幅を広げていき、Webサイトを作れるだけのスキルセットから「プログラマー・エンジニア」と呼ばれる領域に学習を広げていく必要があるでしょう。

 

そして、そんな「プログラミング・エンジニアリング」の学習の第一歩も、もちろん独学からスタートした方が費用対効果が良いでしょう。

才能があり、楽しめる方であればスクールに入る必要はありませんし、才能がない方であれば「どういう目的を達成するためにどういうことをスクールに求めるか」を明確にするためにも、一定独学でチャレンジしておく方が、より良いスクール選択をできるようになることは間違いありません。

Awesome Ars Academiaとしては、多くの初学者の方により良い選択をしてもらえればと思っています。

まず独学でWeb制作・プログラミングを始めよう、と思ってこのサイトにたどり着かれた方がいらっしゃいましたら、まずはスクール資料をダウンロードしていただけますと嬉しく思います。

文系大学生でもプログラミングを学んで、IT企業に就職したいという方は数多く存在します。

「就活中でIT企業に行きたいけど、エンジニアとしてのスキルも知識もない」
「就職前に留学してプログラミングを勉強したい」

そんな思いを持つ大学生・高校生にぜひ知ってほしい、１人の留学生がいます。

カンボジア、ベトナム、アメリカ、数多くの国で海外ビジネスと英語能力を磨いてきた彼女が、なぜセブ島プログラング留学を決意したのでしょうか。

Ruby on Rails留学卒業生のインタビューです！

日本というコンフォートゾーンから離れ、ベトナムやアメリカ、そしてフィリピンという異国の地に身を置き、成長することをやめない前田さん。

ずば抜けた行動力を最大限に活かして、勉強も遊びも全力でこなした2ヶ月間のフランジアのIT留学でした。

目標である「日本のテック業界から世界的に価値のある企業を輩出すること」を目指し、Awesome Ars Academiaのインターンシップでスキルを磨いていってほしいです！

Awesome Ars Academia（オウサムアルスアカデミア）では、多くのベンチャー・スタートアッププロダクト開発で使われる２巨塔とも呼べる「Ruby/Ruby on Rails」や「PHP/Laravel」などを実践的に学べる海外プログラミングスクールを提供しています。

特に「PHP/Laravel」が学べるコースは、多国籍生徒を迎えるグローバルプログラミングブートキャンプとして開講しているため、一定の英語力を持たれているということを前提として、アジア各国の多国籍の学生と切磋琢磨しながらプログラミングを学べる環境となっています。

講師となるエンジニアも、セブ島トップ工学系大学のセブ工科大学（日本でいう東北大学工学部レベル）を飛び級×次席で卒業、セブ島私立トップのサンカルロス大学（日本でいうと慶應大学SFCレベル）のコンピュータサイエンス学部で学年で主席を取得、フィリピン大学（日本でいう東京大学）のコンピュータサイエンスで次席で卒業、というようなトップレベルエンジニアばかり。

彼らは日本のトップベンチャー・スタートアップ企業と仕事をしているSun*の厳しい選抜試験と面接をくぐり抜け、さらにそんなSun*の新人研修も通過して社員に選ばれた精鋭です。

そんな現役ハイレベルエンジニアを講師としてアサインしている弊社のグローバルテックスクールですが、実際にスクールに来る前に、できる限り生徒さんに自力での学習にトライした上で来てもらうようにお願いしています。

今回は、そんなハイレベルなプログラミングスクールを提供している弊社が考える、「初心者がPHPを勉強するベストなプロセス」をご紹介したいと思っています。

こちらは、先日紹介した『初心者がRuby on Railsを勉強するベストプロセス』でも紹介した内容と同じなのですが、大切なことなので再度紹介させて頂ければ、と思います。

私たちは、プログラミングの学習には（特に初期の学習においては）、下記３つのステップがあると考えています。

それは、

1. 見よう見まねでとりあえず動かしてみるハンズオン学習
2. 理論や概念などの理解を深める概念学習
3. 理解した内容をベースに作りたいものを作り上げようとする実践・演習学習

という３段階のステップです。

第１段階のステップは、かなり入門的なオンライン学習サービスなどを使って、「言われたとおりにやってみたら動いた」ということを経験する中で、「なんとなくこうしたらこう動く」ということを感覚的に知っていくフェーズです。

第２段階のステップは、初心者向けのプログラミング教科書を用い、実際にコードを書きつつ勉強することで、「なんとなく動いている裏側ではこんなことが起こっているんだ」ということを学び、理解を深めていくフェーズです。

第３段階のステップは、「こういうサービス・こういう機能を実現したい」という状況のもと、自力でそのゴールを達成していくフェーズです。

たとえば弊社の新人研修などでは、「E-Learningシステムを作る」「Twitterクローンアプリを作る」「Airbnbクローンアプリを作る」など、有名なプロダクトのシンプルバージョンを実際に自身でで開発するなかで、自分自身で課題解決を行いながらゴールを達成していく、外部APIを利用することによってAPIをどのように使うのか、という演習学習を実施しています。

このように私どもは、プログラミングの学習には上記のような３段階のステップがあると考えています。

そして、現段階のスキルレベルから次の段階のスキルレベルへステップアップをするタイミングが訪れる度に、この3つの学習段階を経てステップアップしていくものだと思っています。（おそらくこれはプログラミングだけではなく、あらゆる「学習」においても類似のプロセスを踏むのかもしれないですね。なんとなくやって見る中で感覚を掴み、それを理解し、さらに応用していく。「守破離」ということばを多くの日本企業の新人研修では聞きますが、ある種「守破離」とは、このような状況かもしれません。）

さて、それではここからが本題の「初心者がPHPを勉強するベストプロセス 2020年更新版」です。

 

PHP学習の第一段階 - ハンズオン学習編

さて、ではPHP学習における第一段階のハンズオン学習では、現在最もオススメできるのは、やはりProgateでしょう。

ほんとにどこに行っても、最初の一歩としてProgateをされている人が沢山いると思うのですが、「最初の第一歩としてのProgate」は非常に正しいです。

他方で、逆にお伝えしておくべきかと思うのが、Progateだけ楽しくやったという状況では、「現場での戦力には全くなれない」ということも事実として認識しておいて頂く必要があります。

とはいえ、「初心者がプログラミングを学習する」という「初心者」という観点において、やはりProgateでの最初の一歩は最強である、と思います。

Awesome Ars Academiaとしては、まずPHPプログラミングを理解していくにあたって、下記のコースをすべて、下記の順にやり切る、というのが良いプロセスかと思っています。

• HTML & CSS: https://prog-8.com/languages/html
• Sass: https://prog-8.com/languages/sass
• JavaScript: https://prog-8.com/languages/es6
• PHP: https://prog-8.com/languages/php
• SQL: https://prog-8.com/languages/sql
• Command Line: https://prog-8.com/languages/commandline
• Git: https://prog-8.com/languages/git

 

PHP学習の第二段階 - PHP理解・深化編

PHPハンズオン学習をProgateで実施した段階で、なんとなくプログラムってどう動くのか、PHPってどうすれば動くのか、についてのイメージが掴めているはずです。この段階でのPHPへの理解を深めるタイミングでは、下記の書籍をオススメしています。

よくわかるPHPの教科書 【PHP7対応版】

上記の書籍では、HTML上からフォームを使ってデータがPOSTされたときに、それをPHPでどのように扱い、データベースであるMySQLにどのように保存・編集・取得処理を命令するのか、という一連のWEB開発の全体像を順に理解していくことができます。

また、簡易ではありますが、ログイン機能があるアプリケーションをご自身のマシン上の開発環境で開発することができるため、「なんとなく準備された環境で言われたとおりに書けば動いた・正解できた」というProgateでの経験からさらに一段階進んだ学習ができるでしょう。

 

PHP学習の第三段階 - より応用的なPHPシステムの開発編

上記のような２段階を経ることで、PHPを利用したWEBシステムの開発の基礎的な要素は網羅的に学習が進んできています。その上で、様々な演習形式のアプリケーションを開発することで、さらにプラスアルファの経験値を積んでいく、というのがこの第三フェーズとなります。

その際に、現在形でおすすめするのは、ドットインストールでの様々なサンプルアプリを開発してみることです。

ドットインストールのレッスン一覧ページの中から、左記の「PHPでウェブサービスを作れるようになろう」を、やれる範囲でやりきってみることをオススメします。

作られているコースが2015年頃のものが多く、PHPのバージョンも少し古いものが開発環境となっているのが少し悲しいところではあるのですが、基本的には最新のPHPバージョンでも動くアプリケーションばかりですし、学習内容としては非常に有効なものばかりです。

「カレンダーを作ってみる」「ToDo管理アプリを作ってみる」というような、実際に使えるそれぞれの小さな機能をたくさん作っていくことによって、よりプラスアルファの知識・理解が複数の角度からの学習によって定着させることができ、「PHPでのプログラミングとはどういうものか」が身に付いていくでしょう。

※ 第二段階の学習プロセスで、XAMPP, MAMPで開発環境をみなさんはお持ちかと思うので、そちらで演習を実施してみてください。

さて、ここまでみなさんが独学で成し遂げることができた場合、みなさんはこれで自分もエンジニアとしてどんなものでも作れる、というレベルの自信を持てるようになっているでしょうか？

「ここまで独学でたどり着いたが、これらを元に今の世の中に出回っているようなプロダクト開発をどうやればよいのかわからない」

というのが、みなさんの現状となるのではないか、と思います。

実際のところ、ここまで学んだことを完璧に理解していたとしても、

現場で仕事ができるエンジニアのレベルに到達するまでには、ここからさらに大きな溝が待っています。

たとえば、

• オブジェクト指向ってなんなの？というようなプログラミングの上では必須の概念への理解が深いわけではない
• 実際の企業の開発現場ではフレームワークと呼ばれるツールを使った開発がほとんどだが、まだフレームワークを学んでいない
• Gitというソースコード管理ツールをまだ使える状態になっていない
• 個人でのプログラミング学習のみ積み重ねており、チームでの開発に関して何一つ知識がない
• 実際の開発現場で必要とされる開発プロセスである、アジャイル・スクラムと呼ばれるような開発手法をまだ何も知らない
• 現場の仕事で必要とされる「美しいコード」「他のエンジニアが読みやすいコード」というような作法はまだ学べていない
• より深いプログラミング各種の概念への理解が足りない

というようなことです。

実際、上記のようなポイントは、

• さらなるPHPプログラミングの学習として、フレームワーク学習を行う
• 現役のエンジニアとして仕事をしている人からのメンタリング・フィードバック・コードレビューなどをしてもらう
• 実際の開発プロジェクトにジョインすることによって、実開発の現場経験を体験してみる
• 上記さらなる経験に基づいて、より深い学習題材やより演習的な学習プロセスを繰り返し実施して自己研鑽を重ねる

という、プロセスを踏んでいくことによってしか埋めることができない、というのが現実的なところとなります。

そもそも今回ご紹介した「初心者がPHPを勉強するベストプロセス」の次に、フレームワークの学習を実施する必要があります。

そして、そこまでは一定独学でも基礎学習ができるものだと私たちも考えています。

そのため、以下の記事を参考に現在PHPフレームワークの中で世界的に最も使われているLaravelの学習を進めてみてください！
初心者がPHP/Laravelを独学で学習するベストプロセス

ただ、やはり独学でたどり着けるゴールには限度があると私たちは思っています。

実践的な学習は、実際に近しい距離のメンターにフィードバックを受けて初めて身につく部分がありますし、多くのプログラミング学習者が独学では挫折していくので、集中的に学べる学習コミュニティがあること、も非常に重要なファクターとなるでしょう。

そのような実践的な学習には、実際に弊社が提供している学習コースのような、

• 「現役のエンジニアから直接のメンタリングを受けられる」
• 「きちんとGitでプルリクエストを投げてコードレビューを受けられる」
• 「より演習的な開発課題をプロジェクト型で経験することで、実践度の高い経験を積む」

ということが必要になるかと思います。

もちろん、現在のご職業のステータスなどによって、日本国内の通学形式のスクールの方がライフスタイルとマッチしているケースも多いかと思います。

弊社としては、本当に活躍できるエンジニアが増えることで世の中がハッピーになるプロダクトが増えていく、ということに事業のゴールを置いていますので、みなさまの学習の動機やゴール設定に応じ、弊社以外のスクールをオススメさせて頂くこともございます。

まずはお気軽にキャリア相談のつもりでも大丈夫ですので、

• 無料の個別カウンセリング

など、お問い合わせ・個別カウンセリングのご予約等頂ければ幸いです。

カウンセリングは弊社の教育事業マネージャーが直接対応させていただきます。

25歳文系出身からエンジニアとしてキャリアを積み、起業家とのネットワークも広く、今や海外ブランチ運営を任せられているマネージャーです。

また、多くの上場IT企業の新人研修を日本語・英語双方で委託されるなど、エンジニア育成・研修のプロでもあります。

留学の詳細やセブ島での生活について、実際にエンジニアとして働いていたからこそのアドバイスなど多岐にわたるお話ができると思います。

今後プログラミング学習を開始されるみなさまの一助になれますと幸いです。

Awesome Ars Academia（オウサムアルスアカデミア）では、セブ島トップ工学系大学のセブ工科大学（日本でいうと東北大学工学部）を飛び級×次席で卒業したエンジニアや、セブ島私立トップのサンカルロス大学（日本でいうと慶應大学）のコンピュータサイエンス学部で学年主席を取ったことがあるようなトップレベルエンジニアがプログラミング講師を務め、「Ruby/Ruby on Rails」, 「PHP/Laravel」などを学べるプログラミングコースを提供しています。

そんな現役ハイレベルエンジニアを講師としてアサインしている弊社の海外テックスクールですが、留学期間中により密度の高い学習をしてもらえるよう、できる限り生徒さんに自力での事前学習にトライした上で来てもらうようにしています。

今回は、そんなハイレベルなプログラミングスクールを提供している弊社が考える、「初心者がRuby on Railsを学ぶベストなプロセス」（弊社テックスクール受講前にチャレンジしておいて頂きたい準備学習課題に相当）をご紹介したいと思います。

 
実際に Ruby on Railsを学ぶベストプロセスのご紹介に入る前に、Awesome Ars Academiaの教育チームが考える「プログラミング学習に必要な３つのステップ」について、ご紹介したいと思います。

私どもは、プログラミングの学習には、下記３つのステップがあると考えています。

それは、

1. 見よう見まねでとりあえず動かしてみるハンズオン学習
2. 理論や概念などの理解を深める概念学習
3. 理解した内容をベースに作りたいものを作り上げようとする実践・演習学習

という３段階のステップです。

第１段階のステップは、かなり入門的なオンライン学習サービスなどを使って、「言われたとおりにやってみたら動いた」ということを経験する中で、「なんとなくこうしたらこう動く」ということを感覚的に知っていくフェーズです。

第２段階のステップは、初心者向けのプログラミング教科書を用い、実際にコードを書きつつ勉強することで、「なんとなく動いている裏側ではこんなことが起こっているんだ」ということを学び、理解を深めていくフェーズです。

第３段階のステップは、「こういうサービス・こういう機能を実現したい」という状況のもと、自力でそのゴールを達成していくフェーズです。

たとえば弊社の新人研修などでは、「E-Learningシステムを作る」「Twitterクローンアプリを作る」「Airbnbクローンアプリを作る」など、有名なプロダクトのシンプルバージョンを実際に自分で開発することで、自分自身で課題解決を行いながらゴールを達成していく、という演習学習を実施しています。

このように、プログラミングの学習においては、上記のような３段階があると考えています。

そして、現段階のスキルレベルから次の段階のスキルレベルへステップアップをするタイミングの度に、この3つの学習段階を経てステップアップしていくものだと思っています。（おそらくこれはプログラミングだけではなく、あらゆる「学習」においても類似のプロセスを踏むのかもしれないですね。）

Ruby on Rails学習の第一段階

さて、ここまでみなさんが独学で成し遂げることができた場合、みなさんはこれで自分もエンジニアとしてどんなものでも作れる、というレベルの自信を持てるようになっているでしょうか？

私が思うに、

「ここまで独学でたどり着ける人がそもそも少ない」
「ここまで独学でたどり着いたが、同じようなものをゼロからチュートリアルなしに作るにはどうしたらよいかわからない」

というのが、実際のところほとんどかと思います。

実際のところ、ここまで学んだことを完璧に理解していたとしても、現場で仕事ができるエンジニアのレベルに到達するまでは、ここからさらに大きな溝が待っています。

たとえば、

• Gitというソースコード管理ツールをより高度に使いこなさないといけない
• 実際の開発現場ではアジャイル・スクラムと呼ばれるような開発プロセスの理解がないとチームでは仕事ができない
• 現場の仕事で必要とされる「美しいコード」「他のエンジニアが読みやすいコード」というような作法を学ばないといけない
• ゼロから自分で作りたいと思うものを課題解決をしながら作れるようにならないといけない
• より深いプログラミング各種の概念への理解やフレームワークの理解が必要となる

というようなことです。

実際、上記のような溝は、

• 現役のエンジニアとして仕事をしている人からのメンタリング・フィードバック・コードレビューなどをしてもらう
• 実際の開発プロジェクトにジョインすることによって、実開発の現場経験を体験してみる
• 上記さらなる経験に基づいて、より深い学習題材やより演習的な学習プロセスを繰り返し実施して自己研鑽を重ねる

という、プロセスを踏んでいくことによってしか埋めることができない、というのが現実的なところでしょう。

実際に弊社が提供している学習コースのような、

• 「現役のエンジニアから直接のメンタリングを受けられる」
• 「きちんとGitでプルリクエストを投げてコードレビューを受けられる」
• 「より演習的な開発課題をプロジェクト型で経験することで、実践度の高い経験を積む」

ということが必要になるかと思います。

弊社は、本当に活躍できるエンジニアが増えていく、ということに事業のゴールを置いて活動しています。

ご興味がある方は、まずはお気軽にスクール資料をダウンロードください！