アーカイブ:2020年 4月
-
tsconfig.jsonとは? TypeScriptでコンパイルの設定を行うファイルです。 作成方法 下記コマンドで生成できます。 [crayon-6605cfdeea91b065230802/] デフォルトの挙動 tscと打…
-
基本的なデータ型 boolean 真偽値(true/false)を扱います。 number 数値(整数、浮動小数点)を扱います。 string 文字列を扱います。 any まだデータ型が確定していない場合や得体のしれない物の…
-
04.13
【TypeScript】基本
TypeScriptとは? 2012年にマイクロソフト社によって開発されたプログラミング言語で、JavaScriptの弱点を改善する目的で開発されました。JavaやC#に近い設計がされておりコンパイルすることでJavaScriptコードを…
-
コンポーネントからVuexにアクセスするには二つの方法があります。 this.$storeにより直接使う方法 Vuexが提供しているヘルパー関数を使用する方法 this.$storeによるアクセス ルートのコンポーネ…
-
状態とは? アプリケーションのデータのことです。ユーザーの操作やイベント発生により値がリアルタイムに更新されていきます。状態の例としては下記です。 ECサイトのショッピングカートの商品 データフローとは? アプリケーショ…
-
04.12
【Vue.js】「ミックスイン」について
ミックスインとは? 機能を再利用するための仕組みでオブジェクトとして定義して複数のコンポーネント間で共有して使えるようにするための仕組みです。 継承との違い 継承は、基底クラスを受け継ぎながら新しい機能を追加するのに対してミックスイン…
-
基本方針 どのような親コンポーネントから使用されたとしても耐えうるように疎結合なインターフェイスにする。 コンポーネントは再利用されることを意識した設計にする。(親コンポーネントに依存しない設計にする。) 分割の方法…
-
コンポーネントの理解で重要なこと Vueコンポーネントは再利用可能なVueインスタンスです。 elオプションについて 最上位のVueインスタンスにしか追加できません。 コンポーネントは様々な箇所で利用されるのでelオプションを指…
-
Vuexの役割 アプリケーションの状態管理をしてくれます。アプリケーションを開発していると一つの状態を複数の場所で参照したいという状況が必ず生まれます。もし何も考えずに実装してしまうと同じ種類の状態や状態を更新するロジックをアプリの複数箇…
-
SFC(Single File Components、単一ファイルコンポーネント)とは? コンポーネントのHTML、CSS、JavaScriptを一つのファイルに記述して「.vue」という拡張子をつけたモジュールのことです。SFCとも呼ば…