はてなブックマーク

NextAuth ? Next.js に認証機能を簡単に実装できるライブラリです。 GitHub, Google, Twitter, Facebook, Apple, Line, … などのアカウントを使用したソーシャルログインをシュッ！っと組み込めます。 作ったもの Vercel にデプロイしたもの ソース 実行手順は README をご覧ください。 実行するとSign inボタンが表示されるので押下します。 Sing In with GitHubボタンが表示されるので押下します。 GitHub の Sign in ページへ移動するのでログインします。 localhost へリダイレクトされ、ブラウザに自分のアカウント情報と取得したアクセストークンが表示されます。 取得したアクセストークンは以下の記事で紹介している GitHubAPI から Issue を取得する際のトークンに使用できま

この記事で紹介している機能はApollo Sandboxという名称でログインなしで利用可能となりました。 複数のエンドポイントをダッシュボードで管理したい場合などはこの記事の手順でログインして利用した方が便利ですが、とりあえずクエリ発行してレスポンス見たい！という場合は上記の Apollo Sandbox を利用した方が便利そうです。 Apollo Studioで Graph 作成時に設定していたエンドポイントはサイドメニューから設定してください。 Apollo Studio? ブラウザ上から指定したエンドポイントへ向けて GraphQL クエリを発行し Response を確認できる無料のツールです(有料プランも有り)。 Apollo チームが開発しているものですが、クエリを実行して Response を見るだけなので、 ApolloServer, ApolloClient などのライブ

コンポーネントの設計方法って 「大体の場合はこのやり方で設計したら勝手に良い感じになるから！」 みたいなベストプラクティスは無いのか気になった(楽して設計したい)。 私は React をメインで使用していますが、コンポーネント設計の話なので Vue メインの方でも読んでいただけると思います。 サンプルや参考記事は React ベース・Vue ベースどちらも出てきます。 また、この記事ではコンポーネントの分割方法のみに注目しており、コンポーネントのスタイルや状態保持の設計については基本的に言及しません。 それらの内容についてはこちらの記事が大変参考になりますのでオススメです。 ベストプラクティス 結論としてはベストプラクティスのようなものは見つかりませんでした。 結局は良い設計は作るものによる、というのが答えになってしまいそうです。 しかしヒントになる情報や勉強になる事例も見つけたので記事に