Angular開発者のスキルをスクリーニングする方法

JavaScriptフレームワークは急速なペースで開発されており、Angular、React、Vue.jsを含む最も人気のある選択肢のいくつかの頻繁に更新されたバージョンに翻訳されています。この記事では、Angularの開発者のスキル、Angularとは何か、そしてAngularのスキルを持つ開発者を選別する方法に焦点を当てます。

Angularの最初のバージョンは2009年に導入され、GoogleのエンジニアであるMisko HeveryとAdam Abronsによる革新的な作業の成果です。Angularは高度なJavaScriptをサポートするオープンソースのフレームワークであり ジャバスクリプトエコシステム.全体的には、開発コミュニティから温かい評価を受けています。

Angularの強固なコードベースと、Googleによって開発、保守、サポートされているという事実が、Angularがインタラクティブ性の高いウェブアプリケーションの構築において開発者に信頼されている主な理由です。このような理由から、Angularは開発者の間で 2020年 StackOverflow開発者調査。 Angularは、最も使用されているWebフレームワーク技術の第3位にランクインしました。2019年に入ってから、Angular開発者コミュニティは2018年と比較して50%の成長を遂げており、以下のように述べられています。 NG-Conf 2019.

技術が進歩したこの時代の市場性の高さを見ると、Angularはエンタープライズスケールのアプリケーションでの利用が増えてきています。Angularについてもっと知ってみましょう。

1.Angularとは？

まず注意したいのは、Angular（名前に「JS」が入っていない）には、AngularJSという名前の前身があったことです。その名前は以下の通りです。 危うく は同じですが、厳密には別のツールです。2009年にリリースされた後、2016年に「新しいAngular」、通称「Angular 2+」、つまりただのAngularに置き換えられました。なので厳密には2016年から使われているということになります。さて、そんなことはさておき...。

AngularはTypeScriptを内蔵したWeb開発プラットフォームで、Web、デスクトップ、モバイルアプリケーションのクライアントサイド（フロントエンド）を作成するための堅牢なツールを開発者に提供します。

2010年、Angularの主な利点は、HTMLベースのドキュメントを動的なコンテンツに変えることができることでした。AngularJSが登場する前は、HTMLの修正はあまり便利ではありませんでした。 インターフェイスと積極的に対話することができませんでした は、HTML ページを今日のように簡単に、または迅速に使用することができます。

動的なシングルページアプリケーション（SPA）を構築する方法はいくつかありましたが、便利なプログラミングには複雑すぎました。Angularアーキテクチャは動的なコンテンツを作成することを目的とした開発労力を削減し、ユーザーは動的なフォームや要素を持つウェブページの恩恵を受けました。

新しいAngularは、Angular JSと比較して、親と同じ利点（動的なページなど）を提供しますが、現代的なツール、より良いパフォーマンスを提供します; 大規模で。2016年から現在までの現代的な機能は、2010年のものよりもはるかにユーザーフレンドリーになるように設計されています。

1.1.Angularは何に使われ、どんな問題を解決するのか？

Angularの主な機能は複雑なWebアプリケーションを構築することです。また、ユニバーサルアプリの構築にも使用できます（つまり、ウェブとモバイルの両方のプラットフォームに展開する1つのコードベース、React Nativeに似ています）。

ひとりであること ウェブフレームワーク とは、Angularは本能的にウェブアプリケーションの構築プロセスをスピードアップするのに役立ち、開発者はより少ないコードを書くことができます。AngularはアプリケーションのUIを定義するためにHTMLを使用します。HTMLはJavascriptに比べて、宣言的で直感的な言語であり、複雑さがはるかに少ないです。また、開発者はプログラムの流れや「スクリプトをどのような順番でロードしなければならないか」といった問題の解決に時間を費やす必要がないことを意味します。基本的には、必要なものを定義することができ、Angularがそれを処理してくれます。

TypeScriptの使用 コードの保守性を向上させるための機能と、より複雑なアプリケーションを作るほどに向上するパフォーマンススコアはAngularの2つの大きな強みです。さらに、特定のエコシステムを選択することで、急な学習曲線を安定性と継続的な技術サポートで補うことができるような長期的で高額な投資を行うプロジェクトでは、Angularをメインの道具にすることができます。

1.2.他の言語やフレームワークと似ていますか？

UI上では、以前は"プレゼンテーション層JSP (Java Server Pages)、JSF (Java Server Faces)、ASP (ASP.net) などのテンプレート言語では、"と呼ばれています。ロジック層では、Java/.net のようなエンタープライズ技術に似ています。

ReactはAngularがもう一つのWebフレームワークである 比べ物にならない.React は Angular と同様に、シングルページやモバイルアプリケーションの開発に使用されています。しかし、Reactのサイズが非常に小さく、複雑なReactアプリケーションを開発する際には追加のライブラリが必要になります。

Vue は前述の 2 つとよく比較される別のフレームワークです。VueはアプリケーションのViewレイヤーで動作し、仮想DOM機能を持ち、Reactに似た追加ライブラリをサポートしています。VueはAngularに似たテンプレートスタイルを持っていますが、パフォーマンス面ではVueの方がはるかに軽量です。これは、エンタープライズスケールのアプリケーションを開発するためのAngularの傾向とは対照的です。

1.3.その主な利点や特徴は何ですか？

Angularには、最も一般的なプログラミングタスクに使用されるツールがたくさん用意されています。コンポーネントによるUIの構造化、HTTPによるバックエンド構造との通信、フォームの処理（Angularはテンプレート駆動型フォームとリアクティブフォームの2つのアプローチをサポートしています）、サービス内でのアプリケーションロジックの処理などがあります。そしてもちろん、自動化されたユニットテストやe2eテストも。

Angularについて特別なのは、その設計が大規模なアプリケーションを目指していることです。Angularは、高度なモジュール化システムを持っており、依存性インジェクションと組み合わせることで、モジュール化を維持するために複雑なアプリケーションのための高度な設定が可能になります（しかし、明らかに難易度が高くなります）。

2.IT採用担当者が知っておくべきAngularの重要性とは？

AngularはJava/.netなどの技術から借りてきた多くのコンセプトを使用しているので、経験豊富なバックエンド開発者にとっては馴染みのあるものであり、それほど難しいものではありません。

しかし、バックエンドの知識があまりないフロントエンド開発者にとっては、トレーニングが必要になる概念もあります。これらの概念の例としては、依存性注入、サービス指向アーキテクチャ、静的型付け、一般的な OOP (Object-Oriented Programming) の原則などがあります。

とはいえ、Angularは多くの機能が組み込まれたフレームワークです。そして、それらの機能を学ぶにはかなりの時間と労力がかかります。つまり、経験豊富なAngular開発者でも、ダジャレを気にしてフレームワークのすべてを知っているわけではないということです。

2.1.技術スタックはどのくらいの頻度で変更されますか？

公式には、Angularチームは半年ごとに新しいメジャーバージョンをリリースすることになっています。

新しいメジャーバージョンには、以下のようなものが含まれている可能性があります。 壊変そのため、以前のバージョンで動作していたコードが動作しなくなる可能性があります。新しいメジャーバージョンでは、壊れるような変更があるかもしれないので、このような大規模な変更はあまり頻繁には起こりません。

大きな理由は、フレームワークだけをアップグレードするために多くの努力をすることで、開発者が直面する不便さかもしれません。そのため、フレームワークの 革命 半年ごとに 進化論的 成長しています。

Angularからの抜粋 ウェブサイト の状態になっています。

一般的には、以下のようなリリースサイクルが期待できます。

• 6ヶ月ごとにメジャーリリース
• メジャーリリースごとに1～3のマイナーリリース
• ほぼ毎週のようにパッチリリースとプレリリース（次回かRCか）のビルド

2.2.利用可能なリソース/ツール/技術は多いか？

最も人気のあるWebフレームワークの一つであるAngularには、オープンソースのライブラリがたくさんあります。言うまでもなく、書籍、チュートリアル、カンファレンス、ブログなど、アクセスしやすいリソースが豊富にあります。

Angular Material（Google Material Design for Angularの実装）やng-bootstrap（Twitter bootstrap for Angularの実装）など、人気の高いコンポーネントライブラリが数多く存在します。これと同様に、純粋なRxJSライブラリ内の様々なテクニックはもちろんのこと、NGRX、NGXS、秋田など、人気のある状態管理ライブラリがいくつか存在します。本質的には、オンラインで利用できるAngularの無料・有料コンテンツには事欠きません。

2.3.Angular開発者はどのようなツールやテクニックに精通しているべきか？

Angularの開発者は、フレームワーク自体にできるだけ精通していることが期待されます。

Angularは通常大規模なプロジェクトを作成するために使用されるので、開発者がアーキテクチャやデザインパターンの知識を持っていることはかなり重要です。

デザインパターンは、サイズの大きいコードベースと複雑さを整然と維持するのに役立ち、新しい機能を追加するのが容易になります。デザインパターンがなければ、コードはより混沌としたものになり、メンテナンスが難しくなります。デザインパターンの機能はAngularに特化したものではなく、むしろコンピュータサイエンスの一般的なトピックです。

また、基本的なAngularの依存関係にも精通している必要があります。

• TypeScript - Angular アプリケーション開発の主要な言語です。TypeScript は JavaScript のスーパーセットであり、型の安全性とツールの設計時サポートを備えています。ブラウザは TypeScript を直接実行できません。なぜならば、TypeScript は tsc コンパイラを使って JavaScript に "transpiled" しなければならないからです。
• JavaScript（ブラウザのプログラミング言語そのもの） - Angularアプリが動作する環境であるため、特に非同期のJavaScriptを使用します。
• RxJS - Angularでユビキタスなリアクティブストリームを提供するプログラミングライブラリ

2.4.Angular開発者に求めるべき経験の種類（商用、オープンソース、科学的、学術的）は？

科学的、学術的な経験はほとんど関係ありません。Webアプリケーションを構築した商業的な経験は、通常、熟練したAngular開発者のスキルセットを示すので、最も重要な要素となります。

オープンソースのJavaScript/TypeScript/Angularライブラリの使用経験も必要です。

3.審査段階でAngular開発者のスキルを検証するには？

注意すべき重要なことの一つは、開発者がプログラミングのすべての機能に強いことを期待してはいけないということです。例えば、CSS、HTML、スタイリングの経験が豊富な人がアーキテクチャやデザインパターンの専門家になれるかどうかは疑問です。ですから、プロジェクトに必要なAngular開発者のスキルを見つけて、それに集中するようにしてください。

3.1.履歴書の審査で注意すべき点は？

明らかに、Angularのスキルやその他のWebフレームワークのスキルは、この職務のCVとしては必須です。しかし、Angular開発者のスキルに関連して考慮すべきことは他にもあります。

• JavaScriptの習熟度
• ブラウザ（実行環境）とDOM（Document-Object Model）の体験
• ほぼ全てのアプリケーションがクライアント（Angular）アプリが処理、表示、ユーザーへの引き渡しなどを行うために外部データをロードする必要があるため、HTTPの知識があること。
• アプリケーションは、結局のところ、素敵なレイアウトを持っている必要があるので、CSSを使用して作業する能力
• 複雑な業務要件を保守性のあるコードで処理できるアーキテクチャと設計パターンの経験

Angularの開発者にとって、ブラウザ、DOM、HTTP、CSSなどの豊富な経験を持つことは非常に重要です。なぜなら、ランタイム環境では不可能なことがあっても、Angularでは不可能だからです。本質的にフレームワークはランタイム環境を超えることはできません。

前述したようにAngularアプリはかなり大きくて複雑なので、アーキテクチャやデザインパターンも同様に重要です。デザインの悪い大きなアプリは、アプリケーションのメンテナンスや機能追加のためのコストが高くなることにつながり、確かに理想的ではありません。

3.2.Angular（フレームワーク、ライブラリ、言語版を含む）で知っておくべき用語集は？

Angular内の側面

建築	モジュール 依存性注入 構成要素 パフォーマンステクニック
国家管理	HTTPサービス ステートフルサービス NGRXとかNGXSとか秋田とか
フォーム	テンプレート駆動型のフォーム リアクティブフォーム
テンプレート	構成要素 パイプ Angular Material、ng-bootstrapなどのコンポーネントが組み込まれたサードパーティ製のライブラリ。

Angularに関連する側面

• タイプスクリプト - はAngularアプリが書かれている言語です。JavaScriptがWebプログラミングの母体であり、ほとんどのWebサイトで使用されていますが、TypeScriptは大規模なWebプロジェクトを管理するためのより良い構造を提供する、現代的でオブジェクト指向のプログラミング言語です。TypeScriptは、Angularを含むいくつかの大規模なオープンソースプロジェクトやライブラリで採用されています。JavaScriptとTypeScriptの主な違いは以下の通りです。
  • TypeScriptには、強く型付けされているか、スタティック型付けをサポートしている機能があります。つまり、スタティック型付けにより、コンパイル時に型の正しさをチェックすることができます。これはJavaScriptにはありません。
  • TypeScriptはコンパイル時にコンパイルエラーを指摘します。JavaScriptは解釈型言語であるため、コンパイルエラーはありません。すべてのエラーは実行時に投げ込まれるので、潜在的にさらに多くのエラーがアプリに漏れてエンドユーザーに問題を引き起こす可能性があります。
  • RxJS - リアクティブストリームは、HTTPリクエスト、WebSocketリクエスト、リアクティブフォーム、ルーティング、アプリケーションステートなどをサポートするために使用されます。
  • Webpack - とも呼ばれる 束ね屋これは、多くの緩いファイル(数十、数百、数千のファイル)を結合し、1つの論理ファイルにマージして実行するツールです。これには複数の利点がありますが、最も重要なのはパフォーマンスの向上と開発者のツールの改善です。

3.3.どのバージョンが全く違うのか？どのバージョンが似ていますか？

前に触れたように、Angularの新しいメジャーバージョンはそれぞれ 進化論的 を変更しました。2016年のAngularJSから現在のAngularへのアップデートは、どちらかというと 革命 根本的な変更を加えた上で

最も重要な変更点の一つはAngular 9で、Ivyと呼ばれる新しいコンパイラを導入したことです。

それぞれのバージョンで新しいメジャーナンバーを取得します。これまでのところ

• アンギュラー2
  (Angular 3は存在しませんでした。内部のAngularパッケージは互いに同期していなかったため、その後統一されました。それ以来、パッケージは下位互換性があります)。
• アンギュラー4
• アンギュラー5
• アンギュラー6
• アンギュラー7
• アングラー8
• アンギュラー9
• アングラー10

リリースはchangelogで確認できます。 https://github.com/angular/angular/blob/master/CHANGELOG.md

3.4.履歴書の他の行でAngular開発者のスキルがわかるものは？

他のJSフレームワーク（またはモバイルアプリ）の経験があると非常に有益です。これらには以下のようなものが含まれます。

• AngularJS、Ember、React、Vue、その他多数

VueやAngularJSに精通している開発者は、間違いなくAngularの学習に多少の時間を費やす必要があるだろう。しかし、開発者は典型的なタスクは何か、解決すべき潜在的な問題は何か、ウェブアプリの限界は何かをすでに理解しているはずです。これらは別のツールセットで対応する必要があるだけです（しかし、トピック/問題/タスクは論理的にはほとんど同じです）。

自動化されたユニットテスト（Karma, Jasmine, Jest, Mocha, Avaなどのツール）やe2eテスト（Selenium, Protractor, Puppeteerなど）の経験があることも、開発者の役割にテストの記述やメンテナンスが含まれている場合には有益です。

4.電話/ビデオ技術面接でのAngular開発者スキルの技術審査

あなたがITリクルーターであれ、プロジェクトマネージャーであれ、CTOであれ、プロジェクトの成功はトップデベロッパーを見つける能力にかかっていることをよく知っています。

以下では、Webアプリケーションを構築するために新しいAngular開発者を募集する際に参考にできるインタビューの質問例をいくつか紹介します。

4.1.Angular開発者に聞くべき質問 経験.なぜ、それぞれの質問をする必要があるのですか？

• これまでのプロジェクトでは、日常の業務はどのようなものでしたか？
  • この質問の答えは、候補者が UI の部分（HTML、CSS、視覚効果、フォントなど）に関心があるのか、アプリケーションの背後にあるロジック（状態管理、サービス、モジュール）に関心があるのかを教えてくれるはずです。一般的には、CSSの専門家が全員いてアーキテクチャ設計の専門家がいないよりも、様々な専門分野の開発者が一つのチームに集まった方が良いでしょう。
• これまでのプロジェクトでは、コンポーネントライブラリ（複数のアプリや複数のプロジェクトで再利用されるコンポーネントのセット）のメンテナンスや作成を行っていましたか？
  • この質問はAngularコンポーネントの背後にある高度なユースケースについて質問しています。候補者がそのようなプロジェクトに携わったことがあれば、そうでない開発者よりも技術的なニュアンスに気づく可能性が高いです（これはプラスです）。コンポーネントライブラリは、様々なコンポーネントの複数の機能をサポートする必要があるため、作成が困難です。
• スタイルに外部サードパーティ製のライブラリを使用していませんか？
  • 多くのプロジェクトやビジネスでは、独自のデザイン言語（商標やビジネスの背後にあるルック＆フィール）を作成しないことにしています。その代わりに、Angular Materialやng-bootstrapのような既存の言語を実装することを選択します。これらのツールは多くの便利な機能を提供しますが、それらを学ぶには時間がかかります。もしあなたのチームがスタイルのためにサードパーティのライブラリを使っていることを知っているなら、必ず候補者にそのことを尋ねてください。これは人を雇うかどうかの判断に大きく影響するかもしれません。
• 書いたアプリを自動でテストしていますか？
  • もしあなたのチームがユニットテスト、ファンクショナルテスト、e2eテストなどの自動テストを維持しているのであれば、テストの経験がある候補者は、そうでない候補者よりもずっと魅力的になるでしょう。自分のソフトウェアの自動テストをしたことがない」候補者や、それが意味のあることだと信じていない、あるいは、それが利益を生むと信じていない候補者には注意してください。
• リアルタイムのアプリケーションを作っていますか？
  • 大半のアプリケーションはサーバーからデータを読み込み、銀行口座の残高などをユーザーに表示します。値はあまり頻繁には変化しないので、毎秒ごとに再読み込みする必要はありません。しかし、一部のアプリケーション（タクシー会社や金融機関など）では、毎秒、あるいはそれ以上の頻度でデータを更新する必要があります。あなたのアプリケーションが リアルタイム アプリの場合は、Angularコンポーネントはもっと頻繁にデータをリセットするか、HTTP経由でWebSocketを使用する必要があります。

4.2.Angular開発者に聞くべき質問 識見.なぜ、それぞれの質問をする必要があるのですか？

• Angularで非同期パイプがどのように機能するかを説明します。
  • この質問は、開発者が Angular アプリの中で広く使われている基本的なツールの一つを理解しているかどうかを検証するものです。以下の詳細な説明を参照してください。
• HTTP リクエストをストリームに格納するコンポーネントがあり、このストリームは 3 つの異なる非同期パイプを使用してテンプレートにバインドされているとします。このコンポーネントは何個の物理的なHTTPリクエストを行うでしょうか？
  • 非同期パイプがどのように機能するかを知らないと、多くの場合、あまりにも多くのリクエストを行うアプリを作成してしまい、フロントエンドとバックエンドの両方のレイヤーの速度が低下してしまうため、この質問は非常に重要です。
    がない場合の即答は 科目 なく シェア演算子の場合、コンポーネントは3つのリクエストを行います (これは正しくありません)。がある場合、コンポーネントは3つのリクエストを行います。 主語・共有演算子 を適切に使用するためには、すべての非同期パイプを提供するリクエストは1つだけであるべきです。
• ユニットテストを書くときには、どのようなルールや原則に従いますか？
  • この質問はAngularや一般的なテストの知識と経験をチェックします。Angularで大規模なアプリを構築する際には、アプリの品質を信頼することが特に重要で、自動テストなしではほぼ不可能です（手動テストは非常に高価なので）。
    試験の一般的な原則は以下の通りです。
    - テストは独立して実行し、その順番に依存してはいけません。
    - 一つのテストをスキップしても、他のテストが不合格になることはありませんし、その逆もまた然りです。
    - テストは単一の動作/属性のみをチェックする必要があります。
    - 与えられた機能は一度テストされるべきです。なぜなら、機能が壊れている場合、テストを続けるのは論理的ではないからです。
    - ユニットテストはその依存関係、例えばHTTP呼び出しをモックするべきです。これは、テストが両方のコンポーネントの動作をチェックしていて、サーバが無効な HTTP 応答を返すために失敗していた場合、コンポーネントに原因があるとは考えられないからです。(依存関係を含めて) すべてをチェックすることは、いわゆる e2e テストで行うべきです。

4.3. 行動 Angular開発者に聞くべき質問を紹介します。なぜそれぞれの質問をする必要があるのでしょうか？

• あるプロジェクトでしばらく作業をしていて、進行中の問題があることに気づいたとします - コンポーネントが変更されるたびに、多くのテストが失敗して更新しなければなりません。あなたならどう考え、どうしますか？
  • この質問は、開発者の姿勢、チームワークのスキル、Angularアプリの技術経験の両方をチェックします。既存のコードベースを批判することは建設的ではありませんし、すぐに破談になります。好ましいアプローチは、一緒に理由を分析し、チームとして合意し、時間をかけてどのように状況を改善できるか、測定可能な計画を作成することです。
    テストや実装をリファクタリングするために活動を放棄することを提案することは、ビジネスの観点からはあまり意味がありません。
• 先週、新しいAngularのバージョンがリリースされました。アプリケーションをアップグレードする予定はありますか？
  • 一般的には、プロジェクトの高い技術的品質を維持することと、ビジネスの目標との間のバランスを保つことについての質問です。もし開発者が、このタスクが簡単に達成できるかどうかを確認するためにクイックチェックを実行すると言っているのであれば（アップグレードは簡単にナビゲートできることが判明したが、最初にチェックが必要）、それは素晴らしい答えになるだろう。
• これからAngularアプリを作り始めようとしているが、アプリが大きくなるのか小さくなるのかわからない。ビジネスではアプリが大きくなるかどうかがわかりません。状態管理を行うには、どのようなツールを使用しますか？
  • この質問は開発者の考え方を検証するもので、不要な追加ツールを導入する可能性があるのか（機能を提供するための複雑さとコストを増大させる）、それともシンプルなものを維持するのか、ということです。小規模なアプリケーションであれば、Angularのサービスにデータを保持するのが良い答えです。アプリケーションが大きく複雑になってきたら、追加の状態管理ライブラリ（NGRX, NGXS, Akitaなど）を考えることができます。この質問の文脈では、開発者は履歴書に書くためにライブラリを知っておきたいという理由だけで、必要のないときにライブラリを使う傾向があります。これはフロントエンドの開発コミュニティでよく見られる問題です。

5.オンラインコーディングテストを利用したAngular開発者のスキルの技術審査

あなたのコンセプトに沿った高品質な開発者を見つけるのは、大変な作業です。時間がかかり、コストがかかり、面倒な努力が必要です。また、何千人ものリモート開発者で埋め尽くされたオンラインコミュニティが急増しているため、正しい判断を下すのは少し難しいかもしれません。ありがたいことに、正しい判断を下すのに役立ついくつかのステップ、チェック、手順があります。

5.1.Angular開発者スキルのオンラインテストはどれを選ぶべき？

正しいものを探すとき Angular開発者スキルテスト 以下の条件に合致していることを確認してください。

• このテストは、実施されているプロの仕事の質を反映しています。
• 持続時間は長すぎず、最大で1～2時間です。
• テストは自動的に送信することができ、自然の中で簡単です。
• 候補者の能力に合わせた難易度
• このテストは、ソリューションが動作するかどうかのチェックにとどまらず、コードの品質やエッジケースでの動作をチェックします。
• 限りなく自然なプログラミング環境に近く、候補者は関連するリソースにアクセスすることができます。
• これは、候補者が定期的に遭遇するすべてのライブラリ、フレームワーク、およびその他のツールを使用する機会を提供します。

5.2.DevSkiller のすぐに使えるオンライン Angular 開発者スキルテスト

DevSkiller コーディングテストでは、RealLifeTesting™ の手法を使用して、受験者が実際に作業しているコーディング環境を反映させています。DevSkiller テストでは、不明瞭なアルゴリズムを使用するのではなく、受験者はアプリケーションや機能を構築する必要があります。これらのテストは完全に自動的に採点され、世界中どこでも受験することができます。同時に、受験者は、ライブラリ、フレームワーク、StackOverflow、Google を含む、通常使用するすべてのリソースにアクセスすることができます。

企業は DevSkiller を利用して、世界中のどこにいても自社のコードベースを使って受験者をテストしています。また、DevSkillerでは、簡単にできるように、ここで紹介したような既製のAngularテストも多数提供しています。