ジーズアカデミーで作成したプロダクト集

私は2020年10月~2021年4月にエンジニア起業家養成スクール「[ジーズアカデミー東京][]」のLABコースを受講し無事、卒業認定を頂きました。半年間のプログラムでは、多くの制作物を作成しましたので、その一部を紹介します。

[ジーズアカデミー東京]:https://00m.in/nhqJl

# こんな人におすすめの記事です
- プログラミングスクールの入学を検討している方
- スクール受講後に、どの程度の実装力が身につくかイメージがつかない方
- 未経験エンジニアからの転職を目標にしている方

# スクールを受講した背景
私はスクール入学前に2年間、保守・運用業務を中心にエンジニアリング業に従事しておりました。現場では、テスト作業を含む雑務からWEBサービスのバグ回収、追加開発案件なども経験しましたが、「プロダクトの実装力」身に付いている実感はなく、エンジニアとしてのスキルも伸び悩んでいた状況でした。そこで、起業家養成機関として、ゼロからのプロダクト実装力をカリキュラムとしている本校に入学しました。

# 制作物
### カルーセルエルドラド
* 制作期間: １週間
* 使用言語: HTML,CSS,JavaScript
* GitHub：
https://github.com/worldwideweb13/eldorado

<iframe width="560" height="315" src="https://www.youtube.com/embed/h1iD7-Uv5oE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
2020年8月末で閉園したとしまえんの回転木馬、カルーセルエルドラドのファンサイトを作りました。写真を円柱上に回転させることで、メリーゴーランドの動きを再現させました。

###  ジャンケンマンフィーバー
* 制作期間: ４日間
* 使用言語: HTML,CSS,JavaScript
* GitHub：
https://github.com/worldwideweb13/Jankenman

<iframe width="560" height="315" src="https://www.youtube.com/embed/TOvXQgXEnXE" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
小学生の頃、地元で遊び倒したコインゲームをJSをベースにして作ってみました。
jsアクションと音声をボタン押下のタイミングで同時に組み合わせるのに苦労しました。

### クイズゲーム
* 制作期間: 3日間
* 使用技術: HTML,CSS,JavaScript,ローカルストレージ
* GitHub：
https://github.com/worldwideweb13/ultra-Shindan

<iframe width="560" height="315" src="https://www.youtube.com/embed/zMny0sAbu0g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
DBを使ったアプリを作る前段として、ローカルストレージを使ったアプリ制作をしました。
クイズ形式で、ユーザーの回答を保持していき、回答によって診断結果が変わります。
ローカルストレージでint型を扱えず、型変換を変えながら値を更新する処理に手間取りました。

###テクモンアドベンチャー
* 制作期間: 7日間
* 使用言語: HTML,CSS,JavaScript, GoogleFireBase
* GitHub：
https://github.com/worldwideweb13/Tecmon

<iframe width="913" height="514" src="https://www.youtube.com/embed/0sLqy5UFSpA" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

「進化」をテーマにデジモン風の育成ゲームを作成しました。進化アクションや音声エフェクトをライブラリー使わずに全てゼロから実装したため、書いたコードが1000行を越え、可読性がめちゃくちゃ落ちました。。ですが、この経験を通じてデータベース、JS、HTMLの書き方を体感できたため、ここから自分でコードを書けるようになりました。

###ECサイト 棚卸しツール
* 制作期間： 3日間
* 使用技術： HTML,CSS,JS,PHP

<iframe width="560" height="315" src="https://www.youtube.com/embed/9XpErusLM_g" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


PHPを活用して作った初めてのプロダクト。
ECサイト運営で必要となる棚卸し額を算出するツールを作りました。
このプロダクトをベースに次回作では、在庫管理機能や売上集計機能を加えたツールを作ることになります。


###ECサイト　売上/在庫管理ツール
* 制作期間： 14日間
* 使用技術： HTML,CSS,JS,Laravel,MySQL,GoogleSheetAPI
* GitHub:
https://github.com/worldwideweb13/Bi-Scouter

<iframe width="560" height="315" src="https://www.youtube.com/embed/xwcmHFuv7Jo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
棚卸しツールをバージョンアップしたもの。
中小/零細企業向けのECサイトモール運営者向けの売上／在庫管理ツールを作成しました。
Googleスプレッドシートからデータ取得を行い商品売上、在庫の棚卸金額を算出できます。
GoogleスプレッドシートのAPI連携、非同期処理、DBからデータ取得と表示など、MVCモデルに沿ってコードを書く一連の処理の流れを掴むことができました。

###ヤシオリ作戦
* 制作期間： 7日間
* 使用技術： Unity,C#
* GitHub: https://github.com/worldwideweb13/GodzillaGame

<iframe width="913" height="514" src="https://www.youtube.com/embed/Il8LqphmQdc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

ゲーム開発に興味があったため、ゴジラをテーマにしたダンジョンゲームを開発してみました。初めてのUnityで完全独学だったため、操作に慣れるまでに苦労しましたが、自分でゴジラのアクションを作っていく過程は楽しく、夢中で制作することができました。

###ぼちなび（卒業制作）
* 制作期間： 2ヶ月
* 使用技術： Unity,C#,PlayFab(DB), GoogleMapAPI, X-code,Immersal
* GitHub:　https://github.com/worldwideweb13/GGA-Unity-ARProject

<iframe width="560" height="315" src="https://www.youtube.com/embed/iDfVqCxDq7I" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
半年間の学びの総体として、自分が一番情熱を持って取り組めたゲーム制作をテーマにAR位置情報ゲームを作成しました。 VPS（Visual Positioning Service）と呼ばれるAR技術を活用することで、現実の空間にバーチャルのキャラクターを表示させました。VPSに関する日本語のドキュメントが全くなく、英文の公式ドキュメントを中心に自作した事は貴重な糧になりました。

# まとめ
半年間の中で学べることは実務レベルで使う知識としてはまだまだ足りないと実感しております。
しかし、プロダクトを作る過程でのエラーハンドリングやコードレビューを積み重ねたことで、コーディングに習熟し、大変密度の濃い時間になりました。

卒業後はフリーランスエンジニアとして日々、学びの日々です。「30歳からの未経験エンジニアの歩き方」をテーマに今後も情報発信していきたいと思います。最後まで読んで頂きありがとうございました！