💭

React/Next.jsに触れてみる Vol.5

2025/01/20に公開

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

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

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

進捗

  • googleドキュメントを複製する中でReactとNext.jsを学ぶ 5回目
  • 本日の進捗(Timestamps)
    06:49:22 Search documents
    06:57:25 Organizations feature
    07:23:29 Collaboration setup (Liveblocks)

思ったこと

  • 自分が作成したドキュメントを検索バーから検索できるようになった
  • アカウントごとに機能の制限をつけられるように(personとorganization admin/member)
  • liveblocksを利用し、共同作業ができるように(一気にgoogleドキュメントに近づいた気がする)
    • アカウント作成時の連携はgithubとgoogleどちらの方がいいのか知りたかったが検索してもすぐ見つからなかった、、、
    • 他の人の変更が即座に自分のシートにも現れるように
    • かつ、コメントを入力できるようにも
  • googleスプレッドシートも含めて、共同作業ができる仕組みをまるでわかっていなかったが、このようにAPI連携をすると機能をどんどん拡張していけるのだと理解
  • スプシは勿論、LineやSlackなどのSNSにも活用されているのだろうか?(何か別のものが使われていそうな気もする)

Discussion