プログラミング一覧

JavaScriptでyyyymmdd形式の日付とhhmmss形式の時刻を取得(変換)

ログ出力処理や、バッチ処理を行っていると、日付を「/」や「-」がない形式の文字で取得したい場合や、時刻を「:」がない形式で取得したい...

記事を読む

コンポーネントのイベントを定義するemits [Vue.js]

今回は、コンポーネントに定義できるemitsオプションについて紹介します。 emitsオプション Vue.jsのバージョン3...

記事を読む

DOMが更新された後に処理を行う this.$nextTick [Vue.js]

今回は、DOMの更新が完了した後に処理を行うことができるnextTickについて紹介します。 Vue.jsのDOM更新 Vu...

記事を読む

修飾子付きのカスタムディレクティブを定義する [Vue.js]

本ブログでは、以前にVue.jsのカスタムディレクティブについて紹介しました。 また、引数付きのカスタムディレクティブ...

記事を読む

引数付きのカスタムディレクティブを定義する [Vue.js]

本ブログでは、以前にVue.jsのカスタムディレクティブについて紹介しました。 カスタムディレクティブを自作することで...

記事を読む

コンポーネントの再利用可能なオプションを追加するミックスイン mixin [Vue.js]

Vue.jsには、コンポーネントを拡張する仕組みとしてミックスインという機能が用意されています。 ここでは、ミックスイン(mi...

記事を読む

インスタンスプロパティ($data、$props、$el、$options、$parent、$root、$slots、$refs、$attrs) [Vue.js]

ここでは、Vue.jsに用意されているインスタンスプロパティを紹介します。 インスタンスプロパティ インスタンスプロパティと...

記事を読む

コンポーネントの要素をコードから生成するrenderオプション(関数) [Vue.js]

コンポーネントのHTMLテンプレートを定義する際は、templateプロパティオプションを利用するのが基本です。 しかし、アプ...

記事を読む

カスタムオプションを定義して参照する $options [Vue.js]

Vue.jsには、データを定義するdataオプション、メソッドを定義するmethodsオプション、算出プロパティを定義するcompu...

記事を読む

カスタムディレクティブを定義する directive [Vue.js]

Vue.jsには、属性の形式でDOMツリー(文書ツリー)を操作する仕組みとしてディレクティブが用意されています。 ディレクティブに...

記事を読む

provideとinjectを使用して離れた子孫コンポーネントにデータを渡す [Vue.js]

Vue.jsでは、通常、親コンポーネントから子コンポーネントにデータを渡す時にはpropsを使います。 HTML Jav...

記事を読む

算出プロパティ「computed」のSetter関数 [Vue.js]

ここでは、算出プロパティ(computed)のSetter関数について紹介します。 算出プロパティcomputedのGette...

記事を読む

v-ifディレクティブとv-showディレクティブの違いと使いどころ [Vue.js]

Vue.jsで要素の表示と非表示を切り替ええたい場合には、v-showディレクティブを使う方法と、v-ifディレクティブを使う方法が...

記事を読む

テーブル(<table><tr><td>)レンダリング(v-for) [Vue.js]

前回の記事では、v-forディレクティブを使用してリストを描画する方法について紹介しました。 リスト(ul, ol, ...

記事を読む

リスト(<ul><ol><li>)レンダリング(v-for) [Vue.js]

Webアプリケーションでは、データをリスト(一覧)で表示することがよくあります。 例えば、データを検索して結果を一覧で表示したり、...

記事を読む