🥂

React/Next.jsに触れてみる Vol.8(end)

2025/01/26に公開

Googleドキュメントクローン制作

  • 参考教材:Code With Antonio(Youtube)

https://www.youtube.com/watch?v=gq2bbDmSokU

進捗

  • googleドキュメントを複製する中でReactとNext.jsを学ぶ 8回目
  • 本日の進捗(Timestamps)
    08:30:35 Notifications feature
    08:47:19 Collaborative margin ruler
    08:53:29 Document information
    09:27:31 Templates initial content & app optimization
    09:39:27 Deployment (Vercel)
    09:58:27 Editor autofocus & redeploy
    (fin)

思ったこと

  • 漸く完成! 初めてYoutubeで10時間の動画を見切った笑
  • 達成感はあるが、写経しただけではあるので、全てを理解したわけではないことを改めて肝に銘じ、これを元にNext.jsやreactにもっと触れてまいりたい
  • やってみて詰まったところ...
    • パラメータが誤っている
    • ''と``を誤っている
    • ()が足りない
    • 新たなツール(convexやClerk,liveblocksなど)の使い方から勉強
    • async/awaitのつながり
    • classNameの細かいミス
  • やってよかったこと...
    • 知らない言語ではあったが、既に慣れの意識がある(=苦手意識がない)
    • 全てを理解したわけではないが、やったことありそうな設定であればピンポイントで今回の動画を見返して参考にすることができそう
  • 次に行ってみたいこと
    • 今バックエンドはフロントエンドのNext.jsからsaas叩いているが、これをsaas剥がしてBEのrailsのAPIに差し替えてみたい

Discussion