1日1時間フロントエンドの勉強をしたら何日でアルバイトに受かるの？

エンジニア職のアルバイトに受かることを目標に頑張っている人が多くいると思うので自分のモチベーション管理兼読者のモチベーションアップに記事を書くことを思いつきました！

## 概要
目標：ある会社のフロントエンドエンジニア職にアルバイトとして受かること。
勉強時間：1日30分　→　1日1時間に変更
投稿者の現在のレベル：Html,css,JS,TS,React,Next.jsまでさらっと勉強した。JS,TS,Next.jsは特に知識が浅い。
投稿内容：毎日目標に向けてやったことを記録していく

## 勉強内容（ロードマップ）

**今までやった書籍**
・はじめてさわるReact & JavaScript: JavaScriptとReactの使い方が同時にわかる本 （React入門）
・はじめてつくるReactアプリ: HTMLとCSSの知識だけで始められるReact開発！ （React入門）
・はじめてつくるReactアプリ with TypeScript: たった2.5時間で「わかる！ できる！」　最初に読みたかった本 （React & TypeScript入門）

**勉強中の書籍**
・React全部入り：Reactマスター Zero To Hero
・React + TS徹底フォーカス：TypeScriptマスター with React

書籍は２周＋記事の投稿という形で勉強する
①書籍：はじめてつくるNext.jsサイト
②書籍：Next.JSで作るフルスタックアプリ
③ポートフォリオ作成に手をつけ、必要な技術を挙げる
④ポートフォリオの作成を進めつつ、わらないところは勉強
⑤出来が良さそうなら応募

また、オブジェクト指向の理解が応募条件にあるため、書籍で勉強しておいたほうがいいかも。あとはJS、TS、React,Next.JSあたりはもう１冊ずつぐらい勉強してもいいかも。

## 記録
**-日目（-/-）　-分：　やったこと**
というような形で記録していきます。

**1日目（4/3）　30分：　どうやって勉強するか情報を集めた。この記事の作成。**

**2日目（4/4）　45分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**3日目（4/5）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**4日目（4/6）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**
slugの生成と登録の部分まで完了した。

**5日目（4/7）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**6日目（4/8）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**7日目（4/9）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**8日目（4/10）　70分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**9日目（4/11）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成**

**10日目（4/12）　30分：　はじめてつくるNext.jsサイトを進める&記事の作成 次にやることを調べる。**
next.js14のserver actionを使ったフルスタックアプリを作ってみる方が良いのでは？aws amplifyとも連携できるとの情報あり。

**11日目（4/13）　30分：ポートフォリオ作成のやることを整理した。次にやる書籍を決定。（Next.JSで作るフルスタックアプリ）今回は記事を書かずにポートフォリオでアウトプットしていく。**

**12日目（4/14）　35分：ポートフォリオ作成**　

**13日目（4/15）　30分：　Next.jsでつくるフルスタックアプリを進める。（26ページまで）**

**14日目（4/16）　45分：　Next.jsでつくるフルスタックアプリを進める。（97ページまで）**

**15日目（4/17）　70分：　Githubの使い方を勉強。次回作成中のアプリをgitにあげる**
次回から書籍勉強30分、ポートフォリオ作成30分の1時間に変更

**16日目（4/18）　60分：　Next.jsでつくるフルスタックアプリを進める。（120ページまで）、githubでレポジトリ作成、ブランチ作成し、そこで作業中**

**17日目（4/19）　75分：　Next.jsでつくるフルスタックアプリを進める。（145ページまで）、githubのメインブランチに今日の変更点をpushした。最新状態をpullして過去のブランチは削除済。つぎはブランチの作成から始める**

**18日目（4/21）　70分：　Next.jsでつくるフルスタックアプリを進める。（183ページまで） startof4というブランチで作成を継続中。mainブランチにはまだpushしていない。**
今日は主にアイテムの作成、修正、削除そしてログイン機能の基礎を作った。20日は帰省をしていたのでお休み。

**19日目（4/22）　60分：　Next.jsでつくるフルスタックアプリ終了**

**20日目（4/23）　60分：　ポートフォリオの設計**

**21日目（4/24）　60分：　ポートフォリオの設計**

**22日目（4/25）　60分：　ポートフォリオの設計**

**23日目（4/27）　60分：　ポートフォリオの設計、画面一覧表の作成**

**24日目（4/28）　210分：　ポートフォリオの設計、技術選定、実装**

**25日目（4/29）　60分：　実装 AWS Amplifyへのアップロード**

**26日目（4/30）　210分：　実装 AWS Amplifyへのアップロード**

###4月勉強時間　27時間20分　合計　27時間20分

**27日目（5/1)　90分：　実装 cognito実装**

**28日目（5/2）　90分：　実装 AWS cognito実装**

**29日目（5/3）　60分：　実装 AWS cognito実装**

**30日目（5/5）　210分：　実装 AWS cognito実装,DynamoDB**

**31日目（5/6）　240分：　実装 Vercelへのデプロイ**

**32日目（5/7）　120分：　実装 フロントエンドの編集**

**33日目（5/8）　120分：　実装 フロントエンドの編集**

**34日目（5/9）　30分：　実装 フロントエンドの編集**

**35日目（5/10）　80分：　実装 フロントエンドの編集、CSSの編集**

**36日目（5/20）　240分：　実装 google map api**

**37日目（5/21）　80分：　実装 google map api**

**38日目（5/23）　20分：　実装 google map api**

**39日目（5/24）　60分：　実装 google map api**

**40日目（5/25）　60分：　実装 google map api**

**41日目（5/26）　20分：　実装 google map api**

**42日目（5/27）　60分：　実装 google map api**

**43日目（5/28）　60分：　実装 google map api**

**44日目-52日目（5/29-6/7）　毎日60分：　実装 google map api**
別のプラットフォームで記録していたので追記

**53日目-58日目（6/8-6/13）　60分：　実装 新機能**
別のプラットフォームで記録していたので追記

**59日目（6/14）　60分：　実装 Readme**

**60日目（6/15）　60分：　実装 Readme**

**61日目（6/18）　30分：　実装 JS-TS**

**62日目（6/19）　30分：　実装 JS-TS**

**63日目（6/20）　60分：　実装 JS-TS**

**64日目（6/22）　60分：　実装 JS-TS**

**65日目（6/23）　30分：　修正**

**66日目（6/24）　60分：　修正**

**67日目（6/25）　20分：　修正**

**68日目（6/26）　120分：　修正**

**69日目（6/27）　30分：　React全部入り：Reactマスター Zero To Hero**

**70日目（6/28）　10分：　React全部入り：Reactマスター Zero To Hero**

**71日目（6/29）　30分：　React全部入り：Reactマスター Zero To Hero**

**72日目（6/30）　30分：　React全部入り：Reactマスター Zero To Hero**

**73日目（7/1）　65分：　React全部入り：Reactマスター Zero To Hero**

**74日目（7/2）　30分：　React全部入り：Reactマスター Zero To Hero**

**75日目（7/3）　60分：　React全部入り：Reactマスター Zero To Hero**

**76日目（7/4）　30分：　React全部入り：Reactマスター Zero To Hero**

**77日目（7/5）　30分：　React全部入り：Reactマスター Zero To Hero**

**78日目（7/6）　30分：　カスタマーサポート機能をもつサービス調べ**

**79日目（7/7）　120分：　カスタマーサポート機能をもつサービス調べ**

**80日目（7/8）　30分：　記事作成**

**8１日目（7/９）　65分：　記事作成**

**82日目（7/11）　45分：　記事作成、実装**

アルバイト受かったので記録は一度終了！