「フォームのコーディングで入力チェックを作ったことがない」「inputタグのtype属性が何のためにあるかイマイチ分かっていない」「メールアドレスや必須項目くらいならチェック項目を作れるけど複雑なものは作れない」 本日は […]
Tips
HTMLフォームのinputタグを使った入力チェック5選【type, pattern】
Tips
Tips
HTMLのtemplateタグの使い方やJavaScriptからの操作を解説
HTMLには色んなタグがありますがtemplateタグというタグをご存知でしょうか？ templateタグを使うとトレンドになっているReactやVueのようなモダンJSのような実装を簡易的に作ることができます。 もちろ […]
Tips
初学者向けにクッキーの保存、取得のやり方を解説【JavaScript、cookies】
WebサイトやWebアプリなどで登場するクッキーについて詳しく習った駆け出しエンジニアの方は多くないでしょう。 インターネットを活用したソフトウェアの開発やサービス運営をする中で必須とも言えるクッキーですが、初学者向けの […]
Tips
ブラウザに保存できるlocalStorageの使い方と使用例を紹介【JavaScript、ローカルストレージ, setItem, getItem】
今回はGoogleChromeなどのブラウザにあるローカルストレージについての解説です。 なかなか初学者向けの学習では登場しないのですが、実務ではそれなりに登場するので必要な知識になります。 とはいえJavaScript […]
Tips
constの配列とオブジェクトが再代入や変更できてしまう理由【JavaScript、ミュータブル、イミュータブル、メモリ】
「配列やオブジェクトの扱いがよく分かっていないので関数を上手く作れない」「なぜか変数が思った通りのデータにならないことがある」「ミュータブル、イミュータブル、メモリなどの専門用語を習ったことがない」 今回はそのような方に […]
Tips
【超入門】JavaScriptの配列とオブジェクトの違い
「配列とオブジェクトがパッと見て違いがよく分からない時がある」「自分でプログラムを書くときに配列とオブジェクトのどちらで設定すれば良いか迷う」「公式の関数がドキュメント通りに書いても正常に動かないことがある」 今回は上記 […]
Tips
JavaScriptでブラウザにプッシュ通知を送る方法【Notification API】
JavaScriptを使うとパソコンの画面にプッシュ通知を送信できることをご存知でしょうか？ 近年のWebマーケティングは多種多様になってきて、有りとあらゆる手段でユーザーにアプローチすることが当たり前になっています。 […]
Tips
【初心者向け】JavaScriptのXmlHttpRequestでデータをgetする方法
JavaScriptのリクエスト手法に「XmlHttpRequest」というものがあります。 fetch関数に近い役割なのですが文法が全然違うので、新しいテーマとして初学者向けの解説をしていきたいと思います。 トレンドと […]
Tips
JavaScriptのfetch()の基本的な使い方とAPIの仕組みを解説【エンドポイント、クエリ、HTTP、ヘッダー、ボディ】
シンプルなJavaScriptやモダンなReactなどを使っていると「データをフェッチする」という言葉を聞いたことがあるかと思います。 結論、外部からデータを取得するという意味になるのですが意外と初学者の方はフェッチを習 […]
Tips
JavaScriptにおけるJSONデータの読み込みや値取得の方法を解説
API処理に進んだくらいから突然「JSON」というデータ形式に出会うでしょう。 テキスト、画像などと違って日常生活で使うことのないデータ形式なので、何をするためのものなのかさっぱり分からないと思います。 「JSONで取得 […]