JavaScript はウェブのスクリプト言語です。ウェブ アプリケーションに豊富なインタラクティブ性と動的コンテンツを提供します。これにより、ユーザーが複雑なタスクを実行したり、ユーザーデータを保存したりできるユーザー エクスペリエンスを構築できます。ここでは、JavaScript コンテンツのコレクションを閲覧し、JavaScript スキルの向上に役立つさまざまなコンセプトと手法を学ぶことができます。
JavaScript を初めて使用する場合は、JavaScript の学習コースでは、JavaScript の詳細を学び、すぐに使いこなせるようになります。
すべての主要ブラウザ エンジンで新たに利用可能になった最新の JavaScript 機能について学びます。
JavaScript には、ユーザーのニーズに応えるアプリケーションを構築するための多くの機能が用意されています。
Interaction to Next Paint（INP）は、ページの応答性を測定する重要な応答性指標です。これらのガイドには、ページをユーザーに応じてレスポンシブに保つための JavaScript のヒントが記載されています。
サードパーティの JavaScript は、ウェブ アプリケーションのパフォーマンスの問題の原因となる可能性があります。サードパーティのスクリプトを管理してウェブ アプリケーションの速度を保つ方法について説明します。
ウェブ アプリケーションで一般的なタスクをすばやく実行するために使用できる JavaScript パターンをご確認ください。
学習コース

JavaScript を初めて使用する場合は、JavaScript の学習コースでは、変数、関数、条件文などの基本から、JavaScript の仕組みを学ぶことができます。その後、プロトタイプ継承やクラスなど、より複雑なトピックに進み、JavaScript スキルを磨いて、豊富なウェブ アプリケーションを構築できるようにします。

JavaScript を学ぶ

ベースラインは、ウェブ プラットフォームの機能をすべての主要なブラウザ エンジンで安全に使用できるタイミングをウェブ デベロッパーに知らせます。ベースラインで新たに利用可能になった JavaScript 機能の例を以下に示します。
Promise.try() がベースラインになりました。2025 年 1 月に新たに利用可能になりました。
Resizable ArrayBuffer がベースラインになりました。2024 年 7 月に新たに利用可能になりました。
セットメソッドがベースラインになりました。2024 年 6 月に新しく利用可能になりました。
CustomStateSet がベースラインになりました。2024 年 5 月に新しく利用可能になりました。
Screen Wake Lock API は、2024 年 5 月にベースラインの新規利用可能になりました。
intl.Segmenter がベースラインに移行しました。2024 年 4 月に新しく利用可能になりました。
promise.withResolvers() がベースラインになりました。2024 年 3 月に新たに利用可能になりました。
groupBy() 関数がベースラインになりました。2024 年 3 月に新しく利用可能になりました。
ArrayBuffer の transfer() メソッドと transferToFixedLength() メソッドは、2024 年 3 月にベースラインの新規利用可能になりました。
Array.fromAsync() がベースラインになりました。2024 年 1 月に新たに利用可能になりました。

JavaScript には、ユーザーのニーズに対応するアプリケーションの構築に役立つ多くのツールが用意されています。ウェブ アプリケーションで使用するとよい一般的な機能をいくつか紹介します。
Promise を使用すると、特定のイベントが発生した後にコードを非同期で実行できます。
詳細
fetch API を使用すると、HTTP リクエストを送信してフロントエンドでウェブからデータを取得できます。
詳細
IndexedDB API は、ファイルや blob などの構造化データをクライアントサイドで保存します。
詳細

JavaScript の使用方法は、ウェブ アプリケーションの Interaction to Next Paint（INP）に影響する可能性があります。これらのガイドは、JavaScript によって発生するページの応答性の問題に対処するのに役立ちます。

メインスレッドで長時間実行タスクを実行すると、ウェブ アプリケーションが応答しなくなる可能性があります。長時間のタスクを最適化して、ウェブ アプリケーションの INP を改善する方法について学びます。
詳細
入力遅延が長くなるのは、ユーザーがページを操作したときにブラウザが応答に時間がかかる場合です。JavaScript が原因であることが多いです。このガイドでは、入力遅延を短縮してウェブ アプリケーションをよりスムーズに動作させる方法について説明します。
詳細
ページの読み込み中にスクリプトをダウンロードすると、長時間のタスクが発生してウェブ アプリケーションの INP に影響する可能性があります。長いスクリプト評価タスクを最適化して INP を低く抑える方法を学びます。
詳細
すべてをメインスレッドで実行する必要はありません。実行に時間がかかる大規模な処理のバッチがある場合は、それらをウェブ ワーカー スレッドにオフロードして、ウェブ アプリケーションの応答性を可能な限り維持できます。
詳細
ウェブでの一般的なパフォーマンスの問題は、サードパーティの JavaScript の使用に関連しています。これにより、ページの読み込みが遅くなったり、ページの応答性に問題が生じたりすることさえあります。サードパーティの JavaScript のパフォーマンスに関する一般的な問題については、以下のガイドをご覧ください。
サードパーティの JavaScript がパフォーマンスに与える影響と、サイトの速度低下を防ぐ方法について説明します。
詳細
Lighthouse と Chrome DevTools を使って、パフォーマンスの検出スキルを強化しましょう。
詳細
サードパーティの JavaScript を効率的に読み込んで、ウェブ アプリケーションのパフォーマンスを向上させる方法について学びます。
詳細
Core Web Vitals のタグとタグ マネージャーを最適化して、これらの便利なツールがウェブ アプリケーションのパフォーマンスに与える影響を最小限に抑える方法について説明します。
詳細

JavaScript を使用してウェブ アプリケーションの一般的なタスクをすばやく実行できるパターンをご確認ください。

ウェブ アプリケーションで一般的なタスクを実行するためのパターンを確認してください。
パターンを見る
JavaScript でファイルとディレクトリを操作するパターンについて学びます。
パターンを見る
JavaScript で Clipboard API を使用して、ウェブ アプリケーションにコピーと貼り付けの機能を提供する方法について学びます。
パターンを見る