昨年の3月頃にweb系自社開発会社に内定をもらってからはや1年半。
サーバーサイドからフロントまで幅広く学んできたのでここまでの学習の流れをまとめておきます。

これからWebアプリケーションエンジニアになることを考えている人、または自分と同じくエンジニアになってまだ日が浅い人、そんな方の参考になれば良いと思います。（技術に関しては結構抽象的に書いています。）

大まかな流れとしては
「言語の基礎的な学習」→「CRUDができるアプリケーション作成」→「apiを活用したアプリケーション作成」→「フレームワークでの実装」という流れを辿ってきました。

Progateで一通り学習

それまでプログラムを一行も書いたことがなかった私はProgateで学習することから始まりました。

会社のアプリケーションがphpで書かれていることもあり、phpの講座を一通り受けました。
また、それに加えてHTML,CSS,SQL,コマンドライン、gitの講座を受けた記憶があります。
細かいところが理解できなくてもとりあえず進んでいくことを意識しました。

スライド形式で授業が進んで、エラーも詳しく出してくれるのでサクサク進みました。←理解は曖昧
でも皆さんおっしゃるように一番力がつくのは自分で何かを一から作る時だと思うので、ここでそんなに時間をかける必要はないかもしれないです。

オリジナルアプリケーション

Progateを1ヶ月くらいで終わらせた後はオリジナルのアプリケーション作成に入りました。

PHP を使ってCRUD処理を行うアプリケーションを作る。というのが会社から与えらた課題で、ネットに転がってる記事を参考に簡易掲示板のようなものを作成しました。

Progateで学んだ断片的な知識が具体的にアプリケーションを作る＋本を読む、ことによって体系的に理解ができるようになりました。

ただこの頃はクラスとかメソッドとかいまいち分かってません。笑
オブジェクト指向もクソもなく、ただただつらつらと書いた、今見ても恥ずかしいコードです笑

ただ、実際に動くものが一から作れたということは素直に嬉しかったです。

その次は外部apiを利用したアプリケーションの作成を行いました。

毎日一定の時間になったらIDCFに接続しサーバーの稼働状況を取得。
スラックにそれらの情報を投稿するという簡単なアプリケーションでしたが、そもそもapiとは？どんな使い方をするのか？という学習につながりました。

jsonとか初めて知りました。笑

毎朝8時に気象庁のapiを用いて天気を取得し、LINEを送ってくれるボットも会社の課題とは別に個人的に実装しました。

社内の広告運用チームが様々な媒体から手動で日々取得している成果レポートを自動集計するアプリケーションの作成に関わりました。

とはいえ、このプロジェクトで自分がやったことはphpspredsheetを用いて収集したデータをスプレッドシートに出力するという部分だけです。笑

とはいえ、初めての複数人での開発だったので先輩社員のコードを読んだら、それを参考にコードを真似て書いてみたりと勉強になりました。

プロジェクト自体がlaravelだったこともあり、MVCの流れやlaravelでの基本的な書き方はここで理解が進みました。
Laravelの学習には下記のサイトをハンドオン形式で進めたのが勉強になりました。
入門Laravelチュートリアル

Laravelこれから書くって人にはもってこいです。

リーダブルコードも大変参考になりました。読む前と後では全然コードが変わります。

ここまでで12月。約8ヶ月くらいです。

その後入社までは海外旅行をしまくっていたので勉強のペースは少し落ちます。
会社に行っていない間はHTML/cssに関して勉強しました。
下記の本を実装しながら読んで学習を進めました。
HTML5/CSS3モダンコーディングフロントエンドエンジニアが教える3つの本格レイアウトスタンダード・グリッド・シングルページレイアウトの作り方

入社した今年の4月からは会社の広告配信アプリケーションの管理画面リニューアル案件にアサインされました。
この案件では学んだことが数多すぎて書ききれません。

ここでもまたlaravelが登場するのですが、コードを書くだけでなく設計や、アプリケーション全体の作りまで様々なことを経験しました。

デザインパターンやオブジェクト指向、単に実装するのではなく、拡張性、保守性、改修性が高いのはどんなコードなのかということを少しずつ考えられるようになってきました。でもやっぱり難しい…
フロントに関してもデザイン書に基づいて実装しなければいけなったため、フロント周りの技術も身につきました。

参考になった本
・PHPフレームワークLaravel Webアプリケーション開発
・オブジェクト指向でなぜつくるのか
・オブジェクト指向における再利用のためのデザインパターン

疲れてきたのでこのくらいで終わります。
webエンジニアを目指すという方はぜひ参考にして学習を進めてみてください。
理解した！→やっぱり全然わからない！の繰り返しだと思いますが、やればやるだけできることは確実に増えてきて楽しくなってくると思います。

それでは！