プログラミングスクールで習作を週2で2ヶ月間、作り続けて気づいたこと

私は2018年10月上旬にプログラミングスクール”G's ACADEMY”に通いはじめました。現在も学習中で、平日に授業を受けています。いわゆる、駆け出しエンジニアです！

このコースでは、週に2回、課題が出されます。入学したからには本気でプログラミングやろう！と躍起になり、死ぬ気で課題を取り組んでいたら、大量の習作ができました。

2ヶ月がたち、課題提出は終了。振り返ってみると、大量の習作たちを全力で作ってきてよかったなぁ…と思えることがたくさんあり、習作として Qiita に残すことにしました。個人的な1年間(2ヶ月半)の振り返りです！

## 背景
- 色んな凄腕プログラマーが色々作るの大事って言ってる
- アイデアがない？だったら、たくさん習作を作ろう！
- まず2ヶ月はコード書きまくろう！と言われまくる

習作の製造機になることを誓う。

## 習作達の紹介
### １作目
#### LP
![gz1.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/e07aa746-05b6-20a1-02df-4cd62871b18f.gif)

#### ＋α(ビンゴ、クイズ、canvas)
![gz1-2.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/08e49168-6466-ccc8-68bb-c4cc7deefb58.gif)

### ２作目
#### LPの進化版＠バグだらけ
![gz2.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/9d0332da-f3e8-cb8a-c910-34e8df62ac18.gif)

### ３作目
#### じゃんけん
![gz_janken.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/224e38ed-970a-c564-358d-ab244ecbf884.gif)

#### +α(糸通しゲーム：canvas)
![gz3.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/fdfdf706-93a2-4334-577e-677c448b28e5.gif)

###　4作目
#### 群れ(うまくできず…)＠好きなの作ってみた
![gz5-2.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/b829e4ba-977c-c40c-2df3-502012561e09.gif)

#### 魚を全クリするゲーム(魚、動きはCSS。コードペンの見ながら勉強！)
![gz5-1.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/3232cb0f-b572-a4df-27fa-f58434ec2a2e.gif)

### ５作目
#### チャット(firebase)
![gz6 10.38.32.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/c8a7ed00-57e1-070d-85a5-77ddef33dc46.gif)

### 6作目
#### youtubeを一緒にみれるサービス(大量のバグあり…)
![gz_6_2.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/45139e0b-0a1f-53b5-1c45-303a2f7a715d.gif)

### ７作目
#### スマホがコントローラーになるゲーム(firebase)
PC
<img width="809" alt="スクリーンショット 2018-12-15 15.15.16.png" src="https://qiita-image-store.s3.amazonaws.com/0/314351/d711509c-ef55-f868-0e15-d0c3321abcbf.png">

同URL：スマホ画面
<img width="429" alt="スクリーンショット 2018-12-15 15.15.27.png" src="https://qiita-image-store.s3.amazonaws.com/0/314351/db4865c7-72bd-dd81-def8-0e966bace58e.png">

### 8作目：スクール内ハッカソン(１週間)
#### 桜(p5.js)
エラー出たので、ツイッターのものを掲載しています。
<blockquote class="twitter-tweet" data-lang="ja"><p lang="ja" dir="ltr"><a href="https://t.co/0UweTKnBLB">pic.twitter.com/0UweTKnBLB</a></p>&mdash; ぐるたか (@guru_taka) <a href="https://twitter.com/guru_taka/status/1063590339376758785?ref_src=twsrc%5Etfw">2018年11月17日</a></blockquote>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>


![gzjs2.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/dffdc0fb-2b7d-a805-a4de-ed13950475dc.gif)

### 9作目
#### アンケート
![gz8.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/7e0824ea-e9b4-0834-9963-0b24824c05cc.gif)

### 10作目
#### 本に特化したevernoteもどき
![gz9.gif](https://qiita-image-store.s3.amazonaws.com/0/314351/3853bf56-463f-05b5-82e1-8f42cb75d4f5.gif)

### 11作目
#### おっぱい関数ジェネレーター
![opfg.png](https://qiita-image-store.s3.amazonaws.com/0/314351/b8e3fad0-5d02-9447-d457-09e516db5c1e.png)

・[おっぱい関数ジェネレーター(OPFG)](https://opfg.xyz)

こちらは初リリースのサービスです。qiitaに投稿したら、色んな方にご覧頂き、本当に嬉しかったです！リリースするか不安でしたが、やってよかったなぁ…と改めて思います。

qiita投稿記事：[おっぱい関数ジェネレーターを作ってみた【初リリース】](https://qiita.com/guru_taka/items/73ce07637a47183527e6)

## 習作作りで得られたこと

### 単なるお勉強は超遠回りと気づいた
勉強してから実装！がわりと遠回りと実感できました。特に思ったことはこの３つ

- 実装しないと気づきにくい学びが多い(バグ的なもの)
- 実装ファーストなので、勉強に無駄が出にくい
- コードを書きながら学ぶと、動きや結果を目にできるので理解度アップ！

この経験から、ただのインプットは全くしなくなりました。必要になったら、実装しながら学ぶ感じですね！

もちろんインプットも大事なので、やりながら足りないところを補うためにインプットするのが最も良いのかな…って最近思っています。

やりながら学んでいく重要性に気づけたのが、習作で得られた１番の財産かもしれません！

### どんな習作であっても、自分で作ることに意味があった！
自力でググりながら必死に0→１を作り上げることに意味があると思いました。

- エラーやバグの勘どころがわかってくる(本人比)
- ググる力アップ
- 忍耐力アップ

あと達成感が凄いです。前にできなかったことができる！って、わかりやすい成長指標です！本当に嬉しくなって、プログラミングも好きになっていきます。

ググる力も身につくので、難しい問題にぶち当たっても徐々に解決できるようになって、良かったです！

やっぱ自分で作ってみるって偉大。

## 習作作りのデメリット
習作に夢中になってしまい、インプットが疎かになりました。また、実装ファーストのためソースが汚くなることが多々あります。

ここらへんはバランスが大事なと思いました。最近はソースの見た目も両立しながらできるようになりつつあります(まだまだですが汗)


## 最後に伝えたかったこと

２ヶ月間の習作作りで思ったのは、ショボいものでも良いから自分で一から作ってみると、複利のように PG 力が伸びていくということです。

- ソース書くの早くなる
- 解決力アップ
- ソースの結果(動き)を体験できるので学びも深くなる
- 成長も実感でき、モチベアップ！

この繰り返しによって、余裕やできることも増え、相乗効果でPG力が上がりました！そのため、習作づくりは勉強方法として近道かも…！なんて思いました。

## 結論
習作作りは正義

先輩方や先生のいうように、色んなモノを作ってきて良かったです

今後も新しい技術を学びながら、色んなモノを作って参ります！