【YWT】210307

1. [Y] やったこと

• 4.7m歩いた
• Next.jsのチュートリアルアプリをデプロイした
• Next.jsプロジェクト内でGraphQLサーバーを立ち上げることに成功した

2. [W] わかったこと

• Next.jsのデプロイの概要についてチュートリアルをすすめた

  • Vercelにデプロイをする前提
  • VercelでNext.jsのアプリをデプロイすることのメリット
    • 静的生成とアセットを使用するページは、自動的にVercel EdgeNetworkを通して提供してくれる
    • サーバーサイドレンダリングとAPIルートを使うページは、サーバーレ関数として自動的に分離される
  • 他にも便利な機能がある
    • カスタムドメイン
    • 環境変数
    • 自動HTTPS
  • プレビュー機能が使える
    • 新しく開発したブランチをpushすると、PRに vercel のボットがコメントを表示してくれる
    • コメントにはプレビューができるURLがあり、そこから本番投入前の確認ができる
  • next build 後、 next start をすることで本番アプリのビルドと、確認ができる
    • .next ディレクトリに本番用のアプリがビルドされる

• Next.jsのチュートリアルをひととおり終えたら、次の学習としてこのようなものがあるようだ

  • Next.jsドキュメント
  • データフェッチ
  • 環境変数
  • AMPサポート
  • TypeScript導入

• Next.js内でGraphQLとApolloを使ったDB参照の例をいくつか参考にした

  • Deploying a serverless GraphQL endpoint with Apollo Server and Next.js
  • Stacking Vercel, a GraphQL Apollo Server and React
  • Feature overview and setup

• GraphQLのスキーマーとリゾルバーの概念的な説明の参考にした

  • GraphQLのリゾルバ（Resolver）とは
  • GraphQLのスキーマと型定義

• 前も「知識は経験の先に立たず」と思っていたが、今回も同じく思った

  • GraphQLに関して詳しくは知らないが、とりあえず動かすものは作れた
  • これから知識がついてくるだろうと思う

3. [T] 次にやること

• GraphQLの使い方についてチュートリアルを進める
• Apolloの使い方についてチュートリアルを進める
• 図書館で借りた本を読む（D-2）
• github learning labのチュートリアルをすすめる
  • Managing merge conflicts
  • Introduction to Design Thinking
  • Introduction to Node with Express
• node.js関連の積読を解消する（69/200）