作って学ぶTypeScript

Reactでいいねボタンを作ろう

• Reactで開発サーバーの起動
  神様仏様chatGPT様😭 参考サイトだけじゃわからなかったものをすべて解決してくださった…
  うまく行かなくてもう一回試してみたらつまずく内容じゃなかった。多分途中でMac閉じちゃったせいでDLがうまく行ってなかった…
  それが解決できただけで全て進んだ。なんだったの。笑
  でもこれきっかけでこまめにgitを使う意識が芽生えた。それはそれでよし。

Next.jsで猫画像ジェネレーターを作ろう

• 開発サーバーを起動する
• トップページのページコンポーネントを作る
  yarn dev はディレクトリを移動してから！一瞬焦ったよ！！すぐひらめいて偉い！！！
• プロダクションビルドと実行
  何故かうまく行かなかったためchatGPTに相談すると…

  このエラーメッセージは、「EADDRINUSE: address already in use」ということを伝えています。つまり、アドレスが既に使用されているため、別のポート番号を使用する必要があります。

  例えば、3000番ポートが既に使用されている場合、4000番ポートなどの別のポート番号を使用することができます。次のように、ポート番号を指定してyarn startを実行してみてください。

  yarn build && yarn start -p 4000
  

  これで成功(^O^)閉じてなかったわけね！！確かに全部開きっぱなし！！！
  猫画像ジェネレーターの開発完了

時間があるときにやりたい

---

コマンドの理解

• yarn create next-app --example with-typescript random-cat
• random-cat

Reactでいいねボタンを作ろう

いいねしたときに数が選択されてしまったりすることがある。直したい

次回以降に持ち越し

---

Vercelにデプロイしてみよう

連携やなんや手順が多そうなのでまた次回に