アニメーション機能を提供する<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アプリケーションで利用されています。 例えば、性別を選択する...

記事を読む

セレクト(選択)ボックス(select)を操作する [Vue.js]

Webアプリケーションでは、ユーザーに項目を選択させるためにselect要素でセレクトボックス(選択ボックス)を利用することがよくあ...

記事を読む

Vue CLIのGUIツールを使ってプロジェクトを作成して管理する [Vue.js]

本ブログでは、以前にVue CLIでプロジェクトを作成する手順について紹介しました。 Vue CLIでは、コマンドを利用してプ...

記事を読む

チェックボックス(input[type=”checkbox”])を操作する [Vue.js]

Webアプリケーションでは、チェックボックスを使用してユーザーのオプション選択を取得することがよくあります。 例えば、アンケートア...

記事を読む

Viteでプロジェクトを作成する [Vue.js]

Vue.jsには以前から、アプリケーションのプロジェクトを自動生成してくれるコマンドラインツールの「Vue CLI」が用意されていま...

記事を読む

テキストボックス(input、textarea)を操作する [Vue.js]

Vue.jsではv-modelディレクティブを使用することで、HTMLのフォーム(form要素)のテキストボックス(input要素や...

記事を読む

ファイルやフォルダーの所有者を変更(設定)する [Windows10]

Windows10にあるファイルやフォルダーには「所有者」という概念があり、Windowsに作成されているユーザーが割りあてられてい...

記事を読む

Windows10にパスワードを入力せずに自動でサインイン(ログオン・ログイン)する

Windows10を起動すると以下のような画面が表示され、サインインする際にパスワードの入力が求められます。 パスワード(ID...

記事を読む