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

JavaScript

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

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

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

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

[javascript]vuetifyで使いそうなタグ4選

vuetifyゴリゴリの画面を触ったり触らなかったりしています。 今回はv-btn, v-list, v-alert, v-iconを使ってみて、簡単な使い方を書いているのと 属性でよく使いそうなものを載せてみました。 v-btn このタグ...
JavaScript

[javascript]vuetifyのtooltipについて

vuetifyでツールチップを使いました。 基本的な使い方と属性などをまとめています。 公式リンク: ツールチップ(v-tooltip)を使う v-tooltipで囲んで、templateの中にツールチップを反応させたい要素を書きます。 i...
JavaScript

[javascript][typescript]連想配列を使う

typescriptで連想配列を使う時にちょっとハマったので、 javascriptとtypescriptで連想配列を使う時についてまとめてみました。 連想配列の宣言 javascriptでの連想配列の宣言 // 宣言して初期化 const...
JavaScript

[javascript]axiosの使い方(nodeコマンドから実行)

前回await/asyncでaxiosを使いましたが、業務でも使っていきそうなので、 axiosのみにフォーカスして確認してみました。 nodeコマンドで、ターミナルからjsファイルを実行して確認しています。 前回: axiosとは? 公式...
JavaScript

[javascript]async / awaitを使ってみました。

こんばんは。 前回に引き続き、async / awaitを使ってみました。(こっちが何かを知りたくて遠回り) コードはnodeを使ってコンソールで実行してみています。 前回: async 関数の頭につけることで、非同期関数を定義できます。 ...
JavaScript

[jquery]セレクタ(要素・値)取得

概要 jqueryでHTML要素をセレクトするときにいろいろな書き方例を記載します。 要素を取得した後に値を取ったり、セットしたり、cssをつけたり、イベントを設定...etc で使います。 jquery便利ですが、要素を指定するだけでもい...
JavaScript

[jquery][readmore.js] 続きを読むリンクを実装した

readmore.jsの使い方を知りたいですか? 本記事では、続きを読むを実装できるreadmore.jsについて、読み込み方法とオプションなど使い方を解説しています。 readmore.jsを使用する際にはご一読ください。
JavaScript

[jquery]nice-selectを使った

nice-selectとは? セレクトボックスを使うとき、オプションの背景色(選ぶときの青色)を変更したくて 擬似セレクトボックスを使うことにしました。(CSSじゃ上手くいきませんでしたorz) nice-selectは既に設置されているs...