Angularを学ぶ - コーディング講座 — コンポーネントを書いて、スマートフォン上でリアルタイムに描画される様子を見よう

編集可能な3つのペインがあり、TypeScriptクラス用のcomponent.ts、マークアップ用のtemplate.html、スタイリング用のstyles.cssを、3つのいずれかを編集するとコンポーネントを描画するプレビューの横に表示します。クラス内のsignalの値を変更し、テンプレートがすぐに更新される様子を見ることは、本の静的なコードサンプルでは示せません。そのため、このコースは読むだけの例ではなく、この体験を中心に構成されています

JavaScriptの知識があると役立ちますが、事前に必ず習得しておく必要はありません。AngularはTypeScriptで書かれています。TypeScriptは、型システムを追加したJavaScriptです。このコースでは、型アノテーションやインターフェースを、必要になった時点で紹介するため、すでに知っていることを前提にしていません。Angularを学ぶ - コーディング講座は、最初のスタンドアロンコンポーネントから始め、TypeScriptについても同時に説明します

signalは、テンプレートから直接読み取れるsignal()で作成されたリアクティブな値です。computed()は既存のsignalから新しいsignalを導出し、effect()は、依存しているsignalが変更されるとコードを自動的に実行します。signalsは、コンポーネントの状態を保持するためにAngularが現在推奨している方法です。以前のバージョンで必要だった手動の変更検知作業の多くに取って代わるため、「Signals Fundamentals」コースは上級トピックではなく、コースパスの早い段階に配置されています

Reactはレンダリングライブラリです。その周囲で、ルーター、Forms処理、HTTPクライアント、状態管理を自分で選択します。一方、Angularはフルフレームワークであり、コンポーネント、依存性注入、ルーター、RxJS、そして現在ではsignalsまで、こうした選択肢が組み込まれています。Reactは始めやすく軽く感じられる傾向があり、Angularはより重く感じられます。しかし大規模なチームでは、Angularのコードベースは企業が変わっても似た構成になるため、これも大規模組織が使い続ける理由の一つです

はい。特に目的が個人プロジェクトではなく就職である場合は、学ぶ価値があります。Angularは大企業やエンタープライズ向けツールで広く使われています。そこでは、新しさよりも、意見の明確な構造、組み込みのテストサポート、長期サポートのスケジュールが重視されるため、Angularの求人は安定する傾向があります。このコースのsignalsとSignalStoreの教材も、フレームワークの古いスナップショットではなく、実際の現在の進化を反映しています

合計時間よりも、継続することが重要です。ワークベンチで毎日短いレッスンに取り組めば、ほとんどの初心者は数週間で、いくつかのコンポーネントを作って連携させ、signalsでデータを受け渡し、APIを呼び出せるようになります。依存性注入、RxJS operators、NgRxの状態管理は、通常もう一度学習する必要がある部分です。そのため、コースでは最初に詰め込まず、基礎の後に配置しています

Angularを学ぶ - コーディング講座は、App StoreでiPhoneとiPad向けに、Google PlayでAndroid向けに提供されています。インターフェースは22言語に対応し、年齢レーティングは4+です。まったくの初心者、学生、キャリアチェンジを目指す方、JavaScriptをある程度知っていてAngularを初めてのフレームワークとして学びたい方、またはReactやVueからAngularへ移行したい開発者を対象としています

アプリはApp StoreとGoogle Playから無料でダウンロードできます。最初のコースとライブワークベンチは無料です。Proは有料アップグレードで、すべてのコース、60個すべてのコーディングミッション、AI tutor、lesson generator、playgroundを利用できるようになり、広告も削除されます

いいえ。少なくともプレビュー自体は動作しません。コンポーネントをライブで描画するには接続が必要であり、アプリでもそのことを明確に示しています。接続が不安定でもレッスンと読み物は読み込まれ、利用できますが、完全にオフラインで使えるワークベンチが必要な場合、このアプリのライブプレビューでは対応できません

いいえ。Angularを学ぶ - コーディング講座はCoddyKitによる独立した学習コースであり、GoogleまたはAngularチームと提携しておらず、承認も受けていません。Googleが保守・公開しているフレームワークを教えていますが、アプリ自体は公式製品ではなく、第三者によるコースです