読者コミュニティ｜Angular実践入門チュートリアル

https://zenn.dev/ttskch/books/84c7a272deb3845e8085

本の感想や質問をお気軽にコメントしてください。

Angular公式の「tour-of-heroes」を一度終えてから、こちらの「Angular実践入門チュートリアル」を見つけてチャレンジしてみました。

まだ基礎編を終えた段階ですが、理解が曖昧だった部分が詳しく解説されていて、大変助かりました。
Javascriptにはある程度慣れていてTypeScriptはあまり触れてこなかった自分にとって、序盤に型定義を行わないで進める解説は、非常に頭に入ってきやすかったです。

バージョン違いからでしょうか、「Angular実践入門チュートリアル」通りに進めると型エラーでコンパイル失敗してしまう箇所がいくつかありました。
しかし、エラーメッセージをよく読むことで、型注釈にnullを足すなどが必要と分かり、解決できました。こういったところはTypeScriptの強みでなんしょうかね。

素晴らしい教材を公開してくださり、ありがとうございます。

たつきちさん

Angularのキャッチアップに利用させていただいております。
現在基礎編まで完了しました。イベント発火の詳細な解説やコード差分など示していただき、とても進めやすいです。

1点ご確認をお願いしたいのですが、下記ファイルにタスクが空欄時は追加ボタンを押せないバリデーションが抜けているのではないかと思いました。
・task-form.component.html(TaskFormComponent作成時)

 <input type="text" [(ngModel)]="newTask.title">
 <input type="date" [(ngModel)]="newTask.deadline">
 <button (click)="submit()">追加</button>
 <br>newTaskの値: {{ newTask|json }}

以下にしたところ想定の挙動になりました。

<input type="text" [(ngModel)]="newTask.title" #title="ngModel" required>
<input type="date" [(ngModel)]="newTask.deadline">
<button (click)="submit()" [disabled]="title.invalid">追加</button>
<br>newTaskの値: {{ newTask|json }}

お手数をお掛けしますが、ご確認いただけますと幸いです。