ツールとテスト

ウェブ技術のコア (HTML, CSS,  JavaScriptのような) での快適なプログラミングを開始して、経験を積んで、色んなリソースを読み、色んなコツや技を学習すると、準備された CSS と JavaScript といったものからテスト自動化アプリやそれ以外の、全てのツールに出くわします。ウェブプロジェクトが大きく複雑になっていくと、こうしたツールを活用したり、コードの信頼できるテスト計画を考案したくなるでしょう。学習エリアのこのパートでは、開始したり選択するために必要なものを与えることを狙いとします。

Web 業界はエキサイティングな場所ですが、その複雑さがないわけではありません。Web サイトを構築するために使用するコア技術は現在かなり安定していますが、新しい機能が常に追加されています。これらのテクノロジの上で動作し、構築される新しいツールが絶えず登場しています。さらに、クロスブラウザのサポートを引き続き維持し、ユーザの Web ブラウジングに使用されているさまざまなブラウザやデバイス間でプロジェクトを動作させるベストプラクティスに従うようにする必要があります。そして障害を持つ人々が利用できるようにすることです。

あなたが使用すべきツールを作ることは難しいプロセスかもしれないので、私たちはこのツールセットを書いて、利用可能なツールの種類、あなたのためにできること、現在の業界のお気に入りを利用する方法をお伝えします。

メモ: 常に新しいツールが登場し、古いツールが流行遅れになっているので、私たちは意図的にこの資料をできるだけ中立的に書いています。つまり、まず一般的な種類のタスクに焦点を当てて、これらのツールを使用して特定のツールを最小限に抑えるようにします。具体的な手法を示すためにはツールの使用方法を明らかにする必要がありますが、必ずしもこれらのツールを最良または唯一の方法として推奨しているわけではありません。ほとんどの場合、他にも方法がありますが、 動作することが明確な方法を提供します。

学習経路

ここで説明したツールを使用する前にまずベースとなる HTMLCSS、および JavaScript 言語の基本を最初に理解しておく必要があります。たとえば、複雑な Web コードで問題をデバッグしたり、JavaScript ライブラリを効果的に使用したり、テストランナーなどを使用してコードをテストして実行したりする前に、これらの言語の基礎を知る必要があります。

まず強固な基盤が必要です。

モジュール

現実世界の Web 開発ツール (TBD)
このモジュールでは利用可能なさまざまな種類の Web 開発ツールを紹介します。これには、解決するために求められる最も一般的な種類のタスク、ワークフローにどのように組み込むことができるのか、そしてそれらのタスクを実行するために現在利用可能な最善のツールを検討することが含まれます。
クロスブラウザテスト
このモジュールではさまざまなブラウザ間で Web プロジェクトをテストする領域を具体的に示しています。ここでは、ターゲットとするユーザー層 (たとえばユーザ、ブラウザ、デバイスの中で最も心配する必要があるもの)、テストの方法、さまざまな種類のコードで直面する主な問題、 問題をテストして解決するのに最も有用なツールと、テストをスピードアップするために自動化する方法について説明します。