Angular Academy · レッスン

フロントエンドフレームワークが存在する理由

生のHTMLやjQueryから現代的なフレームワークに至る流れを理解し、Angularが解決する課題と、それがキャリアに重要な理由を学びます。

レッスン 2/311 ステップ

「フロントエンドフレームワークが存在する理由」はCoddyKit上の無料Angular Academyレッスンです。 これはレッスン2/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはAngular Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 Angular Academyコースには全3レッスンが含まれています。

昔の方法

フレームワークが登場する前は、ボタンや画面を一つひとつ、最初から手作業で作っていました。動作はしましたが、時間がかかりました。

同じ作業の繰り返し 😩

同じコードをページごとに何度もコピーしていました。小さな変更でも、10か所を修正しなければなりませんでした。

フレームワークの登場

フレームワークは、すぐに使える開発の土台です。面倒で繰り返しの多い部分を解決してくれるので、アイデアの実現に集中できます。

家の設計図のようなもの 🏠

家を建てるたびに、配管をゼロから設計する必要はありません。フレームワークは、実績のある設計図を土台として提供します。

Frontend は目に見える部分

Frontend とは、画面に表示されるすべてのものです。ボタン、メニュー、フォームなど、ユーザーが実際に触れたりクリックしたりする部分を指します。

画面をデータと同期させる

データが変わったら、画面も更新されるべきです。フレームワークがこれを自動的に処理してくれるので、自分で細かく気を配る必要はありません。

再利用できるパーツ 🧩

フレームワークでは、パーツを一度作るだけで、どこでも再利用できます。カードを一つ作れば、100か所に配置できます。

一人ではありません

人気のフレームワークには、大きなコミュニティがついています。行き詰まっても、たくさんの回答や助けてくれる人をすぐに検索で見つけられます。

Angular の位置付け

Angular は、React や Vue と並ぶ Frontend フレームワークの一つです。どれも同じ目標、つまり開発の苦労を減らすことを目指しています。

順調に進んでいます! 🎉

これで Angular が存在する理由がわかりましたね。次は、Angular アプリが実際にどのようなものかを見ていきます。あと少しです!

クイックチェック

簡単な問題です。Angular のような Frontend フレームワークは、なぜ存在するのでしょうか?

無料で開始

AI チューターと学ぶ HTML — 無料

ブラウザでリアルコードを書いて実行し、24/7 の AI チューターから瞬時にサポートを受け、ウェブまたはアプリで続きから学習できます。

コース
38
レッスン
144

よくある質問

「フロントエンドフレームワークが存在する理由」レッスンは無料ですか?

はい。「フロントエンドフレームワークが存在する理由」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し(組み込みコードエディタと24時間対応のAIチューター)、Angular Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 Angular Academyコースには全3レッスンが含まれています。

「フロントエンドフレームワークが存在する理由」で何を学びますか?

生のHTMLやjQueryから現代的なフレームワークに至る流れを理解し、Angularが解決する課題と、それがキャリアに重要な理由を学びます。 ブラウザで直接実行するハンズオンコードでAngular Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

Angular Academyを始めるのに経験は必要ですか?

事前経験は必要ありません。CoddyKitのAngular Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン2/3です。

「フロントエンドフレームワークが存在する理由」レッスンにはどのくらい時間がかかりますか?

ほとんどのCoddyKitレッスンは約5~10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このAngular Academyレッスンでコードを書いて実行できますか?

はい。すべてのAngular Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. Angularとは何ですか
  2. フロントエンドフレームワークが存在する理由
  3. Angularアプリの構成
← Angular Academyに戻る