JavaScript [JavaScript入門]switch文の使い方と、3パターンのコード(条件分岐)
今回はJavaScriptでのswitch文の使い方について、書いています。使い方と基本的な動作検証を確認した後に、3パターンのサンプルコードを書いています。JavaScript入門シリーズの前回は、JavaScriptの配列について書きま...
JavaScript
JavaScript JavaScript Fetch APIの使い方(JavaScriptでHTTP通信)
最近JavaScriptでFetch APIを使用して、SPA構成のアプリケーションでデータの登録や取得をすることがあったので、まとめてみました。検証に使っているブラウザはChrome96です。最初にFetch APIの使い方を解説していま...
JavaScript JavaScriptでfilterを使う方法！【使用例3選】
JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。MDNでfilterについて説明しているドキュメントはこちらです。JavaScriptのfilter機能とは？JavaScriptのfilterは配...
JavaScript [JavaScript入門]if – else文を使ってみよう(条件分岐)
前回はJavaScriptの配列について書きました。今回はJavaScriptでのif - else文の使い方について、見ていきましょう。最初にJavaScriptで、if - else文を使用する方法を確認します。その後に処理を分岐を使用...
JavaScript [JavaScript入門]配列を使ってみよう
前回はJavaScriptの算術演算子について書きました。今回はJavaScriptでの配列の使い方について、見ていきましょう。最初にJavaScriptで、配列の宣言と使用する方法を確認します。その後に配列を使用したプログラムを書いて、ブ...
JavaScript [JavaScript入門]プログラムで計算してみよう(算術演算子について)
前回はJavaScriptの変数について書きました。今回はJavaScriptでの演算子について見ていきましょう。最初にJavaScriptで、計算する方法について確認しましょう。その後に簡単な計算プログラムを書いて、ブラウザに出力してみま...
JavaScript [JavaScript入門]変数と定数を使ってみよう
本記事では、JavaScriptで変数を使う方法とサンプルを作って実行するところまでを目的としています。JavaScriptは基本的にはブラウザがあれば使うことができます。なので、実行環境構築は不要で、ブラウザのみで学習していけます。サーバ...
JavaScript オブジェクト代入で「あれっ？」(Object.assign,スプレッド構文)
JavaScriptでオブジェクトを変数に代入して、ゴニョゴニョする処理を書きました。代入先の変数の内容を変えると、代入元の内容も変わって「あれっ？」となりました。そういえば、JavaScriptではオブジェクトの代入は単純なコピーじゃなく...
JavaScript 【javascriptライブラリ】Lityの使い方（画像ポップアップ）
Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。githubを見るとファイルが3kbと軽いところを推しているようです。本記事では、Lityの使い方と実際に使った場合のデモページを用意しています。li...
JavaScript javascriptでEnterキーを無効化・制御する方法
javascriptとjqueryでenterなどのキー制御をする方法を記載しています。formのテキストボックスでenterを押した場合に勝手にsubmitされるような現象に対応できます。検証した環境はchromeです。Enterキーを無...
JavaScript javascriptまたはjqueryでブラウザバックを禁止する
この記事では、javascriptとjqueryを使用した場合に、ブラウザバックを禁止するサンプルを書いています。javascriptのhistoryインターフェースを使うと実現できますが、chromeだけ挙動が少し違いました。ブラウザバッ...
JavaScript [javascript][bfcache]safariでブラウザバックの対応
safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。原因chromeでは、特には問題が起きていなかったwe...