カスタムディレクティブを定義する 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アプリケーションでは、データをリスト（一覧）で表示することがよくあります。 例えば、データを検索して結果を一覧で表示したり、...
テンプレートをHTMLの<script>要素として表すx-template [Vue.js]
今回は、<script>要素を使用してテンプレートを記述する際に使用する「x-template」について紹介します。 ...
アニメーション機能を提供する<transition>要素 [Vue.js]
Vue.jsには、HTMLのテンプレート要素に対してアニメーションの効果を与える仕組みが標準で用意されています。 アニメーションの...
動的コンポーネントのキャッシュを保持する<keep-alive>要素 [Vue.js]
前回の記事では、<component>要素を使用して、動的にコンポーネントを切り替える方法について紹介しました。 ...
コンポーネントを動的に切り替える<component>要素 [Vue.js]
Vue.jsには、コンポーネントを制御するためのコンポーネントのメタコンポーネントの組み込みコンポーネントが用意されています。 ...
componentメソッドでコンポーネントを定義する [Vue.js]
ここでは、componentメソッドを使ったコンポーネントの定義について紹介します。 Vue.jsのコンポーネント コンポー...
タスクマネージャー（詳細表示）に表示される列を設定する [Windows10]
ここでは、Windows10に付属しているアプリケーションの「タスク マネージャー」を詳細表示した際に表示されるリスト（一覧表）に表示する列...
コントロールパネルの表示方法（カテゴリ・大きいアイコン・小さいアイコン）の変更
Windows10のコントロールパネルを起動すると、以下のような画面が表示されます。 コントロール（設定）できる項目がカテゴリ...
コンポーネントにpropsで定義されていない属性を渡す（指定する） [Vue.js]
コンポーネントの属性には、基本的にはpropsオプションに定義さえている属性を指定します。 しかし、コンポーネントには、props...
ラジオボタン（input[type=”radio”]）を操作する [Vue.js]
複数の項目から1つを選択させるラジオボタンのオプションは、多くのWebアプリケーションで利用されています。 例えば、性別を選択する...