StackBlitzとは？。はじめてのAngular超入門。実践で学ぶ本格Webアプリ開発【TypeScript】
▶︎完全版はこちら
▶︎ダイジェスト動画はこちら
StackBlitzは、Webブラウザ上で開発とデプロイができる便利なツールです。Angularの学習では、公式ドキュメントのチュートリアルに沿って利用することが多く、今回はこのツールを使いながら授業を進めます。
特徴
リアルタイム編集・プレビュー
左側のコードエディタでソースコードを編集すると、右側のプレビュー画面に即座に反映されます。手軽に動作を確認できるのが魅力です。開発環境の簡略化
ローカル環境にセットアップを行わなくても、ほぼ同じ開発体験が可能です。特に初心者や導入段階の学習に最適です。公式リンクとの連携
動画の「リソース」欄やAngular公式ページから直接アクセスできます。また、Angular公式のバージョンアップにも対応しており、最新の機能を手軽に試せます。
注意点
初回のページ読み込みやビルドには時間がかかる場合があります。画面が表示されるまで少し待つ必要があります。
将来的には、ローカル環境での開発（VS Codeなどのエディタを使用）も行う予定ですが、まずはStackBlitzで学習を進めます。
使用例
公式ドキュメントの「試してみよう」セクションからアクセスし、サンプルアプリ（ECサイトのような通販サイト）を作成します。
例えば、商品カタログからカートに商品を追加する機能を実装しながら、Angularの基本構造を学ぶ流れになります。
StackBlitzを使えば、手軽にコードを書きながら学ぶことができるので、初心者にもおすすめのツールです。
▶︎続きはこちら
いいなと思ったら応援しよう！
