32
13

React|TechPitの『ゴルフ場検索サービス』を作ってみた

Posted at

エンジニアのみなさま、日々の学習本当にお疲れ様です!
また本記事まで足を運んでいただき本当に感謝です。
約2分程度で読めるので最後まで読んでもらえると幸いです。

こんな人におすすめ

  • React × TypeScriptを使ってみたい方
  • サーバーレスでの開発に興味がある方
  • AWSのサービスを使ってみたい方
  • 外部APIを使ってみたい方

サイトURL

めちゃくちゃ勉強になりました。ありがとうございました!!!

TechPitとは

アーキテクチャ

スクリーンショット 2024-08-17 22.18.36.png
https://www.techpit.jp/courses/15/curriculums/16/sections/149/parts/567 から引用

やってみた感想

ReactやTypeScriptの書き方や考え方に関して丁寧に説明されています。パート毎の質問を見ても、学習者に寄り添った回答をされているのが好印象でした。

個人的にはAWS関連のサービスに触れたのが一番良かったです。実際に利用するサービスは 『AWS Amplify』 『Amazon DynamoDB』 『AWS Lambda』 『Amazon API Gateway』 になります。AWSのドキュメントを読んで何となくの理解はできるものの、じゃあどうやって使うの?がピンときておらず、実装するにしても敷居が高い印象を勝手に持っていました...
そんな中、この教材で学習をする事で実装の敷居がグンと下がりました。 CLI(Command Line Interface) ではなく GUI(Graphical User Interface) での操作でしたが、数STEP設定するだけで簡単に構築ができます。AWSサービス内でのバッチ処理の設定やDBのテーブル・カラム設定が知れて良かったです。

外部APIの使い方も初学者の方にとっては良い教材だなと感じました。
今回利用したのは ゴルフ場の情報を取得するための『楽天GORA系API』「特定の場所同士の車での所要時間」を求めるための『Google Maps Platform』 でした。登録・IDやkeyの発行・設定手順まで、こちらも丁寧に説明がされているため難なく対応できると思います。

この教材は2023年3月が最終更新になります。そのため、『サービスの全体像を早く知りたい!』という方は各パートに書かれているバージョンを指定して対応されるのが良いかなと思います。私はフロント・バックエンドいずれも最新のバージョンで試しました。程よくコードの書き方が違うため、古いバージョンとの書き方の違いを見ながらデバッグが出来て良かったです!

さいごに

いかがだったでしょうか?
作ってみたい!と思った方はぜひ活用してみてください。
尚、この教材ではReactとTypeScriptでの実装がメインになりますが、他の言語で実装してみるのも勉強になるかなと考えます!

おまけ

唐突ですが、弊社のご紹介もさせてください。

▼ コーポレートサイト

▼ Wantedly求人

弊社メンバーは学習した内容を日々Qiitaの記事にアウトプットしております。
弊社にご興味のある方、まずは求人を見てみてください!
ご応募お待ちしておりますー!

最後までご覧いただき、ありがとうございました!

32
13
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
32
13