「配列とオブジェクトがパッと見て違いがよく分からない時がある」「自分でプログラムを書くときに配列とオブジェクトのどちらで設定すれば良いか迷う」「公式の関数がドキュメント通りに書いても正常に動かないことがある」 今回は上記 […]
JavaScript
JavaScriptでブラウザにプッシュ通知を送る方法【Notification API】
JavaScriptを使うとパソコンの画面にプッシュ通知を送信できることをご存知でしょうか? 近年のWebマーケティングは多種多様になってきて、有りとあらゆる手段でユーザーにアプローチすることが当たり前になっています。 […]
【初心者向け】JavaScriptのXmlHttpRequestでデータをgetする方法
JavaScriptのリクエスト手法に「XmlHttpRequest」というものがあります。 fetch関数に近い役割なのですが文法が全然違うので、新しいテーマとして初学者向けの解説をしていきたいと思います。 トレンドと […]
JavaScriptのfetch()の基本的な使い方とAPIの仕組みを解説【エンドポイント、クエリ、HTTP、ヘッダー、ボディ】
シンプルなJavaScriptやモダンなReactなどを使っていると「データをフェッチする」という言葉を聞いたことがあるかと思います。 結論、外部からデータを取得するという意味になるのですが意外と初学者の方はフェッチを習 […]
JavaScriptにおけるJSONデータの読み込みや値取得の方法を解説
API処理に進んだくらいから突然「JSON」というデータ形式に出会うでしょう。 テキスト、画像などと違って日常生活で使うことのないデータ形式なので、何をするためのものなのかさっぱり分からないと思います。 「JSONで取得 […]
非同期処理の理解はsetTimeoutとsetIntervalからがおススメ!
初学者の方の難敵の一つに「非同期処理」というものがあります。 そもそも考え方が難しいですし、学習教材やスクールでは同期処理をメインに学ぶからですね。 とはいえ近年のサイトやアプリでは非同期処理やそれに近い処理は当たり前の […]
【JavaScript】nullとundefinedの違いって分かりますか?
今回はJavaScriptにおけるnullとundefinedの違いについて考察していきたいと思います。 こんな感じで記事を書いていますが自分もあまりよく分かっていないのが正直なところです。 あくまで考察ですが初学者の方 […]
カラーピッカーで選択した色をJavaScriptで取得する【input type=”color”】
カラーピッカーはライブラリを使わなくても自作することができるのをご存知でしょうか。 ツールアプリやECサイトなど、色んな場面でカラーピッカーは登場するので知らない人はこの機会に覚えてしまいましょう。 また動画もあるので必 […]
JavaScriptでスライダーの値を取得、表示する【input type=”range”】
「体力ゲージ」「音量バー」「明るさ調整」など、スライダーを使った値の操作はinputを使うと簡単に実装できます。 もちろんライブラリを使っても良いですが、JavaScriptについて深く理解していないとカスタマイズできな […]
JavaScriptで音楽や音声を再生する方法【audioタグ】
JavaScriptを使った音楽データや音声データの操作はとても簡単です。 Webサイトやアプリに音楽プレーヤーを実装することは一見難しそうに見えますが、事前に色んなプロパティやメソッドが用意されています。 また再生や停 […]