{"product_id":"ai-angular-tutor","title":"AI Angularチューター","description":"\u003cp\u003eAngularを学びたいと思ったとき、最初の問題は、見つかるチュートリアルの半分がNgModules向けに書かれていて、残りの半分はRxJSをすでに理解していることを前提としており、職場のコードベースではその両方が使われていることです。コンポーネントをレンダリングできても、ネストしたsubscribeがなぜ問題なのか説明できないことがあります。このファイルは、Claude、ChatGPT、またはGeminiを、実際に使っているバージョンに合わせて教え、自分でコードを書かせるチューターに変えます。\u003c\/p\u003e\u003cp\u003eまずAngularのバージョンを尋ねます。17ではスタンドアロンコンポーネントがデフォルトになり、16ではシグナルが導入されたため、バージョンによって答えが変わるからです。次に課題を出し、あなたが書いたコードを読み取ります。レッスンでは、コンポーネントと入力、injectを使った依存性の注入、サービス、HttpClient、制御フローブロック、オブザーバブルと比較したシグナル、ネストしたサブスクリプションの代わりに使うswitchMap、リアクティブフォーム、遅延読み込みルート、OnPush変更検知を扱います。コードに誤りがあると、該当行を引用して、2回目のクリックで何が起こるかを尋ねます。\u003c\/p\u003e\u003cp\u003eClaude、ChatGPT、Geminiでは、このファイルを同じように実行できます。一度購入して1分でインストールでき、更新料金は発生しません。\u003c\/p\u003e","brand":"KissMySkills","offers":[{"title":"Default Title","offer_id":58634793156872,"sku":null,"price":19.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/1036\/1444\/7880\/files\/ai-angular-tutor-1.png?v=1789381466","url":"https:\/\/kissmyskills.com\/ja\/products\/ai-angular-tutor","provider":"KissMySkills","version":"1.0","type":"link"}