-
Vue
[Vue] Vue3 – Composition API – の Hooks を知ろう
Vue 3のComposition APIは、従来のオプションベースのAPIに代わるもので、より直感的かつ再利用性が高いコードを書くことができます。Composition APIには、複数の関数に分割してコンポーネントのロジックを定義するためのHooksがあります。以下でいくつか... -
Vue
[Vue] ref / toRefs って何?
Vue 3 では Composition API が導入され、より直感的かつ柔軟なコードを書くことができます。この API には、Vue 2 にあったオプション API の代替として使用することができるいくつかの関数が含まれています。その中には、ref と toRefs も含まれています... -
Vue
[Vue] onMounted って何?
本記事ではVue 3のonMountedフックについて説明します。 【onMounted とは?】 onMountedは、Vue 3のComposition APIで提供されるライフサイクルフックの1つであり、コンポーネントがマウントされた後に実行される関数を定義するために使用されます。この... -
Vue
[Vue] computed について知ろう
Vue3では、従来のオプションAPIに加えて、Composition APIが導入されました。Composition APIでは、Vue2のcomputedプロパティに相当する機能を、computed関数として提供しています。computed関数は、状態の変化に応じて再評価されるリアクティブな値を作成... -
Vue
[Vue] watch について知ろう
Vue 3のComposition APIでは、watch関数を使用してデータ変更を監視できます。 【1. 簡単なデータの監視】 import { reactive, watch } from 'vue' const state = reactive({ count: 0 }) watch(() => state.count, (newValue, oldValue) =>... -
Python
[Python] 配列 / 連想配列の使い方
Pythonには、配列と連想配列という2つのデータ構造があります。配列は、同じ型のデータを複数格納することができるデータ構造で、連想配列は、キーと値をペアで格納することができるデータ構造です。ここでは、Pythonでの配列と連想配列の使い方について説... -
Flutter
[Flutter] 配列 / 連想配列 の使い方
Flutterは、Googleによって開発されたモバイルアプリ開発フレームワークです。Flutterは、Dartと呼ばれるプログラミング言語で書かれており、Dartには、配列と連想配列の2つの主要なデータ構造があります。ここでは、Flutterでの配列と連想配列の使い方に... -
Flutter
[Flutter] Radioって何?
Flutterは、美しくネイティブ感のあるアプリケーションを作成するためのUIツールキットです。その中には多数のウィジェットが含まれており、その一つがRadioウィジェットです。このブログでは、Radioウィジェットの詳しい使い方を解説します。 【Radioウィ... -
Flutter
[Flutter] TabBarって何?
FlutterのTabBarウィジェットは、複数のページやコンテンツを含むアプリケーションのナビゲーションに使用される標準的なUIパターンです。このウィジェットを使用すると、ユーザーはタブをタップして異なるページやコンテンツに切り替えることができます。... -
Flutter
[Flutter] AppBarって何?
Flutterは、モバイルアプリケーションを開発するためのフレームワークであり、素晴らしいウィジェットを提供しています。FlutterのAppBarは、ユーザーインターフェースで非常に重要な役割を果たします。AppBarは、画面上部に表示され、アプリケーション内...