ID:58514さん

# 概要 Rails と React を使用して SPA を作成した。 個人開発、ポートフォリオの制作 URL : [http://study-calendar.tk/](http://study-calendar.tk/) Github : [https://github.com/hama404/study_calendar](https://github.com/hama404/study_calendar) ### 使用技術 Rails 6.1.3, React, MySQL 5.7 AWS EC2, S3, RDS Docker, CircleCI, Terraform ## 課題、学んだこと ### アプリのSPA化 フロントエンドのReactの技術を学びたかった。 様々な企業がフロントエンドにReactを使用していることから、 フロントエンドの技術としてReactが普及していることがわかる。 そこで、ポートフォリオにこの技術を組み込んで、 フロントエンドとバックエンドの開発を分ける概念を学んでみようと思った。 ### Docker, CircleCI の導入 開発環境でのDockerの使用はほぼスタンダードになっているという情報を得たので、このアプリに導入してみようと思った。 さらに、この技術を使用して本番環境の構築もできることがわかったので、 アプリに導入できたら、本番環境においても環境構築の再現性が高くなるのではないかと思い、次の課題であると考えている。 また、CircleCIによる自動テストやコードのフォーマットも同様に、様々な企業で導入されていることから、この技術や概念が普及されていることがわかり、このアプリを通して導入方法や使い方を学んだ。 ### Terraform の導入 Terraformを導入しようと思ったきっかけは、aws マネジメントコンソールでの作業を同じ作業をすることが難しいと感じ、この作業をコード化して管理することができるツールがないか、と思ったことがきっかけである。 この機能を学んだことで、インフラ環境の複製や復元が簡単になり開発効率が悪がったと考えている。 ## これから実装しようと思っていること インフラをECS Fargate に移行 また、Terraform でインフラの作業をコード化

# 概要 HTML, CSS, Javascript でのHP制作 フロントエンド、インフラの基礎を学ぶために作成した。 URL : [https://hamasaki-yuichi.tk/](https://hamasaki-yuichi.tk/) Github : [https://github.com/hama404/profile](https://github.com/hama404/profile) ### 使用技術 HTML5, CSS3, JS6, AWS EC2 ### 詳細 今までフロントエンドの開発はRailsでerbやbootstrap, jQuery などのフレームワークを使用していたが、フロントエンドの基礎を学ぶために、フレームワークを使用せず HTML, CSS, Javascript のみを使用して、HPを制作した。 また、インフラにはIaaSを学ぶためにAWSを導入した。 ## 課題、学んだこと ### Javascript jQueryはもうほとんど使われていなく、他のフレームワークだったり、生のJavascriptに移行されているという情報を知ったので、まずは基本であるJavascriptのみHPを制作できるようになろうと思い、導入した。 ### インフラ 今までは、インフラにPaaSであるHerokuを使用していたのだが、インフラの構成や、ネットワーク周りの知識もつける必要があると考えたので、こちらも基本である、VPCの構成やEC2でのサーバー構築などを学ぶために、インフラをAWSで作成した。