JavaSciptの入門や学習に使える記事一覧

JavaScriptでfilterの機能を使ったので、使い方やサンプルなどを記載しています。 MDNでfilterについて説明しているドキュメントはこちらです。 JavaScriptのfilter機能とは？ JavaScriptのfilte...

前回はJavaScriptの配列について書きました。 今回はJavaScriptでのif - else文の使い方について、見ていきましょう。 最初にJavaScriptで、if - else文を使用する方法を確認します。 その後に処理を分岐...

前回はJavaScriptの算術演算子について書きました。 今回はJavaScriptでの配列の使い方について、見ていきましょう。 最初にJavaScriptで、配列の宣言と使用する方法を確認します。 その後に配列を使用したプログラムを書い...

前回はJavaScriptの変数について書きました。 今回はJavaScriptでの演算子について見ていきましょう。 最初にJavaScriptで、計算する方法について確認しましょう。 その後に簡単な計算プログラムを書いて、ブラウザに出力し...

本記事では、JavaScriptで変数を使う方法とサンプルを作って実行するところまでを目的としています。 JavaScriptは基本的にはブラウザがあれば使うことができます。 なので、実行環境構築は不要で、ブラウザのみで学習していけます。 ...

JavaScriptでオブジェクトを変数に代入して、ゴニョゴニョする処理を書きました。 代入先の変数の内容を変えると、代入元の内容も変わって「あれっ？」となりました。 そういえば、JavaScriptではオブジェクトの代入は単純なコピーじゃ...

Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。 githubを見るとファイルが3kbと軽いところを推しているようです。 本記事では、Lityの使い方と実際に使った場合のデモページを用意しています。...

javascriptとjqueryでenterなどのキー制御をする方法を記載しています。 formのテキストボックスでenterを押した場合に勝手にsubmitされるような現象に対応できます。 検証した環境はchromeです。 Enterキ...

この記事では、javascriptとjqueryを使用した場合に、ブラウザバックを禁止するサンプルを書いています。 javascriptのhistoryインターフェースを使うと実現できますが、chromeだけ挙動が少し違いました。 ブラウザ...

safariで戻るボタンを押したら、bfcache(Back Forward Cache)が効いて、javascriptのloadingが消えない現象が起きていたので、対応してみました。 原因 chromeでは、特には問題が起きていなかった...

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

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