「配列とオブジェクトがパッと見て違いがよく分からない時がある」「自分でプログラムを書くときに配列とオブジェクトのどちらで設定すれば良いか迷う」「公式の関数がドキュメント通りに書いても正常に動かないことがある」 今回は上記 […]
Tips
JavaScriptでブラウザにプッシュ通知を送る方法【Notification API】
JavaScriptを使うとパソコンの画面にプッシュ通知を送信できることをご存知でしょうか? 近年のWebマーケティングは多種多様になってきて、有りとあらゆる手段でユーザーにアプローチすることが当たり前になっています。 […]
【初心者向け】JavaScriptのXmlHttpRequestでデータをgetする方法
JavaScriptのリクエスト手法に「XmlHttpRequest」というものがあります。 fetch関数に近い役割なのですが文法が全然違うので、新しいテーマとして初学者向けの解説をしていきたいと思います。 トレンドと […]
JavaScriptのfetch()の基本的な使い方とAPIの仕組みを解説【エンドポイント、クエリ、HTTP、ヘッダー、ボディ】
シンプルなJavaScriptやモダンなReactなどを使っていると「データをフェッチする」という言葉を聞いたことがあるかと思います。 結論、外部からデータを取得するという意味になるのですが意外と初学者の方はフェッチを習 […]
JavaScriptにおけるJSONデータの読み込みや値取得の方法を解説
API処理に進んだくらいから突然「JSON」というデータ形式に出会うでしょう。 テキスト、画像などと違って日常生活で使うことのないデータ形式なので、何をするためのものなのかさっぱり分からないと思います。 「JSONで取得 […]
非同期処理の理解はsetTimeoutとsetIntervalからがおススメ!
初学者の方の難敵の一つに「非同期処理」というものがあります。 そもそも考え方が難しいですし、学習教材やスクールでは同期処理をメインに学ぶからですね。 とはいえ近年のサイトやアプリでは非同期処理やそれに近い処理は当たり前の […]
HTMLのみ!画像の表示をレスポンシブで切り替える方法【レティーナ対応、webp画像】
スマホとパソコンで違う画像を出し分けるようなレスポンシブ対応は今では当たり前になりました。 方法は色々あってCSSでのメディアクエリやJavaScriptの条件分岐での方法が主流かと思いますが、初学者の方には少し難しいの […]
CO₂、X²など小さい文字をHTMLで表現する方法【sub,sup,上付き文字,下付き文字】
「2乗はx^2のような書き方しか知らない」「上付き文字、下付き文字はCSSで作る方法しか知らない」「特殊なテキストは全て画像にして貼り付けていた」 本日はそんな方に向けた内容になります。 化学式や数式をHTMLで直接入力 […]
ライブラリなし!進行状況を表示するプログレスバーの作り方【progress】
ファイルのアップロードやメール送信などで見かける、進行状況を表現するプログレスバーは簡単な仕組みで構成されています。 もちろんライブラリを使った仕様も良いのですが、仕組みを知っておけばライブラリのカスタマイズにも生かせる […]
HTMLのみ!フォームに日付選択や時間選択の項目を作る方法【input】
Webサイトやアプリのフォームで日付に関する項目を作ることがよくあります。 近年は便利なライブラリもあるのですが、JavaScriptが使えなくても日付に関するフォームは簡単に作ることができます。 今回はinputタグを […]