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...
JavaScript

JavaScriptのlocalStorageの使い方(保存 / 取得 / 削除)

localStorageの使い方が知りたいですか?本記事では、localStorageの使い方とsessionStorageやcookieとの違いを解説し、動作するサンプルコードを置いています。localStorageを使用する際はご一読ください。
JavaScript

[jquery]jquery toast pluginの使い方

jquery toast pluginを使い方を記載してみました。jquery toast pluginjqueryを使うときに、簡単にトースト表示が導入できるプラグインです。読み込んで、1行書くだけでトーストが表示されます。公式のgith...
JavaScript

[jquery]tagやformに値を設定する

jqueryは最近はもうあまり使うことがないですが、前回のこの記事とか見てくれている人が多いようなので、jquery関連についても、ネタがない時に少しづつ書いてみます...今回は、jqueryでフォーム(text/radio/select/...
JavaScript

[javascript]querySelectorでの要素取得・変更

bootstrap5系がそろそろリリースされるというニュースを見ていたんですが、bootstrapからjqueryが削除されるらしく、理由がjavascriptのクエリセレクタを使うと問題ないから...という一文を見てjavascriptの...
JavaScript

[javascript][typescript]配列の使い方まとめ

javascript, typescriptで配列を使うときのアレコレを比較してまとめてみました。typescriptの公式ドキュメントはこちらになります。配列の宣言javascriptで配列宣言文字列だけの配列let nintendo_g...