プログラミング

プログラミング

【Web開発者向け】2019年最新版よく使うコードをまとめたJavaScriptチートシート20選

RankRED

RankRed is a place where you can find a lot of interesting and inspiring stuff about science and technology, internet, programming tools and plugins, robots, machines and high tech gadgets, and much more.

本記事は、20 Useful JavaScript Cheat Sheets of 2019
翻訳・再構成したものです。
配信元または著者の許可を得て配信しています。

426 views

読了時間 : 約4分22秒

HTML や CSS と並んで、JavaScript は、インタラクティブなウェブページやオンラインアプリケーションを構築する際に使用される主要技術の一つです。

 

最初の1995に登場した、それは (Github 上で) 最も人気のあるプログラミング言語に進化している、すべての近代的な web ブラウザは、作り付けの JavaScript エンジンによってプラグインを必要とせずに、それをサポートしています。

 

私たちは、特に JavaScript でコーディングを始めたばかりの人のために、いくつかの便利なチートシートとインフォグラフィックを集めました。

20. 最も一般的な DOM メソッド

これは、一目で最も一般的なDOM メソッドが含まれている小さなチートシートです。

これには、新しいノードの作成、ドキュメント内の要素への到達、ノード間の移動、既知のブラウザーの癖、読み取り要素、ノード値、その他のデータが含まれます。

19. 究極の JavaScript チートシート

これは JavaScript の簡単な概要を提供します。

クラス、コンストラクタ、関数、エラー処理、正規表現、便利な数学関数、定数など、すべての基本的な要素が含まれています。

 

18. 基本および高度な JavaScript

このドキュメントの目的は、JavaScript の中核となる要素について簡単に説明することです。配列メソッド、定義と用語、制御フローステートメント、およびその他の命令について説明します。

 

17. JavaScript オブジェクトメソッドチートシート

名前が示すように、 JavaScript オブジェクトのメソッド (文字列、算術演算、配列、データ、数値オブジェクトメソッドなど) について説明します。

16. ダミーのための JavaScript と Ajax

JavaScript、jQuery、AJAX で使用される最も一般的なプログラミング変数、メソッド、コマンド、およびコーディング雑記のための1 つのストップリファレンスです。

15. 反応

Reactは、ユーザーインターフェイスを開発するための JavaScript ライブラリです。このチートシートのターゲットは、バージョン15と16に対応しています。基本的なコンポーネントと JSX パターンと共に、新しい機能と API が含まれています。

 

14. インタラクティブな JavaScript チートシート

これは、単一のページ上のすべての有用なJavaScript コード例を含む基本インタラクティブチートシートです。ここでは、変数、オブジェクト、ループ、データ型、イベント、文字列、およびその他のカテゴリのコードを見つけることができます。JS プロジェクトに必要なコードをコピーして貼り付けるだけです。

 

13. Java 開発者のための JavaScript

このページでは、Java 開発者の観点から JavaScript 言語について説明します。

関数、オブジェクト、クラス、カプセル化とモジュール、ブロックスコープと巻き上げ、コンストラクタ vs コンストラクタ関数、クラシック vs プロトタイプ継承、クロージャ対ラムダ、および大いに多くを説明します。

 

12. 1 つの画像の Javascript

名前が示すように、著者は JavaScript のすべての重要な概念を1 つの画像にまとめることを試みました。実際の例を通じて JavaScript の構文をまとめたマインドマップ図です。

 

11. JavaScript 百科事典

このプロジェクトの目的は、現在および将来のバージョンの JavaScript の完全な百科事典を作成することです。それはほとんどすべての必須の JavaScript 要素を見つける詳細なウェブページです。

 

10. OverAPI

OverAPI チートシートは、基本的なオブジェクト、DOM ノードとイベント、ブラウザとグラフィックスを含む最も一般的な JavaScript 要素が含まれています。要素のをクリックするだけで、それについての詳細を知ることができます。

 

9. クイック API リファレンス

これは、セレクター、属性、イベント、エフェクトを含む jQuery の関数とプロパティに対する Oscar オテロのクイックリファレンスです。各要素をクリックすると、例と共に、クリックした要素を説明する新しいページが表示されます。

 

8. ファンシーチートシート

これは、JavaScript でコーディングを始めたばかりで、それについてあまり知らない初心者のための、カラフルで基本的なチートシートです。これには、正規表現と構文、パターン修飾子、イベントハンドラーなどが含まれます。

 

7. JS チートシート

チートシートは、コード例を使用して、非常に単純な言語でJavaScript の概念を説明しようとします。コードはきちんと書かれており、ほぼすべての行に役立つコメントがあります。

 

6. jQuery セレクター

Jquery セレクターは、一般的な CSS 構文を使用して、作成者が jQuery ライブラリメソッドで操作するページ要素のセットを即座に検出できるようにします。それらを理解することは、jQuery ライブラリを最も効果的に使用するための鍵です。このリファレンスは、あなたの指先で jQuery セレクターのパワーを置きます。

 

5. JavaScript のクイックリファレンス

このクイックリファレンスでは、dom の操作 (dom 要素の作成/追加、クラスの追加/削除/トグル/チェック)、JS (ループ、イベント、タイマ、型チェック) の操作、および関数の操作 (既定値を関数に追加し、スロットル機能をサイズ変更)をすることができます。

 

4. Y 分で X を学ぶ

ここで、 X は JavaScript を指します。これは、数字、文字列、演算子、変数、配列、オブジェクト、関数、スコープ、クロージャ、ロジック、および制御構造を含む長い1ページのチートシートです。これは、コード例の助けを持って、これらのすべてを教えてくれます。

 

3. Nasa のコーディング標準を Javascript に適用する

NASA のジェット推進研究所は、深宇宙および惑星探査ミッションにおける無人ミッションのためのソフトウェアを開発しています。高い自動化レベルとミッションの長い期間は、優れた品質のソフトウェアを要求します。その結果、JPL はガイドラインのコードを開発し、公開しました。

 

web ドリブンアプリケーションの需要が急速に増大し、より重要な操作が JavaScript に委ねられているため、このチートシートは、より高いパフォーマンスと信頼性を実現するために、 NASA のコーディングガイドラインを javascriptおよび HTML アプリに適用しようとします。

 

2. オールインワンのチートシート

名前は自明ですが、チートシートは、あなたがコーディングを開始したばかりの場合は特に役に立ちます。基本的なだけでなく、高度な JavaScript 要素の詳細を提供するとともに、それは基本的な質問のいくつかに答えてくれます。

 

1. 現代の JavaScript チートシート

このチートシートには、最新のプロジェクトとほとんどのコードで頻繁に発生するすべての要素が含まれています。これは、スクラッチから JavaScript を教えてくれませんが、基本的な知識と概念をお手伝いします。

おすすめ新着記事

おすすめタグ