Javascript

Webアプリケーションを構築しているときに、外部リソースにアクセスするためにHTTPリクエストを実行したい場合があります。たとえば、ブログを作成しているとします。 APIを呼び出して、各ブログ投稿に表示するコメントのリストを取得することをお勧めします。 Axiosは、Webリクエストを行うために使用できる人気のあるJavaScriptライブラリです。このガイドでは、axiosを使用してGETリクエストを行う方法について説明します。いくつかの例を見ていき、axiosがどのように機能し、コードでどのように使用できるかを紹介します。 なぜAxiosなのか Axiosは、Webリクエストを簡単

JavaScriptの矢印関数は、関数を宣言する方法です。矢印関数を使用すると、JavaScript関数をより効率的に記述し、より簡潔な構文を使用できます。矢印関数の構文は、単一式の暗黙的な戻りをサポートします。 関数は、特定のアクションを実行したり、値を返したりするコードのブロックです。関数は、プログラマーが複数回再利用できるコードを作成するために使用されます。これにより、プログラムの行数が減り、プログラムの効率が向上します。 従来、JavaScriptは、関数を宣言する1つの方法を提供していました。それはfunctionを使用することです。 キーワード。ただし、ES6以降、Java

カウントダウンタイマーは、主要なイベントにカウントダウンしたい人々によってインターネット全体で使用されます。 カウントダウンタイマーを使用して、新しいWebサイトの立ち上げまでカウントダウンできます。カウントダウンタイマーは、製品の発表を行うときにマークを付けることができます。あなたが探求するための非常に多くの可能性があります。 このガイドでは、HTML、CSS、JavaScriptの3つのテクノロジーを使用してJavaScriptでカウントダウンタイマーを作成する方法を説明します。始めましょう！ ウェブページの設定 最初のステップは、基本的なWebページを設定することです。この

コードを書くことは、面白くはありますが、非常に面倒になることもあります。 コードを書き始めて、何かが実行されていないことに気づき、非常にイライラする日があります。さらに厄介なのは、コードが実行されるときですが、コードが正しく機能しない理由を理解することはできません。コードに何かがある場合は、修正する必要があります。 そこでJavaScriptコンソールが役立ちます。コンソールを使用すると、コードで何が起こっているかを追跡できます。これにより、コードの何が問題になっているのかを簡単に把握できます。 このガイドでは、JavaScriptコンソールの使用方法について説明します。また

ES6で導入されたPromisesを使用すると、さまざまなコールバック関数を処理しなくても、非同期コードを簡単に記述できます。 Promisesを使用すると、作成と保守の両方が難しいマルチレベルのコールバック関数について心配する必要はありません。 JavaScriptには、Promisesを使用して非同期コードをさらに簡単に記述できるもう1つの機能、async/await関数があります。これらを使用すると、同期しているように見えても実際には非同期ルーチンを実行するコードを記述できます。 このガイドでは、async / await関数とは何か、そしてそれをコードでどのように使用できる

Webアプリケーションは、非常に複雑になり、非常に速くなる可能性があります。開発者としての私の時代に学んだことの1つは、機会があれば、昔ながらのJavaScriptでできることがたくさんあるということです。 localStorage APIは強力な組み込み関数であり、サーバーを必要としない単純なアプリケーションにデータベースを使用する必要がありません。このAPIを使用して、アプリケーションからアクセスできるデータをローカルに保存できます。 このガイドでは、JavaScriptでlocalStorageメソッドを使用する方法について説明します。 localStorageを使用して、フ

デフォルトのパラメータを使用すると、関数の操作が非常に簡単になります。デフォルトのパラメータを使用すると、何も指定していない場合にどのパラメータを使用する必要があるかを関数に伝えることができます。これにより、エラーを回避し、コードを読みやすくすることができます。 JavaScriptはES2015でデフォルトパラメータを導入しました。これらを使用すると、事前定義された値で関数を初期化できます。 このガイドでは、デフォルトパラメータとは何か、それらの使用方法、およびデフォルトパラメータとして指定できる式の種類について説明します。開始するために必要なすべてのコードを入手できるように、い

getElementById 。 getElementByClass 。これらの関数については以前に聞いたことがあるかもしれません。どちらもJavaScriptで特定の要素を選択できます。 要素を選択したら、その内容を変更したり、状態を変更したり、非表示にしたりすることができます。 JavaScriptでウェブページ上のアイテムを選択するために使用できる別の関数があります：querySelector 。この関数には、querySelectorAllという姉妹があります 、特定のクエリを満たすすべての要素を返します。 このガイドでは、querySelectorの使用方法について

プログラマーは、コードの繰り返しを減らすのが好きです。コードを繰り返すほど、保守性が低下し、プログラムの実行速度が低下します。これが、JavaScriptにデータセットを反復処理するためのさまざまなメソッドがある理由です。 これらのメソッドの1つは、map()と呼ばれます。 方法。このメソッドは、既存の配列をループし、その配列内のすべてのアイテムに対して特定の機能を実行します。 このガイドでは、JavaScriptのmap()の使用方法について説明します。 関数。 map()の3つの一般的な例を見ていきます 開始に役立つ機能を実行します。 マップ機能とは何ですか？ JavaScr

コンピューターは本当に数学が得意です。コンピューターがバイナリと呼ばれる1と0で動作していることを考えると、それは彼らの比喩的な血の中にあります。コーディングするときは、数学的な操作を実行したいときがあるでしょう。 JavaScriptでは、数学が常に登場します。数学を使用して、ウィンドウのサイズを計算できます。これを使用して、ユーザーがサイトを使用するのに十分な年齢であるかどうかを計算できます。数学を使用して、ユーザーが提供した2つの数値を合計できます。 このガイドでは、5つの主要な数学演算子を使用してJavaScriptで数学演算を実行する方法について説明します。 数学演算子：

Webサイトにインタラクティブ機能を追加することは、JavaScriptが優れているところです。 HTMLとCSSはそれぞれWebページの構造とスタイルを設定するために使用されますが、JavaScriptを使用してサイトをより動的にすることができます。 JavaScriptでは、イベントはサイトをインタラクティブにするために使用されます。このガイドでは、JavaScriptイベントについて説明します。イベントを使用できる場所、イベントを定義する方法、およびイベントを呼び出す方法について説明します。始めましょう！ JavaScriptイベントとは何ですか？ イベントは、ブラウザまたはユ

リストはデータを保存するための便利な方法ですが、リスト内の特定のオブジェクトに関する複数のプロパティを保存する場合に使用すると不便です。たとえば、Cookieストアで販売されているすべてのCookieにデータを保存する場合は、データを保存するために複数のリストを作成する必要があります。 そこでオブジェクトが登場します。オブジェクトを使用すると、データを名前と値のペアで保存できます。つまり、アプリケーションに保存したデータにラベルを追加できます。 このガイドでは、オブジェクトとは何か、およびコードでそれらをどのように使用できるかについて説明します。 JavaScriptプログラミング

クッキーはおいしいおやつであり、現代のウェブサイトの重要な部分です。 Cookieを使用すると、ユーザーに関するデータをWebブラウザーに保存できます。多くの場合、Cookieには認証セッションなどの情報が保存されるため、ブラウザはWebページにログインしたことを記憶します。 このガイドでは、Cookieが存在する理由、Cookieの種類、JavaScriptでのCookieの使用方法について説明します。始めましょう！ ブラウザCookieとは何ですか？ Cookieは、ユーザーに関する情報をブラウザに保存するテキストの文字列です。このアイデアは、1990年代に世界で最も人気のあ

特にプログラミングでは、時計を逃れることはありません。私たちが日々を追跡するために時計や時計に依存しているのと同じように、プログラムも時間追跡ツールを使用して、何がいつ起こるべきかを知っています。 いくつかのアプリケーションは時間を追跡する必要があります。ブログアプリケーションは投稿がいつ作成されたかを覚えておく必要がありますが、カレンダーアプリケーションはスケジュールされたイベントを表示します。 このガイドでは、JavaScriptで日付と時刻を操作する方法について説明します。これらのツールの操作方法を説明するために、いくつかの例を紹介します。 JavaScriptの日付オ

JavaScriptの書き方を学びたいのなら、あなたは正しい場所に来ました。 すべてのプログラミング言語には、英語と同じように独自のルールセットがあります。考えてみてください。小学生の頃、文章を構成するための文法のルールを学びました。 英語と同じように、プログラミング言語は規則に従って、誰もが言われていることを理解できるようにします。英語を使うときに私たち全員が独自のルールを作ることができるかどうか想像してみてください。誰もコミュニケーションをとることができません。同様に、プログラミング言語はルールに厳密であるため、作成したコードを実行できます。 このガイドでは、JavaSc

私たちが新進のソフトウェアエンジニアやWeb開発者として解決しようと試みた最初のコード/アルゴリズムの課題の1つは、文字列を逆にする方法を理解できるかどうかを確認することです。文字列は文字とスペースの単なるコレクションであることを忘れないでください。たとえば、「He​​llo World！」という文字列を逆にしようとする必要があります。そして、「！dlroWolleH」を返します。この問題を解決する方法はいくつかありますが、この記事ではそれらのいくつかについて説明します。 プロンプト 関数reverseStringを記述します 、文字列を反転して返します。反転する文字列は、関数の引数とし

では、JavaScriptでWebページ上の要素を選択したいですか？これがgetElementByIdの専門です メソッド、いわゆる要素の王getters JavaScriptで。 getElementById IDに基づいて要素を選択できます。考えてみると、これは非常にわかりやすいメソッド名です。 このガイドでは、getElementByIdについて説明します。 つまり、それがどのように機能するか、そしていつコードでそれを使用すべきかということです。 document.getElementByIdデモの「表示/非表示」テキストボタンの例を見ていきます。 飛び込みましょう！

果物のリストを自分で作成しましょう。このリストを「フルーツ」と呼び、バナナ、メロン、ブドウの値を追加します。ああ、私は果物が大好きです！これはショッピングリストのチュートリアルのように聞こえるかもしれませんが、実際には自分たちで配列を作成したばかりです。 このガイドでは、配列とは何か、配列がどのように機能するか、コードで配列を使用する理由について説明します。 JavaScript配列の忍者になれるように、実際の配列の例をいくつか説明します。 アレイとは何ですか？ 配列は、データを格納するオブジェクトです。配列には、順序付けられたアイテムのコレクションが含まれ、0個以上のアイテムを格納で

JavaScriptはプロトタイプに基づいています。オブジェクトを宣言するたびに、そのオブジェクトに関連付けられているプロパティとメソッドを拡張するプロトタイププロパティが作成されます。 過去数年にわたって、多くのJavaScript開発者は、オブジェクト指向設計をコードに組み込む方法を模索してきました。これにより、プロトタイプを拡張するクラスと呼ばれるJavaScriptの新しいタイプのオブジェクトが生まれました。 このガイドでは、クラスとは何か、それらが使用される理由、およびコードにクラスを実装する方法について説明します。クラスを始めるのに役立つ例を紹介します。 JavaSc

バニラJavaScriptでWebリクエストを作成できることをご存知ですか？そうです、ウェブリクエストを行うためにライブラリをインストールする必要はありません。それだけではありません。古くて複雑なXMLHttpRequestツールについて話しているのではありません。 フェッチAPIを使用すると、単純な古いJavaScriptでAjaxリクエストを行うことができます。これは、データを取得したり、ウェブサーバー上のデータに変更を加えたりするための便利なツールです。 このガイドでは、フェッチAPIとは何か、APIを使用してウェブリクエストを作成する方法について説明します。 GETリクエス