javascript
javascriptjavascriptjavascript[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ではオブジェクトの代入は単純なコピーじ...
Nuxt.jsNuxt.jsでローディング(Loading)画面を実装する！
Nuxt.jsでローディング(Loading)画面を実装する 掲示板アプリでローディング画面を作成しました。 ローディングは通信中にユーザーに待機してもらうための画面になります。 本記事ではローディング画面を使う方法と独自のローディング...
Nuxt.jsNuxt.jsでMoment.jsを使ってみた
Nuxt.jsでMoment.jsを使ってみた Nuxt.jsでMoment.jsを使ってみました。 本記事では導入する手順と使い方について記載しています。 載せているサンプルは日付変換と、現在日付取得、日付の加算・減算です。 Mome...
Nuxt.jsLaravel Sanctumの使い方(フロントエンド編)
本記事では、掲示板アプリを想定して、ユーザー登録とログインのサンプルコードと解説を載せています。 サンプルコードについては、完全版ではなく検証程度のものです。 sanctumで作ったバックエンドに対して、axiosを使用して処理する時の雰...
javascript【javascriptライブラリ】Lityの使い方（画像ポップアップ）
Lityは画像や動画などをポップアップ表示してくれる、javascriptライブラリです。 githubを見るとファイルが3kbと軽いところを推しているようです。 本記事では、Lityの使い方と実際に使った場合のデモページを用意しています...
javascriptjavascriptでEnterキーを無効化・制御する方法
javascriptとjqueryでenterなどのキー制御をする方法を記載しています。 formのテキストボックスでenterを押した場合に勝手にsubmitされるような現象に対応できます。 検証した環境はchromeです。 Ente...
javascriptjavascriptまたはjqueryでブラウザバックを禁止する
この記事では、javascriptとjqueryを使用した場合に、ブラウザバックを禁止するサンプルを書いています。 javascriptのhistoryインターフェースを使うと実現できますが、chromeだけ挙動が少し違いました。 ブラウ...
javascriptbootstrap4でToast(トースト)を使ってみる
bootstrap4でToast(トースト)を使ってみる bootstrap4でtoastの使い方などをまとめてみました。 公式のリンクはこちら 準備 CDNで使う準備 CDNを使う場合はbootstrapのトップページにある、C...