I_AM_NOT_SPAM kobitoDevelopment

三層アーキテクチャとサンプル構成

三層アーキテクチャ（Three Layer Architecture）は、アプリケーションを「役割ごと」に3つの層に分割して設計するパターン。
これにより、役割ごとに責任が明確になり、保守性や再利用性が高まる。

GraphQLを使用したロジック設計について、Shopify API連携を例に、保守性・拡張性・テスタビリティを重視した設計サンプルを例示

	# JWT(JSON Web Token)とセッション方式の違い
	## ざっくり違い列挙
	### セッション方式(サーバーが状態を持つ)
	1. ユーザーがログインに成功した際に、サーバー側で事前に用意されているセッションストアに新しいセッションレコードを追加し、そのキーであるセッションID(ランダム文字列)をクライアントに渡す。
	2. ブラウザは、受け取ったセッションIDをCookieに保存する。
	3. 以降のリクエストでは、ブラウザがCookieに保持しているセッションIDをサーバーに送信することで、サーバー側でセッションストアから該当するセッションレコードを取得し、ユーザーの認証情報を確認する。

	### JWT方式(サーバーが状態を持たず、状態はトークン自体に内包)
	1. ログイン成功時にサーバーが「署名付きの自己完結型トークン」を発行する。
	2. ブラウザは、受け取ったJWTをCookieに保存する（Authorizationヘッダーで送信するパターンもある）。

	// 改善前のコード
	async function getUserName(userId) {
	const response = await fetch(`https://api.example.com/users/${userId}`);
	const user = await response.json();
	return user.name;
	}

	/*
	改善が必要な点
	・エラーハンドリングが不十分

	// 問題のあるコード
	function Counter() {
	const [count, setCount] = useState(0);

	const handleClick = () => {
	// カウントを更新
	setCount(count + 1);
	// すぐに新しい値を使おうとする - 期待通り動かない
	console.log('Current count:', count); // まだ古い値が表示される